API tools faq
paste
letsrp

Nicest Thing - About Me

letsrp
Oct 27th, 2013
2,843
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 4.86 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
  2.  
  3. <!--
  4. ゜・。。・゜☆゜・。。(◕‿◕✿)・゜゜・。。・゜☆゜・。。・゜
  5.  
  6. .---. .-''-.,---------. .-'''-..-------. .-------.
  7. | ,_| .'_ _ \ \/ _ | _ _ \ \ _(`)_ \
  8. ,-./ ) / ( ` ) `--. ,---(`' )/`--| ( ' ) | | (_ o._)|
  9. \ '_ '`). (_ o _) | | \ (_ o _). |(_ o _) / | (_,_) /
  10. > (_) )| (_,_)___| :_ _: (_,_). '.| (_,_).' __| '-.-'
  11. ( . .-'' \ .---. (_I_) .---. \ | |\ \ | | |
  12. `-'`-'|__\ `-' / (_(=)_)\ `-' | | \ `' | |
  13. | \ / (_I_) \ /| | \ // )
  14. `--------``'-..-' '---' `-...-' ''-' `'-' `---'
  15. Character page "Nicest Thing" made by letsrp @ tumblr
  16. ゜・。。・゜☆゜・。。(◕‿◕✿)・゜゜・。。・゜☆゜・。。・゜
  17. -->
  18.  
  19. <html>
  20. <head>
  21. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
  22. <script>$(function() {$('a[href*=#]:not([href=#])').click(function() {
  23. if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'') && location.hostname == this.hostname) {
  24. var target = $(this.hash);target = target.length ? target : $('[name=' + this.hash.slice(1) +']');if (target.length) {$('html,body').animate({
  25. scrollTop: target.offset().top}, 1000);return false;}}});});
  26. </script>
  27.  
  28. <title>{Title}</title>
  29. <link rel="shortcut icon" href="{Favicon}" />
  30. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  31. <style type="text/css">
  32.  
  33. body{
  34. color:#7c634b;
  35. background-attachment:fixed;
  36. background-color:#fff;
  37. text-align:justify;
  38. font-family:courier new;
  39. font-size:10px;
  40. line-height:12px;
  41. }
  42.  
  43. b {
  44. color:#000;
  45. }
  46.  
  47. a{
  48. color:#3e6373;
  49. font-size:11px;
  50. text-transform:uppercase;
  51. text-decoration:none;
  52. }
  53.  
  54. a:hover{
  55. color:#80adcc;
  56. text-decoration:italic;
  57. }
  58.  
  59. #main{
  60. position:absolute;
  61. color:#7c634b;
  62. width:300px;
  63. margin-top:10px;
  64. margin-left:30px;
  65. text-align:justify;
  66. padding-bottom:15px;
  67. }
  68.  
  69. #side{
  70. position:fixed;
  71. color:#7c634b;
  72. width:208px;
  73. height:auto;
  74. margin-left:370px;
  75. margin-top:200px;
  76. }
  77.  
  78. h1{
  79. color:#bbb;
  80. font-family:courier new;
  81. font-size:20px;;
  82. text-transform:uppercase;
  83. border-bottom:1px solid #eee;
  84. margin-top:15px;
  85. font-weight:normal;
  86. text-align:center;
  87. padding:5px;
  88. }
  89.  
  90. .slinks{
  91. position:fixed;
  92. margin-left: 530px;
  93. margin-top: 260px;
  94. width: 50px;
  95. -webkit-transition: all 0.7s ease;
  96. -moz-transition: all 0.7s ease;
  97. -o-transition: all 0.7s ease;
  98. }
  99.  
  100. .slinks a{
  101. color: #bbb;
  102. width: 100px;
  103. margin-bottom: 3px;
  104. display: inline-block;
  105. text-align:center;
  106. text-transform:uppercase;
  107. font-size:14px;
  108. border-right:3px solid #eee;
  109. }
  110.  
  111. .slinks a:hover{
  112. -webkit-transition: all 0.7s ease;
  113. -moz-transition: all 0.7s ease;
  114. -o-transition: all 0.7s ease;
  115. border-right:3px solid #2ac1cf;
  116. }
  117.  
  118. .deet{
  119. line-height:100%;
  120. text-align:center;
  121. background-color:#eee;
  122. padding:3px;
  123. }
  124.  
  125. {CustomCSS}
  126. </style>
  127. </head>
  128. <body>
  129.  
  130. <div id="main">
  131. <!--------------------------------------------------------- BIO -->
  132. <h1 id="one">biography</h1>
  133. BIO BIO BIO
  134.  
  135.  
  136. <!--------------------------------------------------------- DETAILS -->
  137. <h1 id="two">information</h1>
  138.  
  139. <span class="deet">Full Name:</span> TEXT <br><br>
  140. <span class="deet">Nicknames:</span> TEXT <br><br>
  141. <span class="deet">Age:</span> TEXT <br><br>
  142. <span class="deet">Birthday:</span> TEXT <br><br>
  143. <span class="deet">Occupation:</span> TEXT <br><br>
  144. <span class="deet">Eye Color:</span> TEXT <br><br>
  145. <span class="deet">Hair Color:</span> TEXT <br><br>
  146. <span class="deet">Height:</span> TEXT <br><br>
  147. <span class="deet">Weight:</span> TEXT
  148.  
  149. <!-------------------------------------------------- CONNECTIONS -->
  150. <h1 id="three">connections</h1>
  151.  
  152.  
  153. <!------- CONN #1 -->
  154. <div><img src="IMAGE URL" width="60" align="left" hspace="3" vspace="3" style="border:1px solid #eee; padding:2px;" />
  155. <b>NAME:</b>
  156. TEXT
  157. </div><br>
  158. <!------- CONN #2 -->
  159. <div><img src="IMAGE URL" width="60" align="left" hspace="3" vspace="3" style="border:1px solid #eee; padding:2px;" />
  160. <b>NAME:</b>
  161. TEXT
  162. </div><br>
  163. <!------- CONN #3 -->
  164. <div><img src="IMAGE URL" width="60" align="left" hspace="3" vspace="3" style="border:1px solid #eee; padding:2px;" />
  165. <b>NAME:</b>
  166. TEXT
  167. </div><br>
  168.  
  169. <!--------------------------------------------------------- SIDEBAR --> </div></div>
  170. <div id="side"><br>
  171. <img src="IMAGE URL" width="150px" style="padding:2px; border: 1px solid #eee; margin-bottom:4px;"/>
  172. </div></div>
  173.  
  174. <div class="slinks">
  175. <a href="#one">about </a>
  176. <a href="#two">other</a>
  177. <a href="#three">relations</a>
  178. </div>
  179.  
  180. <div style="position:fixed; bottom:3px; right:5px;font-family:arial; font-size:9px;"><a href="http://letsrp.tumblr.com">©</a>
  181. </div>
  182. </div>
  183. </body>
  184. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!