API tools faq
paste
Advertisement
akahshi

ғᴏʀ sʜɪᴛs ᴀɴᴅ ɢɪɢɢʟᴇs

akahshi
Oct 31st, 2014
2,523
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 7.51 KB | None | 0 0
raw download clone embed print report
  1. <!------------------------------------------------------------------------------
  2.  
  3. ғᴏʀ s ʜ ɪ ᴛ s ᴀɴᴅ ɢ ɪ ɢ ɢ ʟ ᴇ s
  4. ᴀʙᴏᴜᴛ ᴘᴀɢᴇ ᴏʀ ᴡʜᴀᴛᴇᴠᴇʀ ʙʏ ᴀʟʟɪsᴏɴ
  5. ᴛᴜᴍʙʟʀ @ ᴀᴋᴀʜsʜɪ & ᴀʀɢᴇɴᴛᴜᴍᴇᴅ
  6. ᴘʟᴇᴀsᴇ ʟᴇᴀᴠᴇ ᴛʜᴇ ᴄʀᴇᴅɪᴛ ᴏɴ ᴛʜᴇ ᴛʜᴇᴍᴇ.
  7.  
  8. ------------------------------------------------------------------------------->
  9.  
  10.  
  11. <html>
  12. <head>
  13.  
  14. <title>for shits and giggles</title>
  15.  
  16. <link rel="shortcut icon" href="{Favicon}">
  17.  
  18. <style>
  19.  
  20. @font-face { font-family: "dawning"; src: url('http://static.tumblr.com/viiafci/Hyzlxws2r/dawningofanewday.ttf'); }
  21.  
  22. @font-face { font-family: "sueellen"; src: url('http://themes.googleusercontent.com/static/fonts/sueellenfrancisco/v2/TwHX4vSxMUnJUdEz1JIgrrtXaZAN_aGv07JTA91X2HI.woff'); }
  23.  
  24. ::-webkit-scrollbar-thumb:vertical{background-color: #f6f6f6;}
  25. ::-webkit-scrollbar {width: 1px; background-color:#fff;}
  26.  
  27. b {
  28. color:#A9BCF5;
  29. }
  30.  
  31. i{
  32. color:#E2A9F3;
  33. }
  34.  
  35. u{
  36. color:#A9F5A9;
  37. }
  38.  
  39. a, a:link, a:visited, a:active {
  40. text-decoration: none;
  41. color: #BCA9F5;
  42. -webkit-transition: all 0.7s ease-in-out;
  43. -moz-transition: all 0.7s ease-in-out;
  44. -o-transition: all 0.7s ease-in-out;
  45. -ms-transition: all 0.7s ease-in-out;
  46. transition: all 0.7s ease-in-out;}
  47.  
  48.  
  49. a:hover {-webkit-transition: all 0.7s ease-in-out;
  50. -moz-transition: all 0.7s ease-in-out;
  51. -o-transition: all 0.7s ease-in-out;
  52. -ms-transition: all 0.7s ease-in-out;
  53. transition: all 0.7s ease-in-out;}
  54.  
  55.  
  56. #heading {
  57. margin-left:420px;
  58. width: 500px;
  59. height:15px;
  60. margin-top: 50px;
  61. position:relative;
  62. background: #000000;
  63. }
  64.  
  65. #headingwords{
  66. font-size: 10px;
  67. font-family: calibri;
  68. color:#ffffff;
  69. padding:1px;
  70. text-align:center;
  71. text-transform:uppercase;
  72. }
  73.  
  74. #description{
  75. width:500px;
  76. height:100px;
  77. margin-top:10px;
  78. font-family:calibri;
  79. font-size:11px;
  80. background:transparent;
  81. position:relative;
  82. text-align:center;
  83. overflow:auto;
  84. }
  85.  
  86. #secondheading{
  87. margin-left:420px;
  88. width: 500px;
  89. height:15px;
  90. margin-top: 90px;
  91. position:relative;
  92. background: #000000;
  93. }
  94.  
  95. #secondheadingwords{
  96. font-size: 10px;
  97. font-family: calibri;
  98. color:#ffffff;
  99. padding:1px;
  100. text-align:center;
  101. text-transform:uppercase;
  102. }
  103.  
  104. #icon{
  105. width:100px;
  106. height:100px;
  107. margin-top:10px;
  108. background:url('http://static.tumblr.com/bss2nfe/sywnebt05/misc5.png');
  109. background-position:center;
  110. background-size:cover;
  111. }
  112.  
  113. #seconddescription{
  114. position:absolute;
  115. width:395px;
  116. height:100px;
  117. margin-top:5px;
  118. margin-left:105px;
  119. font-family:calibri;
  120. font-size:11px;
  121. background:transparent;
  122. position:relative;
  123. overflow:auto;
  124. }
  125.  
  126. #thirdheading{
  127. margin-left:420px;
  128. width: 500px;
  129. height:15px;
  130. margin-top: 120px;
  131. position:relative;
  132. background: #000000;
  133. }
  134.  
  135. #thirdheadingwords{
  136. font-size: 10px;
  137. font-family: calibri;
  138. color:#ffffff;
  139. padding:1px;
  140. text-align:center;
  141. text-transform:uppercase;
  142. }
  143.  
  144. #thirddescription{
  145. position:absolute;
  146. width:500px;
  147. height:150px;
  148. margin-top:5px;
  149. margin-left:420px;
  150. font-family:calibri;
  151. font-size:11px;
  152. background:transparent;
  153. position:relative;
  154. overflow:auto;
  155. text-align:center;
  156. }
  157.  
  158. #fourthheading{
  159. margin-left:420px;
  160. width: 500px;
  161. height:15px;
  162. margin-top: 10px;
  163. position:relative;
  164. background: #000000;
  165. }
  166.  
  167. #fourthheadingwords{
  168. font-size: 10px;
  169. font-family: calibri;
  170. color:#ffffff;
  171. padding:1px;
  172. text-align:center;
  173. text-transform:uppercase;
  174. }
  175.  
  176. #linkbox{
  177. width:550px;
  178. margin-left:385px;
  179. margin-top:505px;
  180. height:30px;
  181. text-align:center;
  182. margin-top:5px;
  183. overflow:auto;
  184. font-family:calibri;
  185. font-size:10px;
  186. text-transform:uppercase;
  187. }
  188.  
  189. #links {width:550px;}
  190. #links a{
  191. margin-left:20px;
  192. font-family:calibri;
  193. font-size:10px;
  194. display:inline-block;
  195. width:50px;
  196. color:#ffffff;
  197. letter-spacing:1px;
  198. background:#E6E6E6;
  199. text-align:center;
  200. color:#555;
  201. padding:2px 6px 2px 6px;
  202. }
  203.  
  204. #credit{
  205. margin-top:2px;
  206. margin-left:2px;
  207. font-size:10px;
  208. font-family:calibri;
  209. color:#000000;
  210. }
  211.  
  212. </style>
  213. </head>
  214.  
  215. <body>
  216.  
  217. <!---START EDITING HERE!-->
  218. <!--In order to find what you want to replace and whatnot, just look for the...words....that I typed....and just....yeah search and replace you should be able to find everything...-->
  219.  
  220. <div id="credit"><a href="http://akahshi.tumblr.com">©</a></div>
  221.  
  222. <div id="heading">
  223. <div id="headingwords">nothing lasts forever</div>
  224. <div id="description">
  225.  
  226. <b>Everyday</b><br>
  227. <i>With every worthless word we get more far away</i><br>
  228. The distance between us makes it so hard to stay<br>
  229. <b>Nothing lasts forever</b>, but be honest babe<br>
  230. <u>It hurts but it may be the only way</u>
  231.  
  232. </div></div>
  233.  
  234. <div id="secondheading">
  235. <div id="secondheadingwords">i love you but i'm letting you go</div>
  236.  
  237. <div id="icon">
  238. <!--FOR YOUR ICON, SEARCH FOR http://static.tumblr.com/bss2nfe/sywnebt05/misc5.png ABOVE AND REPLACE THE ICON WITH YOUR LINK!-->
  239.  
  240. <div id="seconddescription">
  241.  
  242. <b>Name</b>: Allison<br><b>Age</b>: 19<br><b>Contact</b>: <a href="http://akahshi.tumblr.com/questions">Just ask</a><br>---<br>I was bored and decided to make an <b>~about page~</b> so this became a thing<br>I don't know what I'm doing so don't ask me questions this about page is ridiculous and boring and it's simple and I don't know I just felt like making it so...yeah. Do whatever you want with this lalala I don't know what I'm typing I'm just filling up space wheee look a scrollbar appears if you type too much shit like I'm doing
  243.  
  244. </div></div></div>
  245.  
  246. <div id="thirdheading">
  247. <div id="thirdheadingwords">i'm falling to pieces</div></div>
  248.  
  249. <div id="thirddescription">
  250.  
  251. She's staring at me, I'm sitting wondering what she's thinking<br>
  252. Ummm nobody's talking, 'cause talking just turns into screaming<br>
  253. And now as I'm yelling over her, she yelling over me, all that that means is neither of us are listening, and what's even worse, that we don't even remember why we're fighting<br>So both of us are mad for nothing, but we won't let it go for nothing<br>
  254. It should be nothing to a love like what we got oh, baby I know sometimes it's gonna rain, but baby can we make up now 'cause I can't sleep through the pain?<br>
  255. Girl I don't wanna go to bed mad at you and I don't want you to go to bed mad at me<br><br><i>Girl, we're gonna be happy.</i><br><br>Just some more random description shit you can put here I don't know.<br><a href="http://pastebin.com/PZtfCQBm">Here's the code if you want it.</a>
  256.  
  257. </div>
  258.  
  259. <div id="fourthheading"><div id="fourthheadingwords">Never mind, I'll find someone like you</div></div>
  260.  
  261. <div id="linkbox"><div id="links">
  262. <a href="http://akahshi.tumblr.com">home</a>
  263. <a href="http://akahshi.tumblr.com/questions">message</a>
  264. <a href="/">link 1</a>
  265. <a href="/">link 2</a>
  266. <a href="/">link 3</a>
  267. <a href="/">link 4</a>
  268.  
  269. </div></div>
  270.  
  271.  
  272. </body>
  273. </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!