Advertisement
Guest User

butts

a guest
Jul 24th, 2017
1,031
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 41.11 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3.  
  4. <!--╰☆╮BACKGROUND & CODE BY MANON / BUTSCREWMEFIRST╰☆╮
  5. DO NOT:
  6. -claim as your own.
  7. -steal.
  8. -use on another blog without asking.
  9. -take parts of this theme to use in your own.
  10. I AM ALWAYS WILLING TO HELP, SO YOU NEED ONLY ASK!
  11. for commissions for yourself, just contact me @butscrewmefirst.tumblr.com
  12. -->
  13.  
  14. <head>
  15.  
  16.  
  17. <title>{Title}</title>
  18. <link rel="shortcut icon" href="{Favicon}">
  19. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  20. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  21.  
  22.  
  23. <link href="https://fonts.googleapis.com/css?family=Caveat|Clicker+Script|Cookie|Creepster|Damion|Dancing+Script|Finger+Paint|Fredericka+the+Great|Great+Vibes|Homemade+Apple|Kaushan+Script|Knewave|Marck+Script|Mr+Dafoe|Nothing+You+Could+Do|Pacifico|Permanent+Marker|Playball|Reenie+Beanie|Rock+Salt|Sacramento|Satisfy|Tangerine|Walter+Turncoat|Yellowtail" rel="stylesheet">
  24. <link href="https://fonts.googleapis.com/css?family=Frank+Ruhl+Libre|Josefin+Sans" rel="stylesheet">
  25.  
  26. <link href="https://fonts.googleapis.com/css?family=Prata" rel="stylesheet">
  27.  
  28.  
  29. <script type="text/javascript"
  30. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  31. <script>
  32. $(document).ready(function() {
  33. //
  34. $('a.poplight[href^=#]').click(function() {
  35. var popID = $(this).attr('rel'); //Get Popup Name
  36. var popURL = $(this).attr('href'); //Get Popup href to define size
  37. var query= popURL.split('?');
  38. var dim= query[1].split('&');
  39. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  40. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"></a>');
  41. var popMargTop = ($('#' + popID).height() + 80) / 2;
  42. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  43. //Apply Margin to Popup
  44. $('#' + popID).css({
  45. 'margin-top' : -popMargTop,
  46. 'margin-left' : -popMargLeft
  47. });
  48. $('body').append('<div id="fade"></div>');
  49. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  50. return false;
  51. });
  52. $('a.close, #fade').live('click', function() {
  53. $('#fade , .popup_block, .question_block').fadeOut(function() {
  54. $('#fade, a.close').remove(); //fade them both out
  55. });
  56. return false;
  57. });
  58. });
  59. </script>
  60.  
  61. <!--tabs two script-->
  62. <script type="text/javascript" src="http://static.tumblr.com/3ikgvxs/0TGl4zgpu/jquery.min.js"></script>
  63. <script type="text/javascript">
  64. $(document).ready(function(){
  65. $(".links_body").hide();
  66. $(".links_head").click(function(){
  67. $(this).next(".links_body").slideToggle("fast");
  68. }); }); </script>
  69. <style type="text/css">
  70. .links_list { margin:0px; padding:0px; width:100%;}
  71. .links_head { padding-top:5px; padding-bottom:5px; cursor:pointer; position:relative; margin:1px; text-align:center;}
  72. .links_body { padding:10px; text-align:left; display:none;}
  73. </style>
  74.  
  75. <!-- verses script -->
  76. <script src="http://static.tumblr.com/dxh5xq2/v6Gn8ju1e/tabs.js"></script>
  77.  
  78. <style type="text/css">
  79.  
  80.  
  81. .popup_block{
  82. display:none;
  83. text-align:justify;
  84. position:fixed;
  85. top:20%; left: 94%;
  86. z-index:9999999999999;
  87. opacity:1;
  88. }
  89.  
  90. .popcont{
  91. left:149px;
  92. top:55px;
  93. width:194px;
  94. height:492px;
  95. padding-right:900px;
  96. position:fixed;
  97. overflow-y:scroll;
  98. overflow-x:hidden;}
  99. }
  100.  
  101. *html #fade {position: absolute;}
  102. *html .popup_block {position: absolute;}
  103. #fade {
  104. display:none;
  105. position:fixed;
  106. left:0px;
  107. top:0px;
  108. width:100%;
  109. height:100%;
  110. z-index:999999;
  111. background:;
  112. }
  113.  
  114. #headerbar{
  115. left:50%;
  116. top:50%;
  117. margin-left:-50px;
  118. margin-top:13px;
  119. width:400px;
  120. overflow:auto;
  121. text-align:justify;
  122. color:#000;
  123. font-family:"calibri";
  124. font-size:12px;
  125. }
  126.  
  127. #tabbar{
  128. left:50%;
  129. top:50%;
  130. margin-left:1px;
  131. margin-top:07px;
  132. width:300px;
  133. height:340px;
  134. overflow: auto;
  135. text-align:justify;
  136. color:#;
  137. font-family:"calibri";
  138. font-size:12px;
  139. }
  140.  
  141. ul#tab, ul#tabs{
  142. list-style-type:none;}
  143. ul#tab li.active {
  144. display:inline-block;
  145. text-align:left;}
  146. ul#tab li {
  147. display:none;
  148. overflow:hidden;}
  149.  
  150. #sidelinks {
  151. z-index: 999999999999999;
  152. width:190px;
  153. top:140px;
  154. left:245px;
  155. position:fixed;
  156. text-align:left;}
  157. ul#tabs li:first {
  158. display:inline-block;
  159. padding:3px;
  160. cursor:pointer;
  161. text-align:right;}
  162. ul#tabs li {
  163. font-family:calibri;
  164. font-weight:bold;
  165. font-size:8px;
  166. margin-bottom:1px;
  167. z-index: 999999999999;
  168. padding:3px;
  169. width:auto;
  170. cursor:pointer;}
  171. .rules {
  172. height:624px;
  173. width:505px;
  174. position:fixed;
  175. background-image:url('http://puu.sh/wRuor/8b5e5c0698.png');
  176. background-repeat:no-repeat;
  177. top:0px;
  178. left:0px;
  179. text-align:center;}
  180. .dossier {
  181. height:624px;
  182. width:505px;
  183. position:fixed;
  184. background-image:url('http://puu.sh/wRvEY/2fd54bdcff.png');
  185. background-repeat:no-repeat;
  186. top:0px;
  187. left:0px;
  188. text-align:center;}
  189. .verses {
  190. height:624px;
  191. width:505px;
  192. position:fixed;
  193. background-image:url('http://puu.sh/wRvEp/8026f92c63.png');
  194. background-repeat:no-repeat;
  195. top:0px;
  196. left:0px;
  197. text-align:center;}
  198. .relations {
  199. height:624px;
  200. width:505px;
  201. position:fixed;
  202. background-image:url('http://puu.sh/wRvFu/a87a34fcf5.png');
  203. background-repeat:no-repeat;
  204. top:0px;
  205. left:0px;
  206. text-align:center;}
  207. .navigation {
  208. height:624px;
  209. width:505px;
  210. position:fixed;
  211. background-image:url('http://puu.sh/wRvFY/998a6fc4b6.png');
  212. background-repeat:no-repeat;
  213. top:0px;
  214. left:0px;
  215. text-align:center;}
  216. .askbox {
  217. height:624px;
  218. width:505px;
  219. position:fixed;
  220. background-image:url('http://puu.sh/wRuor/8b5e5c0698.png');
  221. background-repeat:no-repeat;
  222. top:0px;
  223. left:0px;
  224. text-align:center;}
  225. .poptext {
  226. position:fixed;
  227. overflow-x:hidden;
  228. overflow-y:scroll;
  229. background-color:rgba(214, 212, 215, .7);
  230. border:1px solid #323232;
  231. border-top:none;
  232. border-left:none;
  233. border-right:none;
  234. font-family:roboto;
  235. text-align:left;
  236. font-size:12px;
  237. top:420px;
  238. left:150px;
  239. width:283px;
  240. height:200px;
  241. padding:15px;}
  242.  
  243. #butts1 {
  244. font-size:60px;
  245. margin-left:-187px;
  246. margin-top:90px;
  247. position:fixed;
  248. transform: rotate(20deg);
  249. -webkit-transform: rotate(20deg);
  250. text-shadow:0px 0px 6px #2d2936;
  251. }
  252.  
  253. #butts1:hover {
  254. text-shadow:0px 0px 6px #2d2936;
  255. -webkit-transition: all 0.8s ease-out;
  256. -moz-transition: all 0.8s ease-out;
  257. transition: all 0.8s ease-out;
  258. -webkit-filter:blur(.8px);
  259. }
  260.  
  261. #butts2 {
  262. font-size:35px;
  263. margin-left:-195px;
  264. margin-top:60px;
  265. position:fixed;
  266. transform: rotate(-10deg);
  267. -webkit-transform: rotate(-10deg);
  268. text-shadow:0px 0px 6px #2d2936;
  269. }
  270.  
  271. #butts2:hover {
  272. text-shadow:0px 0px 6px #2d2936;
  273. -webkit-transition: all 0.8s ease-out;
  274. -moz-transition: all 0.8s ease-out;
  275. transition: all 0.8s ease-out;
  276. -webkit-filter:blur(.8px);
  277. }
  278.  
  279. #butts3 {
  280. font-size:30px;
  281. margin-left:-200px;
  282. margin-top:90px;
  283. position:fixed;
  284. transform: rotate(0deg);
  285. -webkit-transform: rotate(0deg);
  286. text-shadow:0px 0px 6px #2d2936;
  287. }
  288.  
  289. #butts3:hover {
  290. text-shadow:0px 0px 6px #2d2936;
  291. -webkit-transition: all 0.8s ease-out;
  292. -moz-transition: all 0.8s ease-out;
  293. transition: all 0.8s ease-out;
  294. -webkit-filter:blur(.8px);
  295. }
  296.  
  297. #butts4 {
  298. font-size:33px;
  299. margin-left:-230px;
  300. margin-top:50px;
  301. position:fixed;
  302. transform: rotate(0deg);
  303. -webkit-transform: rotate(0deg);
  304. text-shadow:0px 0px 6px #2d2936;
  305. }
  306.  
  307. #butts4:hover {
  308. text-shadow:0px 0px 6px #2d2936;
  309. -webkit-transition: all 0.8s ease-out;
  310. -moz-transition: all 0.8s ease-out;
  311. transition: all 0.8s ease-out;
  312. -webkit-filter:blur(.8px);
  313. }
  314.  
  315. #butts5 {
  316. font-size:28px;
  317. margin-left:-160px;
  318. margin-top:85px;
  319. position:fixed;
  320. transform: rotate(-20deg);
  321. -webkit-transform: rotate(-20deg);
  322. text-shadow:0px 0px 6px #2d2936;
  323. }
  324.  
  325. #butts5:hover {
  326. text-shadow:0px 0px 6px #2d2936;
  327. -webkit-transition: all 0.8s ease-out;
  328. -moz-transition: all 0.8s ease-out;
  329. transition: all 0.8s ease-out;
  330. -webkit-filter:blur(.8px);
  331. }
  332.  
  333. #box, ul#tabs li, a {
  334. transition: 0.5s ease;
  335. -o-transition: 0.5s ease;
  336. -moz-transition: 0.5s ease;
  337. -webkit-transition: 0.5s ease;}
  338.  
  339.  
  340.  
  341. #linksys1 {
  342. font-size:65px;
  343. text-shadow:0px 0px 6px #2d2936;
  344. }
  345.  
  346. #linksys1:hover {
  347. text-shadow:0px 0px 6px #2d2936;
  348. }
  349.  
  350.  
  351. #linksys2 {
  352. font-size:35px;
  353. text-shadow:0px 0px 6px #2d2936;
  354. }
  355.  
  356. #linksys2:hover {
  357. text-shadow:0px 0px 6px #2d2936;
  358. }
  359.  
  360.  
  361. .buttons {
  362. background-color: #cdcdcd;
  363. border:1px solid #5a565c;
  364. font-family:roboto;
  365. text-align:center;
  366. font-weight:bold;
  367. display:inline-block;
  368. font-size:10px;
  369. margin:2px;
  370. padding:2px;
  371. width:100px;
  372. }
  373. .buttons:hover {
  374. background-color:#d6d4d7;
  375. color:#2d2936;
  376. }
  377. .buttons:active {
  378. position:relative;
  379. top:1px;}
  380.  
  381.  
  382. .question_block{
  383. height:300px;
  384. display: none;
  385. float: left;
  386. position: fixed;
  387. top: 50%; left: 50%;
  388. z-index: 999999999999;
  389. }
  390.  
  391. para {
  392. font-family: 'Prata', serif;
  393. color:#000;
  394. text-shadow:0 0 2px #fff;
  395. font-size:15px;
  396.  
  397. }
  398.  
  399. /*edit scrollbar*/
  400.  
  401. ::-webkit-scrollbar-thumb {
  402. height:auto;
  403. }
  404.  
  405. ::-webkit-scrollbar {
  406. height:4px;
  407. width:3px;
  408. padding-right:2px;
  409. }
  410. /*edit the body this is what post text looks like, background color, etc.*/
  411.  
  412. body {
  413. background-image:url("http://puu.sh/wRqF2/04980a34bc.png");
  414. background-position:top left;
  415. background-attachment:fixed;
  416. background-repeat:no-repeat;
  417. margin:0px;
  418. background-color:#d6d4d7;
  419. color:#2d2936;
  420. font-family:roboto;
  421. font-size:16px;
  422. line-height:120%;
  423. overflow-x:hidden;
  424. overflow-y:hidden;
  425. }
  426.  
  427.  
  428. /*edit links*/
  429.  
  430. a {
  431. text-decoration:none;
  432. outline:none;
  433. -moz-outline-style:none;
  434. color:#2d2936;
  435. -moz-transition-duration:0.8s;
  436. -webkit-transition-duration:0.8s;
  437. -o-transition-duration:0.8s;
  438. text-transform:lowercase;
  439. }
  440.  
  441. /*edit link hover*/
  442.  
  443. a:hover {
  444. color:#2d2936;
  445. outline:none;
  446. -moz-outline-style:none;
  447. text-decoration:none;
  448. border-radius: 20px 20px 20px 20px #fff;
  449. -webkit-filter: blur(0px);
  450. }
  451.  
  452. img {
  453. opacity:1;
  454. -webkit-filter: Grayscale(50%);
  455. -webkit-transition-duration: 0.8s;
  456. -moz-transition-duration:0.8s;
  457. transition-duration:0.8s;
  458. -o-transition-duration:0.8s;
  459. -webkit-filter: blur(0px);
  460. border-radius: 20px 20px 20px 20px #000;
  461. }
  462.  
  463. img:hover {
  464. opacity:1;
  465. -webkit-filter: Grayscale(0%);
  466. -webkit-transition: all 0.8s ease-out;
  467. -moz-transition: all 0.8s ease-out;
  468. transition: all 0.8s ease-out;
  469. -webkit-filter: blur(0px);
  470. border-radius: 20px 20px 20px 20px #000;
  471.  
  472. }
  473.  
  474. h1 {
  475. width:250px;
  476. font-size:10px;
  477. text-align:right;
  478. font-family:roboto;
  479. padding-left:100px;
  480. line-height:115%;
  481. letter-spacing:2px;
  482. color:#2d2936;
  483. text-transform:lowercase;
  484. }
  485.  
  486. h2 {
  487. width:350px;
  488. padding-left:20px;
  489. margin-left:4px;
  490. font-size:12px;
  491. text-align:center;
  492. font-family:roboto;
  493. text-transform:lowercase;
  494. line-height:110%;
  495. letter-spacing:2px;
  496. color:#2d2936;
  497. }
  498.  
  499. h5 {
  500. font-size:12px;
  501. font-family:roboto;
  502. text-transform:lowercase;
  503. text-align:center;
  504. margin-top:0px;
  505. margin-bottom:0px;
  506. letter-spacing:2px;
  507. color:#2d2936;
  508. }
  509.  
  510. h6 {
  511. font-size:12px;
  512. font-family:roboto;
  513. text-align:center;
  514. margin-top:0px;
  515. margin-bottom:0px;
  516. letter-spacing:2px;
  517. color:#2d2936;
  518. }
  519.  
  520. h3 {
  521. font-size:10px;
  522. font-family:"Caveat", cursive;
  523. text-align:center;
  524. line-height:110%;
  525. letter-spacing:2px;
  526. color:#2d2936;
  527. }
  528.  
  529. h4 {
  530. font-size:20px;
  531. font-family:"Satisfy", cursive;
  532. text-align:center;
  533. line-height:105%;
  534. letter-spacing:2px;
  535. color:#2d2936;
  536. }
  537.  
  538. pre {
  539. width:216px;
  540. letter-spacing:1px;
  541. text-align:center;
  542. text-transform:uppercase;
  543. padding:2px;
  544. border-radius:2px;
  545. color:#2d2936;
  546. font-family:"oswald";
  547. font-size:12px;
  548. background-color:#000;
  549. text-shadow:0px 0px 5px #2d2936;
  550. }
  551.  
  552.  
  553.  
  554.  
  555. #title {
  556. color:#fff;
  557. font-family:arial;
  558. font-size:16px;
  559. text-transform:lowercase;
  560. font-weight:bold;
  561. letter-spacing:0px;
  562. padding:4px;
  563. margin-top:-20px;
  564. margin-left:-14px;
  565. position:fixed;
  566. text-align:left;
  567. }
  568.  
  569.  
  570. #navi {
  571. float:left;
  572. width:115px;
  573. padding:3px;
  574. }
  575.  
  576. #muses {
  577. width:125px;
  578. float:left;
  579. overflow:auto;
  580. margin:1px 2px;
  581. }
  582.  
  583. .muses text {
  584. height:50px;
  585. overflow:scroll;
  586. }
  587.  
  588.  
  589. /*sidebar links*/
  590.  
  591. .links {
  592. position: fixed;
  593. font-style:none;
  594. margin-top:80px;
  595. margin-left:1150px;
  596. line-height: 100%;
  597. text-align: center;
  598. width:0px;
  599. opacity:1;
  600. margin-right: auto;
  601. transform: rotate(20deg);
  602. -webkit-transform: rotate(20deg);
  603.  
  604.  
  605. }
  606.  
  607. .links a {
  608. opacity:1;
  609. letter-spacing: 1px;
  610. padding:3px;
  611.  
  612. }
  613.  
  614. .links a:hover {
  615. color:#2d2936;
  616. opacity:1;
  617. }
  618.  
  619. .alinks {
  620. position: fixed;
  621. font-style:none;
  622. margin-top:75px;
  623. margin-left:1127px;
  624. word-spacing:2px;
  625. line-height: 100%;
  626. text-align: center;
  627. width:25px;
  628. margin-right: auto;
  629. opacity:1;
  630. transform: rotate(-20deg);
  631. -webkit-transform: rotate(-20deg);
  632.  
  633.  
  634. }
  635.  
  636. .alinks a {
  637. -webkit-filter:blur(0px);
  638. letter-spacing: 1px;
  639. padding:3px;
  640.  
  641. }
  642.  
  643. .alinks a:hover {
  644. color:#2d2936;
  645. opacity:1;
  646. }
  647.  
  648. .dlinks {
  649. position: fixed;
  650. font-style:none;
  651. margin-top:125px;
  652. margin-left:1160px;
  653. word-spacing:2px;
  654. line-height: 100%;
  655. text-align: center;
  656. width:25px;
  657. margin-right: auto;
  658. transform: rotate(0deg);
  659. -webkit-transform: rotate(0deg);
  660.  
  661. }
  662.  
  663. .dlinks a {
  664. -webkit-filter:blur(0px);
  665. letter-spacing: 1px;
  666. padding:3px;
  667. }
  668.  
  669. .dlinks a:hover {
  670. color:#2d2936;
  671. opacity:1;
  672. }
  673.  
  674.  
  675. /* this is the box that comes up when you hover over something with a title*/
  676.  
  677. #s-m-t-tooltip {
  678. margin-left:15px;
  679. margin-top:-21px;
  680. letter-spacing:0px;
  681. font-family:roboto;
  682. text-transform:auto;
  683. font-size:10px;
  684. text-transform:none;
  685. color:#999;
  686. background-color:#323232;
  687. outline-offset:2px;
  688. outline:1px double #999;
  689. padding: 3px;
  690. z-index:999999999999999999;
  691. -webkit-transition:all 1.5s;
  692. -moz-transition:all 1.5s;
  693. -ms-transition:all 1.5s;
  694. -o-transition:all 1.5s;
  695. transition:all 1.5s;
  696. }
  697.  
  698. /*next page and previous page*/
  699.  
  700. #pagination {
  701. -ms-transform: rotate(0deg); /* IE 9 */
  702. -webkit-transform: rotate(0deg); /* Safari */
  703. transform: rotate(0deg)
  704.  
  705.  
  706. }
  707.  
  708. #pagination a {
  709. -webkit-filter: Grayscale(0%);
  710. -webkit-transition: all 0.8s ease-out;
  711. -moz-transition: all 0.8s ease-out;
  712. transition: all 0.8s ease-out;
  713. -webkit-filter: blur(0px)
  714.  
  715. }
  716.  
  717. #pagination a:hover {
  718. color:#2d2936;
  719. opacity:1;
  720. -webkit-transition: all 0.8s ease-out;
  721. -moz-transition: all 0.8s ease-out;
  722. transition: all 0.8s ease-out;
  723. -webkit-filter:blur(0px);
  724. }
  725.  
  726.  
  727. #container {
  728. position:fixed;
  729. width:402px;
  730. height:448px;
  731. top:125px;
  732. margin-left:511px;
  733. background-color:transparent;
  734. text-align:left;
  735. opacity:1;
  736. overflow: auto;
  737. }
  738.  
  739. #container:hover {
  740. overflow:auto;
  741.  
  742. }
  743.  
  744. #post {
  745. width:400px;
  746. font-size:10px;
  747. line-height:110%;
  748. padding-top:10px;
  749. margin-top:20px;
  750. margin-left:auto;
  751. margin-right:auto;
  752. opacity:1;
  753. -webkit-filter: grayscale(0%);
  754. filter: grayscale(0%);
  755. -webkit-transition: all .5s ease-in-out;
  756. -moz-transition: all .5s ease-in-out;
  757. -o-transition: all .5s ease-in-out;
  758. transition: all .5s ease-in-out;
  759. }
  760.  
  761. #post:hover{
  762. opacity:1;
  763. -webkit-transition: all .5s ease-in-out;
  764. -moz-transition: all .5s ease-in-out;
  765. -o-transition: all .5s ease-in-out;
  766. transition: all .5s ease-in-out;
  767. -webkit-filter: grayscale(0);
  768. filter: grayscale(0);
  769. }
  770.  
  771. #post blockquote {
  772. padding-left:5px;
  773. margin-right:0px;
  774. margin-left:5px;
  775. margin-top:2px;
  776. border-left:1px solid #2d2936;}
  777.  
  778. #post blockquote blockquote {
  779. padding-left:10px;
  780. margin-top:2px;
  781. margin-right:0px;
  782. margin-left:5px;
  783. border-left:1px solid #2d2936;}
  784.  
  785. /*italics and bold stuffs. here is where you can put new fonts, many i have already supplied you with!*/
  786.  
  787. b, strong, bold {
  788. color:#2d2936;
  789. font-family:roboto;
  790. line-height:115%;
  791. font-weight: bold;
  792. text-transform:lowercase;
  793. letter-spacing:2px;
  794. }
  795.  
  796. i, em, italic {
  797. color:#2d2936;
  798. line-height:115%;
  799. font-family:roboto;
  800. text-transform:lowercase;
  801. font-weight:bolder;
  802.  
  803. }
  804.  
  805. b i {
  806. color:#2d2936;}
  807. i b {
  808. color:#2d2936;}
  809.  
  810. small {
  811. font-size:10px;
  812. }
  813.  
  814. sub, sup {
  815. font-size:9px;
  816. }
  817.  
  818. /*time posted, note count, via and source*/
  819.  
  820. #info {
  821. font-size:16px;
  822. padding:4px 0px 1px 0px;
  823. margin:0px 0px 50px 10px;
  824. letter-spacing:4px;
  825. font-size:22px;
  826. color:#2d2936;
  827. text-transform:none;
  828. }
  829.  
  830. #info a {
  831. color:#2d2936;
  832. text-shadow:none;
  833. text-transform:none;
  834. }
  835.  
  836. #info a:hover {
  837. color:#999;
  838. }
  839.  
  840.  
  841. /*begin music css*/
  842. #bubble-music {
  843. position:fixed;
  844. left:486px;
  845. top:526px;
  846. width:30px;
  847. height:30px;
  848. transform: rotate(-90deg);
  849. -webkit-transform: rotate(-90deg);
  850. background-color:transparent;
  851. border-radius:100%;
  852. -moz-border-radius:100%;
  853. overflow:hidden;
  854. -webkit-transition: all 0.5s ease-out;
  855. -moz-transition: all 0.5s ease-out;
  856. transition: all 0.5s ease-out;
  857. opacity:.5;
  858.  
  859. }
  860.  
  861. #bubble-music:hover {
  862. position:fixed;
  863. left:431px;
  864. top:471px;
  865. transform: rotate(-90deg);
  866. -webkit-transform: rotate(-90deg);
  867. border-radius:9px;
  868. -moz-border-radius:9px;
  869. width:140px;
  870. height:30px;
  871. opacity:1;
  872. }
  873.  
  874. .music_embed {
  875. margin:-26px 0 0 70px;
  876. z-index:1;
  877. font-family:consolas;
  878. font-size:8px;
  879. -webkit-transition: all 0.5s ease-out;
  880. -moz-transition: all 0.5s ease-out;
  881. transition: all 0.5s ease-out;
  882. opacity:1;
  883. }
  884.  
  885. #bubble-music:hover .music_embed {
  886. margin:-26px 0 0 34px;
  887. opacity:1;
  888. }
  889. /*end music css*/
  890.  
  891. #forward {
  892. opacity: .1;
  893. font-weight:bold;
  894. font-size:40px;
  895. color:#000;
  896. top:90px;
  897. margin-left:886px;
  898. position: fixed;
  899. font-family:"calibri", sans-serif;
  900. text-align: left;
  901. letter-spacing:2px;
  902. word-spacing:2px;
  903. }
  904.  
  905. #forward:hover {
  906. opacity: 1;
  907. color:#2d2936;
  908. -webkit-transition: all 0.8s ease-out;
  909. -moz-transition: all 0.8s ease-out;
  910. transition: all 0.8s ease-out;
  911. -webkit-filter:blur(.8px);
  912. }
  913.  
  914. #backward {
  915. opacity: .1;
  916. font-weight:bold;
  917. font-size:40px;
  918. color:#000;
  919. top:90px;
  920. margin-left:850px;
  921. position: fixed;
  922. font-family:"calibri", sans-serif;
  923. text-align: left;
  924. letter-spacing:2px;
  925. word-spacing:2px;
  926. }
  927.  
  928. #backward:hover {
  929. opacity: 1;
  930. color:#2d2936;
  931. -webkit-transition: all 0.8s ease-out;
  932. -moz-transition: all 0.8s ease-out;
  933. transition: all 0.8s ease-out;
  934. -webkit-filter:blur(.8px);
  935. }
  936.  
  937.  
  938.  
  939. /*tags*/
  940.  
  941. .tags {
  942. width:310px;
  943. margin:-30px 0px 0px 55px;
  944. line-height:115%;
  945. padding:5px;
  946. font-size:9px;
  947. word-break:keep-all;
  948. text-align:center;
  949. font-family:roboto;
  950. background-color:;
  951. outline-offset:2px;
  952. border-top:1px solid #acabac;
  953. letter-spacing:1px;
  954. }
  955.  
  956. .tags a {
  957. color:#2d2936;
  958. text-shadow:0px 0px 4px #000;
  959. }
  960.  
  961. .tags a:hover {
  962. color:#2d2936;
  963. text-shadow:0px 0px 1px #000;
  964. }
  965.  
  966. .postnote {
  967. width:370px;
  968. margin-top:40px;
  969. font-family:arial;
  970. text-transform:lowercase;
  971. font-style:normal;
  972. letter-spacing:0px;
  973. font-size:10px;
  974. text-align:left;
  975. }
  976.  
  977. .verses img {
  978. float:center;
  979. -webkit-filter: grayscale(100%);
  980. width:260px;
  981. height:100px;
  982. }
  983.  
  984. .pic img {
  985. float: center;
  986. padding: 0px;
  987. margin-right: 10px;
  988. width: 100px;
  989. height: 100px;
  990. }
  991.  
  992.  
  993. img {
  994. -webkit-filter: grayscale(0%);}
  995.  
  996. img:hover {
  997. -webkit-filter: grayscale(0%);}
  998.  
  999.  
  1000.  
  1001. /*here go asks*/
  1002.  
  1003. #ask {
  1004. width:400px;
  1005. margin-left:0px;
  1006. margin-top:20px;
  1007. margin-bottom:10px;
  1008. font-size:25px;
  1009. text-align:center;
  1010. font-family:roboto;
  1011. font-style:none;
  1012. text-transform:uppercase;
  1013. color:#2d2936;
  1014. }
  1015.  
  1016. #ask a {
  1017. color:#2d2936;
  1018. text-transform:lowercase;
  1019. }
  1020.  
  1021. #ask a:hover {
  1022. color:#2d2936;
  1023. }
  1024.  
  1025. #askheader {
  1026. position:absolute;
  1027. margin-left:28px;
  1028. margin-top:-22px;
  1029. }
  1030.  
  1031. #q {
  1032. width:366px;
  1033. margin-left:5px;
  1034. margin-top:3px;
  1035. padding:10px;
  1036. text-align:center;
  1037. color:#999;
  1038. font-family:roboto;
  1039. font-size:12px;
  1040. background-color:#cdcdcd;
  1041. border:2px double #5a565c;
  1042. text-shadow:0px 0px 5px #999;
  1043. }
  1044.  
  1045. #ans {
  1046. text-align:justify;
  1047. margin-top:5px;
  1048. padding:5px;
  1049. }
  1050.  
  1051.  
  1052.  
  1053.  
  1054. .playerbuttonbg {
  1055. position: absolute;
  1056. left: 10px;
  1057. top: 10px;
  1058. width: 18px;
  1059. height: 18px;
  1060. background-color:#fff;
  1061. padding: 10px;
  1062. -webkit-border-radius: 40px;
  1063. -moz-border-radius: 40px;
  1064. border-radius: 40px;
  1065. opacity: .4;
  1066. filter: alpha(opacity=40);
  1067. -moz-opacity: 0.4;
  1068. -khtml-opacity: 0.4;
  1069. transition: opacity .7s ease-in-out;
  1070. -moz-transition: opacity .7s ease-in-out;
  1071. -webkit-transition: opacity .7s ease-in-out;
  1072. }
  1073.  
  1074. .playerbuttonbg:hover {
  1075. opacity: 1;
  1076. filter: alpha(opacity=100);
  1077. -moz-opacity: 1;
  1078. -khtml-opacity: 1;
  1079. }
  1080.  
  1081. .newplayerbutton {
  1082. position: relative;
  1083. width: 19px;height: 19px;
  1084. overflow: hidden;
  1085. }
  1086.  
  1087. .playerbuttonhug {
  1088. position: absolute;
  1089. top: -18px;left: -7px;
  1090. }
  1091.  
  1092. .tumblr_audio_player {
  1093. border:none;
  1094. height: 50px;
  1095. width: 240px;
  1096. margin-left:3px;
  1097. margin-top:3px;
  1098. }
  1099.  
  1100. .audioimgwrapper {
  1101. position: absolute;
  1102. left: 0px;
  1103. top: 0px;
  1104. overflow: hidden;
  1105. width: 60px;
  1106. height: 60px;
  1107. }
  1108.  
  1109. .audioimgwrapper img {
  1110. width: 100%;
  1111. height: auto;
  1112. }
  1113. .trackdetails {
  1114. width: auto;
  1115. display:inline-block;
  1116. margin-left: 90px;
  1117. min-height: 85px;
  1118. }
  1119.  
  1120. .audiowrapper {
  1121. position: relative;
  1122. display:inline-block;
  1123. }
  1124.  
  1125.  
  1126.  
  1127. /* --- UPDATES ---*/
  1128.  
  1129. #updates {
  1130. position:fixed;
  1131. width:188px;
  1132. height:434px;
  1133. top:125px;
  1134. margin-left:957px;
  1135. font-size:9px;
  1136. padding:5px;
  1137. overflow:auto;
  1138. text-align:center;
  1139.  
  1140. }
  1141.  
  1142.  
  1143. /*credit. only change this if you actually make the code your own*/
  1144.  
  1145. #credit {
  1146. position:fixed;
  1147. font-size:18px;
  1148. color:#3b4e4d;
  1149. font-weight:none;
  1150. line-height:50%;
  1151. letter-spacing:2px;
  1152. font-family:'prata';
  1153. right:20px;
  1154. bottom:0px;
  1155. text-transform:none;
  1156. text-align:left;
  1157. -webkit-transition: all 0.5s ease-in-out;
  1158. -moz-transition: all 0.5s ease-in-out;
  1159. -o-transition: all 0.5s ease-in-out;
  1160. }
  1161.  
  1162. #credit a {
  1163. letter-spacing: 0px;
  1164. padding:3px;
  1165. color:#2d2936;
  1166. }
  1167.  
  1168. #credit a:hover {
  1169. background:#050505;
  1170. color:#999;
  1171. }
  1172.  
  1173.  
  1174.  
  1175.  
  1176. {CustomCSS}
  1177.  
  1178. }
  1179.  
  1180. </style></head><body>
  1181. <script src=“http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js”></script>
  1182. <script src=“http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js”></script>
  1183. <script>
  1184. (function($){
  1185. $(document).ready(function(){
  1186. $("a[title]").style_my_tooltips({
  1187. tip_follows_cursor:true,
  1188. tip_delay_time:7,
  1189. tip_fade_speed:7,
  1190. attribute:"title"
  1191. });
  1192. });
  1193. })(jQuery);
  1194. </script>
  1195.  
  1196.  
  1197. <!-- begin updates tab -->
  1198.  
  1199. <div id="updates">
  1200. <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
  1201. you've worn guilt like an
  1202. <center><p><h5>iron mask</h5>
  1203. <p>&nbsp;
  1204. <br><img src="http://puu.sh/wMZJS/1d52552675.png" height="68" width="50">
  1205. <p>&nbsp;
  1206. <br>highly selective, private,<br>mutually exclusive mcu<br>tony stark roleplay blog.
  1207. <br>&nbsp;
  1208. <p>penned by <b>kaylyn.</b>
  1209. <p><h5>established 2012
  1210. <br>rebooted july 2017</h5></center>
  1211. <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
  1212.  
  1213.  
  1214. </div>
  1215.  
  1216. <!-- end updates tab -->
  1217.  
  1218.  
  1219.  
  1220. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  1221. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  1222. <script>
  1223.  
  1224. (function($){
  1225.  
  1226. $(document).ready(function(){
  1227.  
  1228. $("a[title]").style_my_tooltips({
  1229.  
  1230. tip_follows_cursor:true,
  1231.  
  1232. tip_delay_time:50,
  1233.  
  1234. tip_fade_speed:600,
  1235.  
  1236. attribute:"title"
  1237.  
  1238. });
  1239.  
  1240. });
  1241.  
  1242. })(jQuery);
  1243.  
  1244. </script>
  1245.  
  1246.  
  1247.  
  1248. <div class="links">
  1249. <a href="/" title="refresh."><div id="linksys1">✦</div></a></div>
  1250.  
  1251. <div class="alinks">
  1252. <a href="#?w=500" title="you're kidding with the hand up, right?" rel="box1" class="poplight"><div id="linksys2">✧</div></a></div>
  1253.  
  1254. <div class="dlinks">
  1255. <a href="#?w=600" title="the workshop." rel="box3" class="poplight"><div id="linksys2">✧</div></a></div>
  1256.  
  1257.  
  1258.  
  1259. </div>
  1260.  
  1261. <div id="description">{Description}</div>
  1262.  
  1263.  
  1264. <div id="pagination">
  1265. {block:Pagination}
  1266. {block:PreviousPage}
  1267. <a href="{PreviousPage}"><div id="backward">«</div></a>
  1268. {/block:PreviousPage}
  1269.  
  1270.  
  1271. {block:NextPage}
  1272. <a href="{NextPage}"><div id="forward">»</div></a>
  1273. {/block:NextPage}
  1274. {/block:Pagination}
  1275. </div>
  1276.  
  1277.  
  1278.  
  1279.  
  1280. </div>
  1281.  
  1282.  
  1283. <div id="container">
  1284. <div id="content">
  1285.  
  1286. <div id="bubble-music">
  1287. <img style="margin:7px;" src="http://66.media.tumblr.com/tumblr_m7w2py1dEP1r6o8v2.gif">
  1288. <div class="music_embed">
  1289. <embed src="http://www.sheepproductions.com/billy/billy.swf?autoplay=true&f0=https://www.dropbox.com/s/06u41f9d9ykbcxe/Hallelujah%20-%20Violin%20Looping%20cover%20-%20ONE%20TAKE%20%28by%20Rob%20Landes%20and%20Aubry%20Pitcher%29.mp3?dl=1&t0=&total=1" quality="high" wmode="transparent" width="200" height="10" name="billy" align="middle" type="application/x-shockwave-flash" />
  1290. </div>
  1291. </div>
  1292.  
  1293. {block:Posts}<div id="post">
  1294.  
  1295. {block:Text}
  1296. {block:Title}<h1><center>{Title}</center></h1>{/block:Title}
  1297. {Body}
  1298. {/block:Text}
  1299.  
  1300. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-400}">{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  1301.  
  1302. {block:Photoset}{Photoset-400}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  1303.  
  1304. {block:Quote}
  1305. <h2><div style="position:absolute; margin-left:-2px; margin-top:-5px;font-size:35px;-webkit-transform: rotate(30deg);-ms-transform: rotate(30deg);transform: rotate(30deg);">❛</div>{Quote}</h2>
  1306. <h1>—{Source}</h1>
  1307. {/block:Quote}
  1308.  
  1309. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}{hw}
  1310.  
  1311. {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}{hw}
  1312.  
  1313. {block:AudioPlayer}
  1314. <div class="audiowrapper">
  1315. {block:AlbumArt}
  1316. <div class="audioimgwrapper"><img src="{AlbumArtURL}"></div>
  1317. {/block:AlbumArt}
  1318.  
  1319. <div class="playerbuttonbg">
  1320. <div class="newplayerbutton">
  1321. <div class="playerbuttonhug">
  1322. {AudioPlayerWhite}
  1323. </div></div></div>
  1324.  
  1325. <div class="trackdetails">
  1326. {block:TrackName}<b>{TrackName}</b>{/block:TrackName}<br/>
  1327. {block:Artist}{Artist}{/block:Artist}<br/>
  1328. {PlayCountWithLabel}
  1329. </div></div>
  1330. {block:Caption}{Caption}{/block:Caption}
  1331. {/block:AudioPlayer}
  1332.  
  1333. {block:Video}{Video-400}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  1334.  
  1335. {block:Answer}
  1336. <div id="askheader"></div>
  1337. <div id="ask">{Asker}</div>
  1338. <span style="color:#999;font-size:10px;letter-spacing:2px;"><center>FILED A REPORT:</center></span>
  1339. <div id="q">{Question}</div>
  1340. <div id="ans">{Answer}</div>
  1341. {/block:Answer}
  1342.  
  1343. {block:Date}
  1344. <div id="info">
  1345. <a href="{Permalink}" title="{ShortMonth} {DayOfMonthWithZero} - {TimeAgo}" style="position:absolute; margin-left:40px;font-size:20px; margin-top:35px;-webkit-transform: rotate(-20deg);-ms-transform: rotate(-20deg);transform: rotate(-20deg);text-shadow:0px 0px 6px #2d2936;">✦</a>
  1346. <a href="{Permalink}" title="{NoteCountWithLabel}" style="position:absolute; margin-left:-15px; margin-top:20px;font-size:75px;-webkit-transform: rotate(20deg);-ms-transform: rotate(20deg);transform: rotate(20deg);text-shadow:0px 0px 6px #2d2936;">✧</a>
  1347. <a href={ReblogURL} target=”_blank” class=”details” title="reblog" style="position:absolute; margin-left:-8px; margin-top:-5px;font-size:20px;-webkit-transform: rotate(30deg);-ms-transform: rotate(30deg);transform: rotate(30deg);text-shadow:0px 0px 6px #2d2936;">✦</a>
  1348. {block:ContentSource}<!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}{block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->{/block:ContentSource}
  1349. <!-- {block:NoRebloggedFrom}{block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}{/block:NoRebloggedFrom} -->
  1350. </div>
  1351. {/block:Date}
  1352.  
  1353.  
  1354. {block:HasTags}
  1355. <div class="tags">
  1356. {block:Tags}<a href="{TagURL}" title="{Tag}">&nbsp;#&nbsp;{Tag}&nbsp;</a> {/block:Tags}</div>
  1357. {/block:HasTags}
  1358.  
  1359.  
  1360. <div class="postnote">
  1361. {block:PostNotes}{PostNotes}{/block:PostNotes}
  1362. </div>
  1363. </div>
  1364. {/block:Posts}
  1365. </div>
  1366. </div>
  1367. </div>
  1368. </div></div>
  1369.  
  1370.  
  1371.  
  1372.  
  1373. </div></div></div></div>
  1374. </div>
  1375.  
  1376. <div id="credit"><a href="http://butscrewmefirst.tumblr.com" title="code & image by manon"><big><big>ᶬ</big></big></a></div>
  1377.  
  1378. </body>
  1379.  
  1380. </div></div></div></div></div></div></div></div></div></div>
  1381.  
  1382.  
  1383. <div id="box1" class="question_block">
  1384. <div class="askbox"><div class="poptext">
  1385. <p><center><h6>ENCRYPTED SERVER ...</h6></center>
  1386. <p><iframe frameborder="0" border="0" scrolling="yes" width="100%" height="275px" allowtransparency="true" src="http://www.tumblr.com/ask_form/starktonystark.tumblr.com" style="background-color:transparent; overflow:hidden;"></iframe>
  1387. </div></div></div>
  1388. </div></div></div></div></div></div></div></div></div></div>
  1389.  
  1390.  
  1391. <div id="box3" class="popup_block">
  1392. <div id="sidelinks">
  1393. <ul id="tabs">
  1394. <li class="active"><div id="butts1">✦</div></li><li><div id="butts2">*</div></li><li><div id="butts3">♢</div></li><li><div id="butts4">♦</div></li><li><div id="butts5">✧</div></li></ul></div>
  1395. <ul id="tab"><li class="active"><div class="rules">
  1396. <div class="poptext">
  1397. <p><center><h6>ENCRYPTED SERVER ...</h6></center>
  1398. <p><b>001.</b> <i>DISCLAIMER.</i>
  1399. <br><small>this is a highly selective, private, and independent blog for marvel's tony stark. as i have not read any of the comics, i will be sticking strictly to the marvel cinematic universe portrayal of this character. i am not affiliated with marvel, disney, robert downey jr, or the character tony stark in any way. my theme and dashboard image are not my own, however, the writing, graphics, and icons found across this blog are. none of these are avaliable for public use.</small>
  1400.  
  1401. <div align="right"><p><i>ROLEPLAYING.</i> <b>002.</b>
  1402. <br><small>i will only write with blogs i am in a mutual follow with. while i respect every roleplayer out there, i am picky about who i want on my dash. when i follow you, this does mean that i want to interact with you at some point! don't be afraid to shoot me a message. i also tend to use small icons and small + sub text when writing.</small></div>
  1403.  
  1404. <p><b>003.</b> <i>FOLLOWING.</i>
  1405. <br><small>i will follow your blog if i am familiar with your character or fandom, would like to be familiar with them, or i think we can write well together. giving that i have my own inactive bursts, i will unfollow blogs inactive for one month without a hiatus announcement. i also tend to unfollow blogs who post too much ooc, start drama, spread hate, or generally make me uncomfortable. i will not follow other tony stark's. as a side note, i will not follow or roleplay with oc children of tony.</small>
  1406.  
  1407. <div align="right"><p><i>EXCLUSIVITY.</i> <b>004.</b>
  1408. <br><small>i am very open to exclusivity! being exclusive with me means that i will not write with any other version of your character besides yours. if you do not want to commit to that with me, i am also open to having your character be my main. the chance of any of this happening is highly increased if we often talk outside of tumblr!</small></div>
  1409.  
  1410. <p><b>005.</b> <i>SHIPPING.</i>
  1411. <br><small>this blog is multiship, however that doesn't mean that i will go for any character out there. tony was a serious debonair pre-iron man, still carries some of his flirtacious tendencies, and i would love to give him some romantic plots on this blog. however, i would prefer something plotted between us first.</small>
  1412.  
  1413. <div align="right"><p><i>TRIGGERS.</i> <b>006.</b>
  1414. <br><small>tony stark is riddled with ptsd, anxiety, and depression. any mention of these in character or out will be tagged and while i can't tag everything, if you come to me in an ask asking for something specific, i will try my best to remember.</small></div>
  1415.  
  1416. <p><b>007.</b> <i>AUTHOR.</i>
  1417. <br><small>my name is kaylyn, i'm twenty, and i use she/her pronouns. i am a full time college student, i have a job, and this blog won't be my main concern. low activity often means i'm busy with life, and i hope my partners can understand that.</small>
  1418.  
  1419. </li>
  1420.  
  1421. <li><div class="dossier">
  1422. <div class="poptext">
  1423. <p><center><h6>ENCRYPTED SERVER ...</h6></center>
  1424.  
  1425. <p><div align="right"><p><big><i>GENERAL BIOGRAPHY.</i></big>
  1426. <hr width="50%">
  1427. </div>
  1428.  
  1429. <p><b>NAME:</b>
  1430. <br>&nbsp; &nbsp; &nbsp; &nbsp; anthony edward stark.
  1431.  
  1432. <p><b>ALIASES:</b>
  1433. <br>&nbsp; &nbsp; &nbsp; &nbsp; tony stark. <s>tony stank.</s>
  1434. <br>&nbsp; &nbsp; &nbsp; &nbsp; iron man.
  1435. <br>&nbsp; &nbsp; &nbsp; &nbsp; the da vinci of our time.
  1436. <br>&nbsp; &nbsp; &nbsp; &nbsp; the merchant of death.
  1437. <br>&nbsp; &nbsp; &nbsp; &nbsp; metal man.
  1438. <br>&nbsp; &nbsp; &nbsp; &nbsp; shellhead
  1439. <br>&nbsp; &nbsp; &nbsp; &nbsp; the futurist.
  1440.  
  1441. <p><b>SEX:</b>
  1442. <br>&nbsp; &nbsp; &nbsp; &nbsp; male.
  1443.  
  1444. <p><b>DATE OF BIRTH:</b>
  1445. <br>&nbsp; &nbsp; &nbsp; &nbsp; may twenty-ninth, 1970.
  1446.  
  1447. <p><b>AGE:</b>
  1448. <br>&nbsp; &nbsp; &nbsp; &nbsp; forty-seven.
  1449.  
  1450. <p><b>CITIZENSHIP:</b>
  1451. <br>&nbsp; &nbsp; &nbsp; &nbsp; american.
  1452.  
  1453. <p><b>PLACE OF BIRTH:</b>
  1454. <br>&nbsp; &nbsp; &nbsp; &nbsp; long island, new york.
  1455.  
  1456. <p><b>ETHNICITY:</b>
  1457. <br>&nbsp; &nbsp; &nbsp; &nbsp; caucasian.
  1458.  
  1459. <p><b>PLACES OF RESIDENCY:</b>
  1460. <br>&nbsp; &nbsp; &nbsp; &nbsp; new avengers facility, upstate new york.
  1461.  
  1462. <p><b>AFFILIATIONS:</b>
  1463. <br>&nbsp; &nbsp; &nbsp; &nbsp; stark industries.
  1464. <br>&nbsp; &nbsp; &nbsp; &nbsp; the avengers.
  1465. <br>&nbsp; &nbsp; &nbsp; &nbsp; SHIELD. former.
  1466.  
  1467. <p><b>FAMILY:</b>
  1468. <br>&nbsp; &nbsp; &nbsp; &nbsp; maria collins carbonell-stark.
  1469. <br>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; mother. deceased.
  1470. <br>&nbsp; &nbsp; &nbsp; &nbsp; howard anthony walter stark.
  1471. <br>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; father. deceased.
  1472.  
  1473. <div align="right"><p><big><i>PHYSICAL ATTRIBUTES.</i></big>
  1474. <hr width="50%">
  1475. </div>
  1476.  
  1477. <p><b>HEIGHT:</b>
  1478. <br>&nbsp; &nbsp; &nbsp; &nbsp; 5'9".
  1479.  
  1480. <p><b>WEIGHT:</b>
  1481. <br>&nbsp; &nbsp; &nbsp; &nbsp; 185 lbs.
  1482.  
  1483. <p><b>HAIR COLOR:</b>
  1484. <br>&nbsp; &nbsp; &nbsp; &nbsp; dark brown.
  1485.  
  1486. <p><b>EYE COLOR:</b>
  1487. <br>&nbsp; &nbsp; &nbsp; &nbsp; dark brown.
  1488.  
  1489. <p><b>BODY TYPE:</b>
  1490. <br>&nbsp; &nbsp; &nbsp; &nbsp; lean and muscular.
  1491.  
  1492. <p><b>DISTINGUISHING FEATURES:</b>
  1493. <br>&nbsp; &nbsp; &nbsp; &nbsp; false sternum covered in scar tissue
  1494. <br>&nbsp; &nbsp; &nbsp; &nbsp; previously taken by an arc reactor.
  1495.  
  1496. <p><b>SEXUAL ORIENTATION:</b>
  1497. <br>&nbsp; &nbsp; &nbsp; &nbsp; heterosexual demiromantic.
  1498.  
  1499. <p><b>MARITAL STATUS:</b>
  1500. <br>&nbsp; &nbsp; &nbsp; &nbsp; engaged to pepper potts.
  1501.  
  1502. <div align="right"><p><big><i>ABILITIES & SKILLSET.</i></big>
  1503. <hr width="50%">
  1504. </div>
  1505.  
  1506. <p><b>NET WORTH:</b>
  1507. <br>&nbsp; &nbsp; &nbsp; &nbsp; $12.4 billion.
  1508.  
  1509. <p><b>EDUCATION:</b>
  1510. <br>&nbsp; &nbsp; &nbsp; &nbsp; philips academy, andover, MA.
  1511. <br>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; 1977 - 1984. basic schooling.
  1512. <br>&nbsp; &nbsp; &nbsp; &nbsp; MIT, cambridge, MA.
  1513. <br>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; 1984 - 1987. college schooling.
  1514.  
  1515. <p><b>OCCUPATION:</b>
  1516. <br>&nbsp; &nbsp; &nbsp; &nbsp; president emeritus of stark industries.
  1517. <br>&nbsp; &nbsp; &nbsp; &nbsp; an avenger.
  1518. <br>&nbsp; &nbsp; &nbsp; &nbsp; a mechanic.
  1519. <br>&nbsp; &nbsp; &nbsp; &nbsp; a mentor to peter parker.
  1520.  
  1521. <p><b>ABILITIES:</b>
  1522. <br>&nbsp; &nbsp; &nbsp; &nbsp; genius level intellect.
  1523. <br>&nbsp; &nbsp; &nbsp; &nbsp; master engineer & scientist.
  1524. <br>&nbsp; &nbsp; &nbsp; &nbsp; expert hacker.
  1525. <br>&nbsp; &nbsp; &nbsp; &nbsp; expert businessman & tactician.
  1526. <br>&nbsp; &nbsp; &nbsp; &nbsp; skilled hand-to-hand combatant.
  1527. <br>&nbsp; &nbsp; &nbsp; &nbsp; marksman.
  1528. <br>&nbsp; &nbsp; &nbsp; &nbsp; skilled pilot.
  1529. <br>&nbsp; &nbsp; &nbsp; &nbsp; multilingualism.
  1530. <br>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; english.
  1531. <br>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; italian.
  1532. <br>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; spanish.
  1533. <br>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; french.
  1534. <br>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; latin.
  1535. </div></div>
  1536.  
  1537. </li>
  1538.  
  1539. <li>
  1540.  
  1541. <div class="verses">
  1542. <div class="poptext">
  1543.  
  1544. <p><center><h6>ENCRYPTED SERVER ...</h6></center>
  1545.  
  1546. <p><img src="http://puu.sh/pegMw/57f6ed7fab.png" align="left" style="width:75px;height:75px;">
  1547. <p><b>001.</b> <a href="http://starktonystark.tumblr.com/tagged/%EF%BC%A1%EF%BC%B2%EF%BC%A3%E2%80%A6-%E3%80%89-MADE-OF-BULLETS.-SHRAPNEL.-%E2%94%8B-001" title="MADE OF BULLETS. SHRAPNEL."><i>IRON MAN 001</i></a>
  1548. <br>&nbsp; &nbsp; explanation.
  1549. <p>&nbsp;
  1550.  
  1551. <div align="right">
  1552. <img src="http://puu.sh/pehuk/27f62cc49b.png" align="right" style="width:75px;height:75px;">
  1553. <p><a href="http://starktonystark.tumblr.com/tagged/%EF%BC%A1%EF%BC%B2%EF%BC%A3%E2%80%A6-%E3%80%89-A-DEADLY-FACADE-PROMISING-REBIRTH.-%E2%94%8B-002" title="A DEADLY FACADE PROMISING REBIRTH."><i>IRON MAN 002&nbsp;</i></a> <b>002.</b>
  1554.  
  1555. <br>explanation.&nbsp; &nbsp;
  1556. <p>&nbsp;
  1557. </div>
  1558.  
  1559. <img src="http://puu.sh/pehyF/0e5e5445fa.png" align="left" style="width:75px;height:75px;">
  1560. <p><b>003.</b> <a href="http://starktonystark.tumblr.com/tagged/%EF%BC%A1%EF%BC%B2%EF%BC%A3%E2%80%A6-%E3%80%89-YOU-HAVE-STARDUST-IN-YOUR-VEINS.-THATS-WHY-SOMETIMES-IT-HURTS-TO-BREATHE.-%E2%94%8B-004" title="YOU HAVE STARDUST IN YOUR VEINS. THATS WHY SOMETIMES IT HURTS TO BREATHE."><i>THE AVENGERS&nbsp;</i></a>
  1561.  
  1562. <br>&nbsp; &nbsp; explanation.
  1563. <p>&nbsp;
  1564.  
  1565. <div align="right">
  1566.  
  1567. <img src="http://puu.sh/pehEv/0ae30e1839.png" align="right" style="width:75px;height:75px;">
  1568. <p><a href="http://starktonystark.tumblr.com/tagged/%EF%BC%A1%EF%BC%B2%EF%BC%A3%E2%80%A6-%E3%80%89-A-PAT-ON-THE-BACK-DOESNT-HELP-AS-MUCH-AS-EVERYONE-THINKS.-%E2%94%8B-003" title="A PAT ON THE BACK DOESNT HELP AS MUCH AS EVERYONE THINKS."><i>IRON MAN 003</i></a> <b>004.</b>
  1569.  
  1570. <br>explanation.&nbsp; &nbsp;
  1571. <p>&nbsp;
  1572. </div>
  1573.  
  1574. <img src="http://puu.sh/pehFF/8090b2ab9b.png" align="left" style="width:75px;height:75px;">
  1575. <p><b>005.</b> <a href="http://starktonystark.tumblr.com/tagged/%EF%BC%A1%EF%BC%B2%EF%BC%A3%E2%80%A6-%E3%80%89-A-NEUROTIC-SELF-DEFENSE-MECHANISM.-%E2%94%8B-005" title="A NEUROTIC SELF DEFENSE MECHANISM."><i>AGE OF ULTRON</i></a>
  1576.  
  1577. <br>&nbsp; &nbsp; explanation.
  1578. <p>&nbsp;
  1579.  
  1580. <div align="right">
  1581.  
  1582. <img src="http://puu.sh/pehGj/90ecd63aa3.png" align="right" style="width:75px;height:75px;">
  1583. <p><a href="http://starktonystark.tumblr.com/tagged/%EF%BC%A1%EF%BC%B2%EF%BC%A3%E2%80%A6-%E3%80%89-THATS-WHY-IM-HERE.-WE-NEED-TO-BE-PUT-IN-CHECK.-%E2%94%8B-006" title="THATS WHY IM HERE. WE NEED TO BE PUT IN CHECK."><i>CIVIL WAR</i></a> <b>006.</b>
  1584.  
  1585. <br>explanation.&nbsp; &nbsp;
  1586. <p>&nbsp;
  1587. </div>
  1588.  
  1589. <img src="http://puu.sh/wHRUi/2ca97c05c6.png" align="left" style="width:75px;height:75px;">
  1590. <p><b>007.</b> <a href="http://starktonystark.tumblr.com/tagged/%EF%BC%A1%EF%BC%B2%EF%BC%A3%E2%80%A6-%E3%80%89-IM-NOT-SOMEONE-YOU-WANT-TO-BE-LIKE.-%E2%94%8B-007" title="IM NOT SOMEONE YOU WANT TO BE LIKE."><i>SPIDERMAN HOMECOMING</i></a>
  1591.  
  1592. <br>&nbsp; &nbsp; explanation.
  1593. <p>&nbsp;
  1594.  
  1595. </li>
  1596.  
  1597. <li>
  1598.  
  1599. <div class="relations">
  1600. <div class="poptext">
  1601.  
  1602. <p><center><h6>ENCRYPTED SERVER ...</h6></center>
  1603.  
  1604. <p><img src="http://puu.sh/wLtSD/ea863dc60f.png" align="left" style="width:75px;height:75px;">
  1605. <p><b>001.</b> <a href="http://webhead.god.jp/"><i>PETER PARKER</i></a>
  1606. <br>&nbsp; &nbsp;
  1607. <p>&nbsp;
  1608.  
  1609. </li>
  1610.  
  1611. <li>
  1612.  
  1613. <!-- copy from here... -->
  1614. <div class="navigation">
  1615. <div class="poptext">
  1616. <center><a href="/link here" class="buttons">link title</a>
  1617. <a href="/link here" class="buttons">link title</a>
  1618. <a href="/link here" class="buttons">link title</a>
  1619. <a href="/link here" class="buttons">link title</a></center>
  1620.  
  1621. </div>
  1622.  
  1623. </li>
  1624.  
  1625.  
  1626. </ul>
  1627. </div></div></div></div></div></div></div></div></div></div></div></div>
  1628.  
  1629.  
  1630.  
  1631.  
  1632.  
  1633.  
  1634.  
  1635.  
  1636.  
  1637. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement