API tools faq
paste
letsrp

Pose - About Me

letsrp
Mar 23rd, 2013
964
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 4.95 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. Code by letsrp | tumblr
  5. -->
  6.  
  7. <html>
  8. <head>
  9. <title>{Title}</title>
  10. <link rel="shortcut icon" href="{Favicon}" />
  11. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  12. <style type="text/css">
  13.  
  14. @font-face { font-family: "bebas neue"; src: url('http://static.tumblr.com/cvlbtjz/cnsln9tpp/bebasneue.otf'); }
  15.  
  16. ::-webkit-scrollbar-thumb {
  17. background-color: #bbb; /*change scrollbar color*/
  18. border-radius:20px;
  19. }
  20.  
  21. ::-webkit-scrollbar {
  22. width:8px;
  23. height: 4px;
  24. background: #eee; /*change scrollbar bg color*/
  25. }
  26.  
  27. body{
  28. color:#000;
  29. background-attachment:fixed;
  30. background-color:#fff;
  31. background-image: url('http://24.media.tumblr.com/68c511fae89a783ab6ca754795f0231d/tumblr_mk32woneR81r24l6ro2_250.png'); /*change bg image*/
  32. text-align:justify;
  33. }
  34.  
  35. a{
  36. color:#000;
  37. text-decoration:
  38. none;
  39. }
  40.  
  41. a:hover{
  42. color:#80adcc;
  43. }
  44.  
  45. #ok {
  46. height:auto;
  47. width:auto;
  48. margin-left:20px;
  49. }
  50.  
  51. #image {
  52. color:#000;
  53. width:280px;
  54. height:350px;
  55. background-color:#f3eced; /*change bg color of image section*/
  56. margin-top:100px;
  57. margin-left:-290px;
  58. padding:0px;
  59. text-align:center;
  60. font-family:bebas neue;
  61. font-size:25px;
  62. }
  63.  
  64. #deets {
  65. color:#000;
  66. width:270px;
  67. height:80px;
  68. background-color:#f3eced; /*change bg color of name section*/
  69. margin-top:5px;
  70. margin-left:-290px;
  71. padding-right:10px;
  72. padding-top:5px;
  73. text-align:right;
  74. font-family:bebas neue;
  75. font-size:25px;
  76. }
  77.  
  78.  
  79. #about {
  80. color:#000;
  81. width:260px;
  82. height:420px;
  83. background-color:#f3eced; /*change bg color of about section*/
  84. margin-top:-440px;
  85. margin-left:279px;
  86. padding:10px;
  87. text-align:justify;
  88. overflow:auto;
  89. font-family:arial;
  90. font-size:11px;
  91. }
  92.  
  93. #linkss {
  94. height:auto;
  95. width:auto;
  96. margin-left:-600px;
  97. margin-top:-425px;
  98. }
  99.  
  100. #links a {
  101. display:inline-block;
  102. padding:7px;
  103. width:20px;
  104. height:15px;
  105. margin-top: 3px;
  106. transition: all 0.9s ease-out;
  107. -o-transition-transition: all 0.9s ease-out;
  108. -webkit-transition: all 0.9s ease-out;
  109. -moz-transition: all 0.9s ease-out;
  110. -moz-box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.06);
  111. transition: all 0.9s ease-out;
  112. -o-transition-transition: all 0.5s ease-out;
  113. -webkit-transition: all 0.5s ease-out;
  114. -moz-transition: all 0.5s ease-out;
  115. }
  116.  
  117. #links a:hover{
  118. margin-left:-12px;
  119. padding-left:6px;
  120. padding-top:7px;
  121. opacity:1;
  122. padding-right:21px;
  123. padding-bottom:7px;
  124. }
  125.  
  126. #picimage {
  127. margin: 0px 0 0px 0;
  128. text-align:center;
  129. }
  130.  
  131. #picimage img {
  132. margin-top:10px;
  133. width:260px;
  134. height:330px;
  135. text-align:center;
  136. margin-left:0px;
  137. }
  138.  
  139. blockquote {
  140. border-left:1px dotted #000;
  141. padding-left:4px;
  142. margin-left:5px;
  143. margin-right:5px;
  144. margin-top:0px;
  145. margin-bottom:5px;
  146. }
  147.  
  148. {CustomCSS}
  149. </style>
  150. </head>
  151. <body>
  152. <center>
  153.  
  154. <div id="ok">
  155.  
  156. <div id="image"><div id="pic"><div id="picimage">
  157. <img src="IMAGE 360x330"/></div></div></div>
  158.  
  159. <div id="deets"> NAME HERE
  160. <div style="width:270px; height:35px; margin-top:-8px;padding:5px;font-family: Courier; font-size:10px;line-height: 90%; color: #000; text-align: right;" >
  161.  
  162. "QUOTE"
  163. <br><br>
  164. AGE. OCCUPATION
  165.  
  166. </div></div>
  167. <div id="about">
  168. BIO GOES HERE.
  169. </div></div></div>
  170.  
  171.  
  172. <div id="linkss">
  173. <div id="links"><br>
  174.  
  175. <!-- ROLEPLAY LINK -->
  176. <a href="/RP URL" title="roleplay">
  177. <img src="http://media.tumblr.com/f61faca99af6b9145e726dd9d9eb1b05/tumblr_inline_mk4h52bOCm1qz4rgp.png"style="width:16px; margin-left:-1px; margin-top:1px;"></a><br>
  178.  
  179. <!-- PARAS LINK -->
  180. <a href="/TAGGED/PARAS" title="paras">
  181. <img src="http://media.tumblr.com/bb7a366b5de964c8ff52a8c267825c20/tumblr_inline_mk4h33hmiF1qz4rgp.png" style="width:16px; margin-left:-1px; margin-top:1px;"></a><br>
  182.  
  183. <!-- TEXTS LINK -->
  184. <a href="/TAGGED/TEXT" title="texts"><img src="http://media.tumblr.com/38545bfe5ff22dac87cefb91a4dde262/tumblr_inline_mk4h0gSq4b1qz4rgp.png" style="width:16px; margin-left:-1px; margin-top:1px;"></a><br>
  185.  
  186. <!-- PICTURES LINK -->
  187. <a href="/TAGGED/PIC" title="pictures"><img src="http://media.tumblr.com/5a268a30aa04bac63b31e8d9a0104b5d/tumblr_inline_mk4h24PpAa1qz4rgp.png" style="width:16px; margin-left:-1px; margin-top:1px;"></a><Br>
  188.  
  189. <!-- TWEETS LINK -->
  190. <a href="/TAGGED/TWEET" title="tweets"><img src="http://media.tumblr.com/0a5587f9a909c6399a1a506fbd53505e/tumblr_inline_mk4gzxP2ZC1qz4rgp.png" style="width:16px;margin-top:1px;margin-left:-1px;"></a><br>
  191.  
  192. <!-- MUSIC LINK -->
  193. <a href="/TAGGED/MUSIC" title="music">
  194. <img src="http://media.tumblr.com/2db0815b0215335da4b61f6ed3582054/tumblr_inline_mk4gypfalk1qz4rgp.png"style="width:16px; margin-left:-1px; margin-top:1px;"></a><br>
  195.  
  196. <!-- BACK TO PAGE LINK -->
  197. <a href="/" title="go back">
  198. <img src="http://media.tumblr.com/fc8fce4f9790e9d83dd51ccb04aee6b1/tumblr_inline_mk4hneNd3u1qz4rgp.png"style="width:16px; margin-left:-1px; margin-top:1px;"></a><br>
  199.  
  200.  
  201. </div>
  202. </div>
  203. </div>
  204. </body>
  205. <div style="position:fixed; bottom:3px; right:5px;font-family:arial; font-size:10px;"><a href="http://letsrp.tumblr.com">©</a>
  206. </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!