API tools faq
paste
Advertisement
aislenrph

ABOUT ME PAGE #1: STEPH

aislenrph
Apr 15th, 2014
584
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 8.65 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. <html>
  5. <!--
  6. About Me Page #1: Steph by aislenrph
  7. Please remember to not steal this, but you may edit to your liking. Don't steal or repost even if you edited it a ton. Thanks!
  8. Please don't steal, or you will be found, blocked, and/or reported.
  9. Don't remove the credit either please.
  10. -->
  11. <head>
  12.  
  13. <title>astronauts;</title>
  14.  
  15. <link rel="shortcut icon" href="http://37.media.tumblr.com/avatar_9bf7bde0f2a3_128.png">
  16. <link rel="alternate" type="application/rss+xml" href="http://briellensays.tumblr.com/rss">
  17.  
  18. <style>
  19. /*BASICS*/
  20. body {
  21. background-color:#fff;
  22. color:#43324e;
  23. font-family:calibri;
  24. }
  25.  
  26. a {
  27. color:#86649b;
  28. text-transform:none;
  29. }
  30.  
  31. a:hover {
  32. color:#cab1da;
  33. text-transform:none;
  34. }
  35.  
  36. /*END BASICS*/
  37. .image {
  38. border:2px double #000;
  39. width:200px;
  40. height:385px;
  41. margin-top:200px;
  42. margin-left:700px;
  43. position:fixed;
  44. }
  45.  
  46. .about {
  47. border:2px double #000;
  48. width:300px;
  49. height:150px;
  50. overflow:auto;
  51. margin-top:200px;
  52. margin-left:300px;
  53. position:fixed;
  54. padding:3px;
  55. font-size:12px;
  56. text-align:justify;
  57. }
  58.  
  59. .connections {
  60. border:2px double #000;
  61. width:300px;
  62. height:150px;
  63. overflow:auto;
  64. margin-top:400px;
  65. margin-left:300px;
  66. position:fixed;
  67. padding:3px;
  68. font-size:12px;
  69. text-align:justify;
  70. }
  71.  
  72. .quote {
  73. width:300px;
  74. height:150px;
  75. margin-top:370px;
  76. margin-left:300px;
  77. position:fixed;
  78. }
  79.  
  80. .title {
  81. width:600px;
  82. height:200px;
  83. margin-top:120px;
  84. margin-left:300px;
  85. position:fixed;
  86. font-size:50px;
  87. font-family:arial black;
  88. }
  89.  
  90. .home {
  91. width:30px;
  92. height:30px;
  93. margin-top:200px;
  94. margin-left:610px;
  95. position:fixed;
  96. padding-top:30px;
  97. padding-bottom:30px;
  98. padding-right:30px;
  99. padding-left:30px;
  100. text-align:center;
  101. -moz-border-radius:100%;
  102. -o-border-radius:100%;
  103. -webkit-transition: all 0.5s ease;
  104. -moz-transition: all 0.5s ease;
  105. transition: all 0.5s ease;
  106. }
  107.  
  108. .home:hover {
  109. background-color:#ccc;
  110. }
  111.  
  112. .ask {
  113. width:30px;
  114. height:30px;
  115. margin-top:300px;
  116. margin-left:610px;
  117. position:fixed;
  118. padding-top:30px;
  119. padding-bottom:30px;
  120. padding-right:30px;
  121. padding-left:30px;
  122. text-align:center;
  123. -moz-border-radius:100%;
  124. -o-border-radius:100%;
  125. -webkit-transition: all 0.5s ease;
  126. -moz-transition: all 0.5s ease;
  127. transition: all 0.5s ease;
  128. }
  129.  
  130. .ask:hover {
  131. background-color:#ccc;
  132. }
  133.  
  134. .navi {
  135. width:30px;
  136. height:30px;
  137. margin-top:400px;
  138. margin-left:610px;
  139. position:fixed;
  140. padding-top:30px;
  141. padding-bottom:30px;
  142. padding-right:30px;
  143. padding-left:30px;
  144. text-align:center;
  145. -moz-border-radius:100%;
  146. -o-border-radius:100%;
  147. -webkit-transition: all 0.5s ease;
  148. -moz-transition: all 0.5s ease;
  149. transition: all 0.5s ease;
  150. }
  151.  
  152. .navi:hover {
  153. background-color:#ccc;
  154. }
  155.  
  156. .cred {
  157. width:30px;
  158. height:30px;
  159. margin-top:500px;
  160. margin-left:610px;
  161. position:fixed;
  162. padding-top:30px;
  163. padding-bottom:30px;
  164. padding-right:30px;
  165. padding-left:30px;
  166. text-align:center;
  167. -moz-border-radius:100%;
  168. -o-border-radius:100%;
  169. -webkit-transition: all 0.5s ease;
  170. -moz-transition: all 0.5s ease;
  171. transition: all 0.5s ease;
  172. }
  173.  
  174. .cred:hover {
  175. background-color:#ccc;
  176. }
  177.  
  178. .basics {
  179. width:300px;
  180. height:150px;
  181. margin-top:565px;
  182. margin-left:300px;
  183. position:fixed;
  184. }
  185.  
  186. .creddies {
  187. width:60px;
  188. height:auto;
  189. text-transform:lowercase;
  190. padding:2px;
  191. border:1px solid #000;
  192. margin-top:960px;
  193. margin-left:1250px;
  194. position:fixed;
  195. }
  196. </style>
  197.  
  198. </head>
  199. <body>
  200. <div class="title">title;</div>
  201. <div class="image"><!--charrie image, 200 x 385--><img src="http://i.imgur.com/FkIWiB3.pngg"></div>
  202. <div class="about">
  203. <p>MAYBE U WANNA PUT THE BIO HERE WINK WINK NUDGE NUDGE Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean et justo quis erat consequat faucibus eu at sapien. Ut sollicitudin erat non cursus sollicitudin. Donec ultrices tortor quis dolor condimentum, sed hendrerit elit suscipit. Fusce in enim eget neque rutrum placerat. Aenean a nibh eu nunc pulvinar scelerisque. Morbi mollis dolor non urna pulvinar sollicitudin. Donec nec bibendum augue. Sed molestie, felis nec faucibus fermentum, ipsum libero auctor turpis, sed dictum lorem orci sit amet justo. Vivamus sit amet ornare turpis, vitae venenatis magna. Pellentesque eu sollicitudin turpis, eget porta nunc. Nam est justo, mattis id nibh non, feugiat blandit lectus. </p>
  204. </div>
  205. <div class="connections"><p>CONNECTIONS MAYBE HERE GASP Aenean luctus posuere sagittis. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer commodo egestas purus, in rutrum augue imperdiet ac. In vitae neque eros. Proin sit amet elit sed est interdum egestas. Nam ac nibh eget metus bibendum ullamcorper at quis est. Nulla sed mattis leo. Aenean malesuada libero non egestas ultricies. Sed tempor orci vel arcu imperdiet, vitae laoreet nunc pretium. Morbi placerat lorem sapien, in scelerisque nisl rhoncus vitae. Curabitur id enim placerat, consequat mauris sit amet, ullamcorper urna. Phasellus urna libero, gravida in ultrices eget, fermentum eu dolor. Praesent id augue est. </p></div>
  206. <div class="quote"><marquee>put quote here yo blah blah blah look it moves ooooo</marquee></div>
  207. <div class="basics"> ; tiny basic bio info woo ; </div>
  208.  
  209. <!--NAVIGATION-->
  210.  
  211. <div class="home"><a href="/"><img src="http://i.imgur.com/Dh7Xp8E.png" style="width:20px;height:20px;"></a></div>
  212. <div class="ask"><a href="/ask"><img src="http://i.imgur.com/5hvbASE.png" style="width:20px;height:20px;"></a></div>
  213. <div class="navi"><a href="/nav"><img src="http://i.imgur.com/kcAGlWZ.png" style="width:20px;height:20px;"></a></div>
  214. <!--KEEP CREDIT HERE PLS--><div class="cred"><a href="http://aislenrph.tumblr.com/"><img src="http://i.imgur.com/qET7Op9.png" style="width:20px;height:20px;"></a></div>
  215.  
  216. <!--don't remove this credit either thx!!--><div class="creddies"><a href="http://aislenrph.tumblr.com/">aislenrph</a></div>
  217. </body>
  218.  
  219. </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!