API tools faq
paste
Advertisement
ofcuteboys

About Me Page 01-Classic

ofcuteboys
Mar 29th, 2014
269
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.  
  2. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  3. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  4. <head>
  5. <title>{Title}</title>
  6. <link rel="shortcut icon" href="{Favicon}">
  7. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  8.  
  9. <!---
  10.  
  11.  
  12. 888 8888888 888b d888 8888888888 .d8888b.
  13. 888 888 8888b d8888 888 d88P Y88b
  14. 888 888 88888b.d88888 888 Y88b.
  15. 888 888 888Y88888P888 8888888 "Y888b.
  16. 888 888 888 Y888P 888 888 "Y88b.
  17. 888 888 888 Y8P 888 888 "888
  18. 888 888 888 " 888 888 Y88b d88P
  19. 88888888 8888888 888 888 8888888888 "Y8888P"
  20.  
  21. ABOUT ME PAGE 01 BY OFCUTEBOYS/LIMESTHEMES/CAROLINE --CLASSIC--
  22.  
  23. This is the first about me page in my Triple Page Pack
  24.  
  25. It's type #1-Classic
  26.  
  27. You can write as much as you want, essentially! Try to fill up the space and use paragraph tags to separate things.
  28.  
  29. Enjoy it! If this doesn't suit your fancy, check out the rest of the pack.
  30.  
  31. Make sure to follow the rules, and if you have any questions, go to http://limesthemes.tumblr.com/support !
  32.  
  33. --->
  34.  
  35. <style type="text/css">
  36.  
  37.  
  38. body {
  39. background-color:{color:background};
  40. font-family:Times;
  41. font-size:11px;
  42. color:black;
  43. letter-spacing:1px;
  44. }
  45.  
  46. a {
  47. color:{color:link};
  48. text-decoration:none;
  49. -webkit-transition-duration:.3s;
  50. -moz-transition-duration:.3s;
  51. -o-transition-duration:.3s;
  52. }
  53.  
  54. a:hover {
  55. color:{color:hover};
  56. }
  57.  
  58. h1 {
  59. font-size:28px;
  60. margin-top:3px;
  61. font-weight:normal;
  62. letter-spacing:1px;
  63. color:black;
  64. font-style:italic;
  65. text-align:center;
  66. font-family:Baskerville;
  67. z-index:99999999;
  68. position:fixed;
  69. width:350px;
  70. }
  71.  
  72. h2 {
  73. text-align:center;
  74. font-size:14px;
  75. font-weight:600;
  76. font-style:normal;
  77. padding:0px;
  78. }
  79.  
  80.  
  81. blockquote {
  82. padding:10px;
  83. background-color:#F5F5F5;
  84. text-align:justify;
  85. }
  86.  
  87. blockquote blockquote {
  88. padding-left:10px;
  89. border-left:2px solid {color:accent};
  90. }
  91.  
  92.  
  93. ::selection {
  94. background-color:{color:accent};
  95. }
  96.  
  97.  
  98. ::webkit-scrollbar {
  99. width:5px;
  100. background-color:{color:accent};
  101. }
  102.  
  103.  
  104.  
  105. #credit {
  106. bottom:3px;
  107. position:fixed;
  108. right:10px;
  109. float:right;
  110. font-family:calibri;
  111. color:black;
  112. font-size:9px;
  113. letter-spacing:1px;
  114. text-transform:uppercase;
  115. padding:5px;
  116.  
  117. }
  118.  
  119. #credit a {
  120. color:black;
  121. padding:5px;
  122. -webkit-transition-duration:.8s;
  123. -moz-transition-duration:.8s;
  124. -o-transition-duration:.8s;
  125. -ms-transition-duration:.8s;
  126. }
  127.  
  128. #credit a:hover {
  129. color:#00b3bd;
  130. }
  131.  
  132. #actualfuckingcontent {
  133. width:350px;
  134. height:450px;
  135. top:50%;
  136. left:50%;
  137. margin-top:-225px;
  138. margin-left:-175px;
  139. position:fixed;
  140. line-height:120%;
  141. text-align:center;
  142. }
  143. #actualfuckingcontent p {
  144. padding:5px;
  145. }
  146.  
  147. .links {
  148. text-align:center;
  149. display:inline-block;
  150. width:350px;
  151. margin-top:30px;
  152. margin-left:-175px;
  153. position:fixed;
  154. }
  155.  
  156. .links a {
  157. color:black;
  158. font-size:11px;
  159. letter-spacing:2px;
  160. font-style:italic;
  161. text-align:center;
  162. display:inline-block;
  163. margin-left:10px;
  164. }
  165.  
  166. .links a:hover {
  167. color:#00b3bd;
  168. }
  169.  
  170.  
  171. </style>
  172.  
  173. </head>
  174. <body>
  175.  
  176. <div id="actualfuckingcontent">
  177. <h1>About Caroline</h1>
  178. <div class="links"><a href="/" style="margin-left:-5px;">home</a><a href="/ask">ask</a><a href="http://ofcuteboys.tumblr.com">credit</a></div>
  179. <center><img src="http://i60.tinypic.com/309ophx.jpg" width="150px;" style="margin-top:40px;z-index:-999;"></center>
  180.  
  181.  
  182. <p>Use this space to write all about yourself! I recommend using paragraph tags in order to separate your paragraphs, and the more you write (in my opinion) the better it will look, as long as you don't overflow the box.</p>
  183. <p>You can put anything you'd like in here. I think this page is really nice and classic looking, but if you're looking for something a bit more sleek or modern, be sure to check out the rest of my page pack!</p>
  184. <p>You have 450px of height to write anything you'd like.</p>
  185. <p>Tell your lovely followers everything they've ever wanted to knwo about you. This is your chance. Tell them your hopes and dreams. Tell them your deepest fears. Tell them what you like to eat for breakfast. Tell them how much you love this adorable theme.</p>
  186. <p>I hope you enjoy it!</p>
  187. <p>Lots of Love, <i>Caroline</i></p>
  188. </div>
  189.  
  190.  
  191. <div id="credit"><a href="http://ofcuteboys.tumblr.com/">ofcuteboys</a></div>
  192.  
  193.  
  194. </body></html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
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!