API tools faq
paste
Advertisement
tsiappoworks

Howard the Box

tsiappoworks
Mar 30th, 2016
88
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 20.80 KB | None | 0 0
raw download clone embed print report
  1. <!-----THEME MADE BY YOUMAKEMENAUXIOUS SPECIFICALLY FOR PROJECTIST.
  2. DO NOT STEAL OR COPY THIS CODE IN ANY CAPACITY. THANKS.----->
  3.  
  4. <!DOCTYPE html>
  5. <html>
  6.  
  7. <!-----------------------------TOOLTIPS------------------------------->
  8. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  9. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  10. <script>
  11. (function($){
  12.  
  13. $(document).ready(function(){
  14.  
  15. $("a[title]").style_my_tooltips({
  16.  
  17. tip_follows_cursor:true,
  18.  
  19. tip_delay_time:0,
  20.  
  21. tip_fade_speed:0,
  22.  
  23. attribute:"title"
  24.  
  25. });
  26.  
  27. });
  28.  
  29. })(jQuery);
  30. </script>
  31.  
  32. <!----------------------POPUP_BLOCK SCRIPT BELOW-------------------------->
  33. <script type="text/javascript"
  34. src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  35. <script>
  36. $(document).ready(function() {
  37. //
  38. $('a.poplight[href^=#]').click(function() {
  39. var popID = $(this).attr('rel'); //Get Popup Name
  40. var popURL = $(this).attr('href'); //Get Popup href to define size
  41. var query= popURL.split('?');
  42. var dim= query[1].split('&');
  43. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  44. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"></a>');
  45. var popMargTop = ($('#' + popID).height() + 80) / 2;
  46. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  47. //Apply Margin to Popup
  48. $('#' + popID).css({
  49. 'margin-top' : -popMargTop,
  50. 'margin-left' : -popMargLeft
  51. });
  52. $('body').append('<div id="fade"></div>');
  53. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  54. return false;
  55. });
  56. $('a.close, #fade').live('click', function() {
  57. $('#fade , .popup_block').fadeOut(function() {
  58. $('#fade, a.close').remove(); //fade them both out
  59. });
  60. return false;
  61. });
  62. });
  63. </script>
  64.  
  65. <head>
  66.  
  67. <title>{Title}{block:PostSummary}, {PostSummary}{/block:PostSummary}</title>
  68. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  69. <link rel="shortcut icon" href="{Favicon}" />
  70.  
  71. <meta name="color:Accent" content="#e3ced4" />
  72. <meta name="color:Accent2" content="#2d3673" />
  73. <meta name="color:Accent3" content="#FAFAFA" />
  74. <meta name="color:body font" content="#ccbfc3" />
  75. <meta name="color:Page BG" content="#f6e2ed" />
  76. <meta name="color:ask bg" content="#FAFAFA" />
  77.  
  78. <meta name="font:Body" content="Helvetica" />
  79. <meta name="font:Details" content="Helvetica" />
  80.  
  81. <meta name="text:LinkSymbol" content="❧" />
  82. <meta name="text:URL1" content="/" />
  83. <meta name="text:URL2" content="/ask" />
  84. <meta name="text:URL3" content="/submit" />
  85. <meta name="text:URL4" content="/rules" />
  86. <meta name="text:URL5" content="/bio" />
  87. <meta name="text:URL6" content="/map" />
  88.  
  89. <style type="text/css">
  90. /*---------------------BODY--------------------*/
  91. ::-webkit-scrollbar-thumb:vertical {
  92. background-color:transparent;
  93. height:7px;}
  94. ::-webkit-scrollbar {
  95. background-color:transparent;
  96. height:7px;
  97. width:5px;}
  98.  
  99. html {
  100. background: url('http://static.tumblr.com/26sjxg0/iUynuaicl/howardbg.png') no-repeat top left fixed;
  101. background-color:{color:Page BG};
  102. }
  103.  
  104. body {
  105. margin: 0;
  106. word-wrap: break-word;
  107. font-family:calibri, helvetica, arial, sans-serif;
  108. color:{color:body font};
  109. }
  110.  
  111. body a{
  112. text-decoration:none;
  113. font-weight:700;
  114. }
  115.  
  116. small, sub {
  117. font-size:12px;
  118. font-family:calibri,helvetica,arial,sans-serif;
  119. }
  120.  
  121. s,strike {
  122. color:{color:accent2};
  123. }
  124.  
  125. u,underline {
  126. color:{color:accent2};
  127. }
  128.  
  129. /*------------------- "SIDEBAR" ------------------*/
  130. #nav{
  131. position:fixed;
  132. z-index:75;
  133. margin-left:820px;
  134. margin-top:293px;
  135. width:50px;
  136. text-align:center;
  137. }
  138.  
  139. #nav a{color:{color:accent2}; font-size:20px;}
  140.  
  141. #nav a:hover{color:{color:accent};}
  142.  
  143. #pagination{
  144. position:fixed;
  145. z-index:99999999;
  146. font-family:Courier New, Helvetica, Arial, sans-serif;
  147. font-size:20px;
  148. margin-left:230px;
  149. width:50px;
  150. text-align:center;
  151. margin-top:100px;
  152. color:{color:accent2};
  153. letter-spacing:-0.5px;
  154. }
  155.  
  156. #pagination a{color:{color:accent2}; padding:0px 2px;}
  157.  
  158. /*-------------------------MAIN BODY STUFF HERE-----------------------*/
  159. img{border:0; max-width:100%;}
  160.  
  161. #body{
  162. position:absolute;
  163. z-index:70;
  164. margin-left:279px;
  165. }
  166.  
  167. #body a{text-decoration:none;color:{color:Accent2};}
  168. #body a:hover{color:black;border-bottom:1px solid {color:Accent};}
  169. #body blockquote{border-left:2px solid black;margin:0;padding-left:7px;}
  170. /*--------------------CONTAINER BOX THING---------------------------*/
  171. #container{
  172. position:fixed;
  173. margin-top:98px;
  174. width:550px;
  175. height:470px;
  176. overflow:auto;
  177. margin-left:auto;
  178. margin-right:auto;
  179. }
  180.  
  181. /*-------------------------INDIVID POSTS------------------------*/
  182. #post{
  183. width:500px;
  184. margin:0px auto;
  185. padding:10px 0px;
  186. background-color:transparent;
  187. font-family: {font:Body};
  188. color:{color:body font};
  189. }
  190.  
  191. #post .text{font-size:11px; line-height:16px;}
  192. #post .title{font-size:20px;}
  193. .text ul li{list-style-type:circle;}
  194.  
  195. /*-------------------------PERMALINKS AND TAGS------------------------*/
  196. #permalink{
  197. padding:3px 0px;
  198. font-size:10px;
  199. text-align:center;
  200. font-family:{font:Details};
  201. width:200px;
  202. color:{color:accent};
  203. background:{color:accent2};
  204.  
  205. }
  206.  
  207. #permalink a{color:{color:accent};vertical-align:middle;}
  208. #permalink a:hover{color:{color:accent3};}
  209.  
  210. #tags{
  211. margin-top:2px;
  212. margin-left:15px;
  213. margin-right:15px;
  214. font-size:10px;
  215. font-family:{font:Details};
  216. text-align:left;
  217. margin-bottom:40px;
  218. }
  219.  
  220. #notesbox{width:500px;margin:20px auto;font-size:11px;}
  221. #notesbox ol.notes{list-style-type:none;margin:7px 0px;padding:0px 0px;}
  222. #notesbox img.avatar{display:none;}
  223.  
  224. /*------------------------EXTRA BITS AND BOBBLES----------------------*/
  225. .chat ul {list-style:none; margin:0; padding:0;}
  226. .chat li {font-size:11px;list-style-type: none;margin-left: 0px;padding: 3px;}
  227.  
  228. /*------------------------CUSTOM TOOLTIP--------------------------*/
  229. #s-m-t-tooltip {
  230. max-width:150px;
  231. padding:5px;
  232. margin:0px 0px 0px 17px;
  233. background-color:{color:accent2};
  234. font-family:{font:Body};
  235. font-size:9px;
  236. letter-spacing:2px;
  237. text-transform:lowercase;
  238. color:{color:accent};
  239. z-index:9999;
  240. }
  241.  
  242. /*-----------------------------SCROLLBAR-----------------------------*/
  243.  
  244. ::-webkit-scrollbar {
  245. background-color:{color:accent3};border: 5px solid {color:page bg};width:11px;
  246. }
  247. ::-webkit-scrollbar-thumb:vertical {
  248. background-color:{color:accent3};border:2px solid {color:page bg};height:auto;
  249. }
  250.  
  251. /************** FLAGS UPDATES TAB **************/
  252. /* tutorial by deanlirium|tumblr (clarence.tk) */
  253.  
  254. #flags {
  255. position:fixed;
  256. top:100px; /* distance from the top of the page - adjust as you wish! */
  257. right:0px;
  258. text-align:center;
  259. text-transform:uppercase; /* the text is in all caps - delete this line and it won't be */
  260. color:#8C8C8C; /* change text color: use sites like http://www.colorpicker.com/ or the tumblr thing, copy the code it gives you and paste it! remember the #! */
  261. font-size:8px; /* adjust font size */
  262. letter-spacing:1px;
  263. z-index:2147483607;
  264. font-family:calibri;}
  265.  
  266.  
  267. #flag1 {
  268. border:solid 6px {color:accent3}; /* flag color */
  269. border-left:solid 6px transparent; /* IMPORTANT! -- to make the flag thicker increase the border and border-right value; it looks better if they both have the same number! */
  270. padding-right:10px;
  271. right:00px;
  272. width:20px; /* increase or decrease to change the lenght of the CLOSED flag */
  273. height:0px;
  274. position:absolute;
  275. -moz-transition:all 0.7s ease-out;
  276. -webkit-transition:all 0.7s ease-out;
  277. -o-transition:all 0.7s ease-out;}
  278.  
  279. #flag1:hover {
  280. width:180px;} /* lenght of the OPEN flag */
  281.  
  282. #upd1 {
  283. position:absolute;
  284. width:110px;
  285. padding:10px;
  286. padding-right:60px; /* adjust this if you've changed the length of the open flag, subtract what you add here to the 'left' value below */
  287. right:-180px;
  288. margin-top:6px; /* keep this number equal to the 'border' value for the flag */
  289. opacity:0;
  290. -moz-transition:all 0.7s ease-out;
  291. -webkit-transition:all 0.7s ease-out;
  292. -o-transition:all 0.7s ease-out;}
  293.  
  294. #flag1:hover #upd1{
  295. right:0px;
  296. opacity:1;}
  297.  
  298. /* following is the coding for the other flags - same as above! */
  299.  
  300. #flag2 {
  301. border:solid 6px {color:accent};
  302. margin-top:20px;
  303. position:absolute;
  304. border-left:solid 6px transparent;
  305. padding-right:10px;
  306. right:00px;
  307. width:20px;
  308. height:0px;
  309. -moz-transition:all 0.7s ease-out;
  310. -webkit-transition:all 0.7s ease-out;
  311. -o-transition:all 0.7s ease-out;}
  312.  
  313. #flag2:hover {
  314. width:180px;}
  315.  
  316. #upd2 {
  317. position:absolute;
  318. width:110px;
  319. padding:10px;
  320. padding-right:60px;
  321. right:-180px;
  322. margin-top:6px;
  323. opacity:0;
  324. -moz-transition:all 0.7s ease-out;
  325. -webkit-transition:all 0.7s ease-out;
  326. -o-transition:all 0.7s ease-out;}
  327.  
  328. #flag2:hover #upd2{
  329. right:0px;
  330. opacity:1;}
  331.  
  332. /*if you want more flags, just copy the part of the code below and change the numbers - then increase the margin-top value for the #flag(number) adding 20px each new flag! copy from here: */
  333.  
  334. #flag3 {
  335. border:solid 6px {color:accent2};
  336. position:absolute;
  337. margin-top:40px; /* this one! */
  338. border-left:solid 6px transparent;
  339. padding-right:10px;
  340. right:0px;
  341. width:20px;
  342. height:0px;
  343. -moz-transition:all 0.7s ease-out;
  344. -webkit-transition:all 0.7s ease-out;
  345. -o-transition:all 0.7s ease-out;}
  346.  
  347. #flag3:hover {
  348. width:180px;}
  349.  
  350. #upd3 {
  351. position:absolute;
  352. width:110px;
  353. padding:10px;
  354. padding-right:60px;
  355. right:-180px;
  356. margin-top:6px;
  357. opacity:0;
  358. -moz-transition:all 0.7s ease-out;
  359. -webkit-transition:all 0.7s ease-out;
  360. -o-transition:all 0.7s ease-out;}
  361.  
  362. #flag3:hover #upd3{
  363. right:0px;
  364. opacity:1;}
  365.  
  366. /* to here */
  367.  
  368. /*-----------------------------POPUP BOXES---------------------------*/
  369. #fade { /*--Transparent background layer--*/
  370. display: none; /*--hidden by default--*/
  371. background: #000;
  372. position: fixed; left: 0; top: 0;
  373. width: 100%; height: 100%;
  374. opacity: .80;
  375. z-index: 9999;
  376. }
  377. .popup_block{
  378. display: none; /*--hidden by default--*/
  379. color:{font:body font};
  380. padding: 10px;
  381. float: left;
  382. font-size: 11.5;
  383. position: fixed;
  384. top: 50%; left: 50%;
  385. z-index: 9999999;
  386. font-family:calibri, helvetica, arial, sans-serif;
  387.  
  388. img.btn_close {
  389. float: right;
  390. margin: -20 -20px 0 0;
  391. }
  392. /*--Making IE6 Understand Fixed Positioning--*/
  393. *html #fade {
  394. position: absolute;
  395. }
  396. *html .popup_block {
  397. position: absolute;
  398. }
  399.  
  400. {CustomCSS}</style>
  401. </head>
  402. <body>
  403.  
  404. <div id="flags">
  405. <div id="flag1"><div id="upd1">
  406.  
  407. <b><span style="font-size:10px">Howard&nbsp;</span><span style="font-size:9x">the</span><span style="font-size:10px">&nbsp;duck</span></b><br>
  408. male | brooklyn<br>
  409. private detective.<br>
  410.  
  411. </div></div>
  412.  
  413. <div id="flag2"><div id="upd2">
  414.  
  415. <i>comic/mcu canon</i><br>
  416. est 6 sept. 2015<br>
  417. mun/muse 21+<br><br>
  418. <span style="font-size:11px">written by <a href="/mun" style="color:#4a4a4a;text-decoration:underline;"><i>Che</i></a></span><br>
  419. do not steal content<br><br>
  420. theme optimized for windows, 1366 x 768
  421.  
  422. </div></div>
  423.  
  424. <!---- if you want more flags, copy from here ---->
  425.  
  426. <div id="flag3"><div id="upd3">
  427. <span style="font-size:11px;text-decoration:underline;">OPEN</span><br>
  428. plots, chats, para<br><br>
  429.  
  430. <span style="font-size:11px;text-decoration:underline;">CLOSED</span><br>
  431. unplotted novella,
  432. rp through asks
  433.  
  434. </div></div>
  435.  
  436. <!---- to here and change the numbers according to your css! ---->
  437.  
  438. <!---- thanks for passing by and using this tutorial you're raaaaaaaaad c: ---->
  439.  
  440. </div>
  441. <!----------------------------MAIN BODY----------------------------->
  442. <div id="body">
  443. <div id="container">
  444. {block:Posts}
  445.  
  446. <!--------------------------TYPES OF POSTS----------------------------->
  447. <div id="post">
  448. {block:Photo}
  449. <a href="{LinkURL}"><img src="{PhotoURL-500}" /></a>
  450. {block:Caption}<div class="text">{Caption}</div>{/block:Caption}
  451. {/block:Photo}
  452.  
  453. {block:Photoset}
  454. {Photoset-500}
  455. {block:Caption}<div class="text">{Caption}</div>{/block:Caption}
  456. {/block:Photoset}
  457.  
  458. {block:Video}
  459. {Video-500}
  460. {block:Caption}<div class="text">{Caption}</div>{/block:Caption}
  461. {/block:Video}
  462.  
  463. {block:Audio}
  464. <div class="musicbox">
  465. {block:AudioPlayer}{AudioPlayerBlack}{/block:AudioPlayer}
  466. {block:TrackName}<div class="text" style="color:{color:Accent2};"><strong>{TrackName}</strong></div>{/block:TrackName}<br/>
  467. {block:Artist}<div class="text" style="margin-top:-17px;"><strong>Artist:&nbsp;</strong>{Artist}</div>{/block:Artist}<br/>
  468. {block:Album}<div class="text" style="margin-top:-17px;"><strong>Album:&nbsp;</strong>{Album}</div>{/block:Album}<br/>
  469. <div class="text" style="margin-top:-17px;">{PlayCountWithLabel}</div></div>
  470. {block:Caption}<div class="text">{Caption}</div>{/block:Caption}
  471. {/block:Audio}
  472.  
  473. {block:Quote}
  474. <div class="title" style="width:400px;margin:auto;text-align:justify;">{Quote}</div>
  475. {block:Source}<div class="text" style="text-align:right;padding-right:50px;"><br/>&mdash;{Source}</div>{/block:Source}
  476. {/block:Quote}
  477.  
  478. {block:Text}
  479. {block:Title}<div class="title">{Title}<br/></div>{/block:Title}
  480. <div class="text">{Body}</div>
  481. {/block:Text}
  482.  
  483. {block:Answer}
  484. <div style="background-color:rgba(45,54,115,0.2); padding:10px 10px 10px 10px;"><div class="title" style="font-size:12px;">{Question}<br/></div>
  485. <div class="text" style="text-align:right;">&mdash;{Asker}<br/></div></div>
  486. <div class="text">{Answer}</div>
  487. {/block:Answer}
  488.  
  489. {block:Chat}
  490. {block:Title}<div class="title">{Title}<br/></div>{/block:Title}
  491. {block:Lines}<div class="chat"><li class="line_{Alt}">
  492. {block:Label}<strong>{Label}</strong>{/block:Label} {Line}</li></div>
  493. {/block:Lines}
  494. {/block:Chat}
  495.  
  496. {block:Link}
  497. <div class="title"><a href="{URL}">{Name}</a></div>
  498. {block:Description}<div class="text">{Description}</div>{/block:Description}
  499. {/block:Link}
  500. </div>
  501.  
  502. <!---------------------PERMALINK + REBLOG STUFF---------------------->
  503. <div id="permalink">{block:Date}<a href="{Permalink}">{DayOFMonthWithZero} {ShortMonth} {Year}</a> |&nbsp;{/block:Date}{block:NoteCount}<a href="{Permalink}">{NoteCountWithLabel}</a> |&nbsp;{/block:NoteCount}{block:RebloggedFrom}<a href="{ReblogParentURL}" title="{ReblogParentName}">via</a> |&nbsp;{/block:RebloggedFrom}{block:ContentSource}<a href="{SourceURL}" title="{SourceName}">©</a> |&nbsp;{/block:ContentSource}<a href="{ReblogURL}" target="_blank" class="details">reblog</a></div>
  504. <!----------------------------TAG STUFF----------------------------->
  505. <div id="tags">{block:Tags}#<a href="{TagURL}">{Tag}</a>&nbsp;&nbsp;{/block:Tags}</div>{/block:HasTags}
  506.  
  507. {block:PostNotes}
  508. <div id="notesbox">{PostNotes}</div>
  509. {/block:PostNotes}
  510. {/block:Posts}
  511. </div></div>
  512.  
  513. </body>
  514. <!-------------------------NAVIGATION STUFF------------------------->
  515. <div id="nav">
  516. <a href="/" title="refresh">{text:LinkSymbol}</a><br><br>
  517. <a href="#?w=700" rel="ask" class="poplight" title="questions and comments">{text:LinkSymbol}</a><br><br>
  518. <a href="#?w=575" rel="story" class="poplight" title="not so important">{text:LinkSymbol}</a><br><br>
  519. <a href="#?w=400" rel="guide" class="poplight" title="very important">{text:LinkSymbol}</a><br><br>
  520. <a href="/verselanding" title="other worlds">{text:LinkSymbol}</a><br><br>
  521. <a href="/tagged/[hc.]" title="grand ideas">{text:LinkSymbol}</a><br><br>
  522. <a href="/nav" title="everything else">{text:LinkSymbol}</a><br>
  523. </div>
  524.  
  525. <!---------------------------PAGINATION---------------------------->
  526. {block:pagination}<div id="pagination">
  527. {block:PreviousPage}<a href="{PreviousPage}" title="new">▲</a>{/block:PreviousPage}
  528. <br><br><br><br><br><br><br><br><br>
  529. {block:NextPage}<a href="{NextPage}" title="old">▼</a>{/block:NextPage}
  530. </div>{/block:Pagination}
  531.  
  532. </div></div></div></div></div></div></div></div></div></div>
  533.  
  534.  
  535. </div>
  536.  
  537. <!-------HERE BEGIN THE POPUP BOXES------->
  538.  
  539. <div id="ask" class="popup_block" style="overflow:auto;">
  540.  
  541. <table>
  542. <tr><td>
  543. <iframe frameborder="0" scrolling="yes" width="340" height="150" src="https://www.tumblr.com/ask_form/duckpi.tumblr.com" style="background-color:transparent; overflow:auto; display:block; float:left;" id="ask_form"></iframe>
  544. </td><td>
  545. <iframe frameborder="0" scrolling="yes" width="340" height="250" src="https://www.tumblr.com/submit_form/noborijo.tumblr.com" style="background-color:transparent; overflow:auto; display: block; float:right; margin-left:20px;" id="submit_form"></iframe>
  546. </td></tr>
  547. </table>
  548. </div>
  549.  
  550. <div id="guide" class="popup_block" style="margin:0px auto; padding:10px 30px; background:#FCFBF8;font-size: 11.5px;line-height:15px;overflow:auto;color:{color:body font}">
  551.  
  552. <h1 style="text-align:center; background:{color:body font};color:white;letter-spacing:2px;padding-top:5px;height:20px;font-size:20px;">GUIDELINES</h1>
  553.  
  554. <small>I’m going to keep this simple and assume you know how these things work. No godmodding, try your best to use proper grammar, etc. I’m not a stickler for length, but at least give me enough to work with. If I give you a few paragraphs, don’t leave me with two sentences. That’s not cool.<p>
  555.  
  556. <small>As a heads up, I’m just going to put it out there that I’m less inclined to roleplay with people who write in purple prose. Nothing personal, but I don’t care for diction/syntax muddling clarity.
  557. Howard is currently single in all verses. He is allowed to take one lover per verse. However, shipping is not my main focus…but I’m still more than willing to give a ship a try. It just needs buildup and it needs to make sense.*
  558. <br>
  559. <br>*Shipping with a duck never makes sense.<p>
  560.  
  561. <small>Obligatory warning: Mun and muse are of age. Anything NSFW of a sexual nature is probably never going to happen (see the above note), though violence, alcohol, drugs, etc. may appear (depending on who I'm writing with). Don’t worry, I’ll make sure things are tagged.
  562.  
  563. <p style="letter-spacing:2px;text-align:center;"><b><u>LAST NOTES</u></b></p>
  564. <small>I don’t always follow back–I like a clean dash, so if you post a lot of images/OOC in a short time, I probably won’t follow unless I really like you. If we’re mutuals, you can tag me in a post at any time. If we aren’t, you can still try tagging me in something, but I might not stick with it for very long.
  565.  
  566. </div>
  567.  
  568. <div id="story" class="popup_block">
  569. <center>
  570. <table><tr>
  571. <td><div id="stats" style="color:{color:body font};background: #fcfbf8;font-family:calibri, helvetica, sans-serif;font-size: 11.5px;line-height:15px;width:280px;height: 300px;padding:16px;overflow:auto">
  572. <table style="width:280px;">
  573. <tr><h1 style="text-align:center; background:{color:body font};color:white;letter-spacing:2px;padding-top:5px;height:20px;font-size:20px;">HOWARD T. DUCK</h1></tr>
  574. <tr><td style="width:140px;">
  575. <b>birthday:</b> july seventh <br>
  576. <b>location:</b> brooklyn, ny<br>
  577. <b>eyes:</b> red<br>
  578. <b>height:</b> three foot one <br>
  579. </td><td style="width:140px;">
  580. <b>occupation:</b> detective<br>
  581. <b>power:</b> easily aggravated<br>
  582. <b>feathers:</b> white <br>
  583. <b>weight:</b> enough
  584. </td></tr></table>
  585. <h1 style="text-align:center; background:{color:body font};color:white;letter-spacing:2px;padding-top:5px;height:20px;font-size:20px;">QUICK BIO</h1>
  586. Howard has been around the block more than once. From his adventures with ex-girlfriend-slash-companion Beverly Switzler to his eventual capture by The Collector, this duck has seen it all. Stuck on Earth once again, he's followed the advice of Jennifer Walters and carved for himself a niche as a P.I. Unfortunately, business isn't going as great as he'd hoped. Even in a job like this, Howard has a way of finding more trouble than he's prepared for.</td></tr>
  587. </div></td>
  588.  
  589. </center>
  590. </div>
  591. </div>
  592. </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!