API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Feb 8th, 2016
129
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 13.85 KB | None | 0 0
raw download clone embed print report
  1.  
  2. <html><head><meta name="credit" content="This page was coded by ~esc at ~coding/~pbcoding and edited by ~aarone & ~reyna, please don't remove this credit!" />
  3. <title>HARRY IS LIFE</title>
  4. <link href='http://fonts.googleapis.com/css?family=Bangers' rel='stylesheet' type='text/css'>
  5. <link href="http://linear.altervista.org/teststyle.html" rel="stylesheet" type="text/css">
  6.  
  7. <link rel="stylesheet" href="http://www.justinaguilar.com/animations/css/reset.css">
  8. <link rel="stylesheet" href="http://www.justinaguilar.com/animations/css/animations.css">
  9. <script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
  10.  
  11. <link rel="stylesheet" href="http://www.justinaguilar.com/animations/css/novecentowide_demibold/stylesheet.css" type="text/css" charset="utf-8">
  12. <link href='http://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600' rel='stylesheet' type='text/css'>
  13.  
  14. <style>
  15.  
  16. <html><head><meta name="credit" content="This page was coded by ~esc at ~coding/~pbcoding and edited by ~aarone & ~reyna, please don't remove this credit!" />
  17. <link href="http://linear.altervista.org/idek.css" rel="stylesheet" type="text/css"></head>
  18. body {
  19. margin-top: -40px;
  20. background: #eee;
  21. color: #404040;
  22. }
  23.  
  24. /* Controls link styles. Use span classes for dummy links */
  25. a, a:visited, a:active {
  26. color: #F2736B;
  27. text-decoration: none;
  28. }
  29. a:hover {
  30. color: #111;
  31. }
  32. .dummy {
  33. color: #FFFFFF;
  34. }
  35. .dummy:hover {
  36. cursor: pointer;
  37. color: #111;
  38. }
  39.  
  40. /* This is just a container div to allow everything to be set in the center of the page. margin-left is equal to one half the width of the element, do not change one without changing the other! */
  41. .container {
  42. margin: 0px auto;
  43. position: absolute;
  44. width: 900px;
  45. left: 50%;
  46. margin-left: -450px;
  47. }
  48.  
  49. /* These styles control the header with the #WRECKONING text */
  50. .wreckd {
  51. background: url('') no-repeat left;
  52. height: 215px;
  53. padding-left: 0;
  54. width: 620px;
  55. margin: 0px 200px;
  56. position: relative;
  57. padding-top: 30px;
  58. margin-bottom: 50px;
  59. }
  60. .wreckoning {
  61. font-family: bangers;
  62. font-size: 50px;
  63. color: #000;
  64. display: block;
  65. margin-top: 80px;
  66. text-align: center;
  67. float: left;
  68. z-index: 9000000;
  69. position: relative;
  70. width: 700px;
  71. }
  72. .tiny {
  73. font-family: consolas, monaco, monospace;
  74. font-size: 8px;
  75. letter-spacing: 2px;
  76. color: #111;
  77. display: block;
  78. margin-top: -5px;
  79. text-align: center;
  80. }
  81.  
  82. /* Container for the articles */
  83. .main {
  84. display: inline-block;
  85. width: 650px;
  86. }
  87.  
  88. /* Styles the headers for articles */
  89. .title {
  90. font-family: bangers, arial black;
  91. font-size: 26px;
  92. text-transform: lowercase;
  93. text-align: left;
  94. color: #111;
  95. text-shadow: #CCC 1px 1px 1px;
  96. letter-spacing: 1px;
  97. line-height: 16pt;
  98. display: block;
  99. margin-top: -20px;
  100. text-indent: 5px;
  101. }
  102.  
  103. /* Styles the articles themselves - .box is MOSTLY just a container to allow the footer to span full width, but also controls backgrounds for articles and sidebar stuff */
  104. .box {
  105. background-color: #fdfdfd;
  106. display: inline-block;
  107. font-family: trebuchet ms;
  108. font-size: 13px;
  109. line-height: 15px;
  110. padding-top: 5px;
  111. border-top: 2px solid #5DB0D3;
  112. margin-bottom: 40px;
  113. }
  114. .article {
  115. width: 636px;
  116. margin: 0px auto;
  117. text-align: justify;
  118. padding-left: 2px;
  119. padding-right: 2px;
  120. }
  121. blockquote {
  122. background: #efefef;
  123. padding: 4px;
  124. color: #4c4c4c;
  125. text-shadow: #CCC 1px 1px 1px;
  126. border: 1px solid #ccc;
  127. font-family: helvetica, tahoma;
  128. }
  129.  
  130. /* Deals with images in the articles */
  131. .article img {
  132. box-shadow: 0 0 1px #ccc;
  133. display: block;
  134. margin: 0px auto;
  135. }
  136.  
  137. /* Styles the footer (grey strip) at the bottom of articles */
  138. .footer {
  139. display: block;
  140. background-color: #5db0d3;
  141. color: #fdfdfd;
  142. font-family: consolas, monaco, monospace;
  143. font-size: 10px;
  144. line-height: 12px;
  145. letter-spacing: 2px;
  146. margin-top: 5px;
  147. padding: 2px 5px 2px 5px;
  148. font-weight: bold;
  149. }
  150. .leftfoot {
  151. display: inline;
  152. text-align: left;
  153. width: 59%;
  154. }
  155. .rightfoot {
  156. display: inline;
  157. text-align: right;
  158. width: 39%;
  159. float: right;
  160. }
  161.  
  162. /* Container for the sidebar */
  163. .sidebar {
  164. width: 230px;
  165. display: inline-block;
  166. vertical-align: top;
  167. float: right;
  168. }
  169.  
  170. /* Other styles for sidebar */
  171. .sidebox {
  172. width: 216px;
  173. margin: 0px auto;
  174. padding-bottom: 5px;
  175. padding-left: 5px;
  176. font-size: 12px;
  177. margin-top: -3px;
  178. }
  179.  
  180. /* Handles images on the sidebar - all of them will auto scale to 200px width and auto-center, no need to define in images themselves */
  181. .sidebox img {
  182. width: 200px;
  183. display: block;
  184. margin: 0px auto;
  185. border:2px solid #000;box-shadow:0 0 1px #AAA;
  186. }
  187.  
  188. /* Handles two-column format for sidebar - 104px to account for padding. Use these divs when you wish to create a two column format */
  189. .sideleft, .sideright {
  190. display: table-cell;
  191. width: 104px;
  192. vertical-align: top;
  193. display: inline-block;
  194. }
  195.  
  196. /* Same as images on sidebar, except for the two-column stuff. 100px instead of 200, auto-centered */
  197. .sideleft img, .sidesingle img {
  198. width: 100px;
  199. margin: 0px auto;
  200. vertical-align: baseline;
  201. padding-top: 4px;
  202. }
  203.  
  204. /* Use sidesingle for when you wish to create a single column box in the sidebar with text-wrap around the image. This designates float/padding to the image to allow this to occur */
  205. .sidesingle {
  206. display: table-cell;
  207. width: 210px;
  208. }
  209. .sidesingle img {
  210. padding-right: 2%;
  211. float: left;
  212. }
  213.  
  214. .pics {width:640px;border-bottom:4px solid ##5DB0D3;box-shadow:0 0 1px #AAA;}
  215.  
  216. .big {
  217. font-family: bangers, arial black;
  218. font-size: 26px;
  219. color: #111;
  220. text-shadow: #CCC 1px 1px 1px;
  221. letter-spacing: 1px;
  222. line-height: 16pt;}
  223.  
  224. #object {
  225. float: left;
  226. height: 200px;
  227. width: 140px;
  228. margin-left: 30px;
  229. margin-right: 0px;
  230. margin-bottom: 100px;
  231. background-size: contain;
  232. background-color: #fe5652;
  233. border-radius: 24px;
  234. visibility: visible;
  235. background: url(http://i.imgur.com/7mKnc3E.png) no-repeat; z-index: 9000000; position: relative;
  236. }
  237.  
  238. p { margin-top: 1em; }
  239. </style>
  240. </head>
  241.  
  242. <body>
  243. <div class="wreckd">
  244.  
  245. <table>
  246. <tr>
  247. <td>
  248. <!--animation header-->
  249. <div class="animation-container">
  250. <div id="object" class="animate tossing">
  251. </div>
  252. </div>
  253. <!--/animation header-->
  254. </td>
  255. <td>
  256. <div class="wreckoning">HARRY RAYBURN'S LIFESTYLE BLOG</div>
  257. <div class="tiny">sigh, he is just perfect and dreamy and perfect.</div>
  258.  
  259. </td>
  260. </tr>
  261. </table>
  262. </div>
  263. </div>
  264. <div class="container">
  265.  
  266. <!-- start main article portion here -->
  267. <div class="main"><font class="title">st. james/galloway confirmed</font>
  268. <div class="box"><div class="article">
  269. <img src="http://i.imgur.com/rdrtC9Y.png" style="width:598px;" class="pics">
  270. <br />
  271. Here's something to tide over you Sons of Hazard fan girls while you're waiting for that new album to drop. Sol has been hacked! And we're not talking a few paltry e-mails dissing Coldplay either (though we will take that phone book, please and thanks).</p>
  272. This past summer, St. James was seen frolicking with VS supermodel Lily Galloway and you called it. A hot hot hot video of the Sons of Hazard bassist doing the dirty with a Galloway lookalike was lifted from St. James' phone. Though we're obligated to tell you the footage is blurry, it doesn't take a mathematician to put two and two together. Hey, we're only almost a year late!</div>
  273. <div class="footer"><div class="leftfoot">POSTED BY "A GRUNT" ON 04/12/2015</div>
  274. <div class="rightfoot"><span class="dummy">## COMMENTS</span> / <span class="dummy">9999 COMMENTS</span>
  275. </div></div></div>
  276.  
  277.  
  278.  
  279. <!-- AN ARTICLE -->
  280. <font class="title">gia alvarez vs the collective</font>
  281. <div class="box"><div class="article">
  282. <img src="http://i.imgur.com/Y60f6eR.png" style="width:598px;" class="pics">
  283. <br />
  284. Looks like Gia Alvarez's DGAF #wreckoning Instagram taunt put her in the crosshairs for a hacking. Unfortunately for the mysterious Collective, the girl's game is tight. ...Or boring. After slapping down Clippers' Cristian Garcia, she didn't even have the gall to ask Oliver Cobb for a dick pic. Damn.</p>
  285. In the meantime, there's a new trove of her private selfies hitting the net just for you fans. We'd never let you walk away empty handed.
  286. </div>
  287. <div class="footer"><div class="leftfoot">POSTED BY "A GRUNT" ON 04/12/2015</div>
  288. <div class="rightfoot"><span class="dummy">## COMMENTS</span> / <span class="dummy">9999 COMMENTS</span>
  289. </div></div></div>
  290. <!-- END ARTICLE -->
  291.  
  292.  
  293.  
  294. <!-- AN ARTICLE -->
  295. <font class="title">mzhree songs better at foreplay than she is</font>
  296. <div class="box"><div class="article">
  297. <img src="http://i.imgur.com/uuz0G6K.png" style="width:598px;" class="pics">
  298. <br />
  299. We don't know much about elusive and eccentric songstress <strong>MZRHEE</strong>, but we've heard if you like to get down, dirty, and <i>raw</i> in between the sheets that she should be right alongside <strong>Rhodes</strong> and <strong>The Weeknd</strong> on your playlists.</p>
  300. And after seeing the sex tapes <strong>The Collective</strong> dropped of her... we're calling foul. False advertising. The footage is almost distressingly tame, so don't get your hopes up if you're shameless enough to go googling for it.
  301. </div>
  302. <div class="footer"><div class="leftfoot">POSTED BY "A GRUNT" ON 04/12/2015</div>
  303. <div class="rightfoot"><span class="dummy">## COMMENTS</span> / <span class="dummy">9999 COMMENTS</span>
  304. </div></div></div>
  305. <!-- END ARTICLE -->
  306.  
  307.  
  308.  
  309. <!-- AN ARTICLE -->
  310. <font class="title">raph didn't only get his girlfriend doxxed</font>
  311. <div class="box"><div class="article">
  312. <img src="http://i.imgur.com/ip79uyP.png" style="width:598px;" class="pics">
  313. <br />
  314. The winner of this week's Hall of Shame belongs to our favorite Canadian rapper. After his phone book was posted online (the notable numbers included <strong>Lil Wayne, Trey Songz, J. Cole, Young Capone, Moni, Simone Venable, Adette Weiman, MZRHEE, Ana King, Luke Park, Jared Hucke,</strong> and <strong>
  315. (S)PEIS</strong>... in addition to girlfriend <strong>Reyna Bledsoe</strong> <i>and</i> his mother) so was his solo contract with Warner Records. We all know <strong>Lil Wayne</strong> and <strong>Birdman</strong> are beefing, but are we looking at a Wayne-Raph split, too? The Canadian rapper threw a royal tantrum when his mentor refiled his lawsuit against <strong>Cash Money</strong> last Monday. Now <strong>Raph</strong>'s looking to go solo with Warner Records.</p>
  316. No word from <strong>Weezy</strong> yet, but it looks like his ex wasn't the only thing <strong>Raph</strong> was doing behind his back.
  317.  
  318. </div>
  319. <div class="footer"><div class="leftfoot">POSTED BY "A GRUNT" ON 04/12/2015</div>
  320. <div class="rightfoot"><span class="dummy">## COMMENTS</span> / <span class="dummy">9999</span> COMMENTS</span>
  321. </div></div></div>
  322. <!-- END ARTICLE -->
  323.  
  324. </div>
  325.  
  326. <!-- Start sidebar code here -->
  327.  
  328. <div class="sidebar">
  329. <font class="title">About</font>
  330. <div class="box">
  331. <div class="sidebox">
  332. Unfortunately for you, you've landed at <strong>ZMT.com</strong> where we all lack souls, sacrifice babies, and care more about Kylie Jenner than anything important or relevant that has ever happened! <em>Awwww yeeeeaaaahhhh.</em>
  333. </div>
  334. </div>
  335. <font class="title">popular stories</font>
  336. <div class="box">
  337. <!-- inline style for this fixes padding for this first element in the sidebar DO NOT CHANGE -->
  338. <div class="sidebox" style="padding-top: 3px;"><center>
  339. <img src="http://i.imgur.com/faUg5s9.png">
  340. <strong>JK, ST. CLAIRES DEFINITELY ON THE ROCKS</strong><br />
  341.  
  342. <img src="http://i.imgur.com/3aotIUX.png">
  343. <strong>DALLAS STUART & MOMMY DEAREST</strong><br />
  344.  
  345. <img src="http://i.imgur.com/34sQe9X.png">
  346. <strong>REYNA BLEDSOE LATEST VICTIM</strong><br />
  347.  
  348. <img src="http://i.imgur.com/qxCDXF2.png">
  349. <strong>YOU PROBABLY HAVE A SHOT WITH ADYN</strong></br>
  350.  
  351. <img src="http://i.imgur.com/iE3DSb7.png">
  352. <strong>GET THIS MAN A PIMP CUP</strong><br />
  353.  
  354. <img src="http://i.imgur.com/6IVyOxv.png">
  355. <strong>THE ST. CLAIRES: ALL IS WELL</strong>
  356. </center></div>
  357. </div>
  358. <font class="title">navigation</font>
  359. <div class="box"><center>
  360. <div class="sidebox"><font class="big">
  361. <a href="http://wreckoning.neocities.org/info.html" target="_">INFORMATION</a></font></div>
  362. <div class="sidebox"><font class="big">
  363. <a href="http://asylums.insanejournal.com/hollyzoo/" target="_">HOLLYZOO</a></font></div>
  364. <div class="sidebox"><font class="big">
  365. <a href="http://hacktivate.insanejournal.com/" target="_">HACKTIVATE</a></font></div>
  366. <div class="sidebox"><font class="big">
  367. <a href="http://starring.insanejournal.com/" target="">STARRING</a></font></div>
  368. </center>
  369. </div>
  370.  
  371.  
  372.  
  373. <font class="title">submissions</font>
  374. <div class="box">
  375. <div class="sidebox">
  376. Got something to submit? Pass it along <a href="http://jawz.insanejournal.com/435.html">here</a>!
  377. </div>
  378. </div>
  379. <font class="title">disclaimer</font>
  380. <div class="box">
  381. <div class="sidebox">
  382. &#169; Copyright 2015 to <em>ZMT.com</em>
  383. </div>
  384. </div>
  385. </div>
  386. </div>
  387. </body>
  388. </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!