API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Jan 16th, 2017
122
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 51.79 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <HTML>
  3. <head>
  4.  
  5. <!--BROWSER TAB ICON-->
  6. <style>figure{margin:0}</style>
  7. <link rel="shortcut icon" href="http://static.tumblr.com/cbapx92/Hojojr26q/rook_symbol.png">
  8.  
  9. <!--BROWSER TAB TITLE-->
  10. <meta http-equiv="content-type" content="text/html; charset=utf-8">
  11. <title>JACOB FRYE.</title>
  12.  
  13. <!--TOOLTIP CODE-->
  14. <link href="http://static.tumblr.com/5omyijl/bzrn2yg7i/style-my-tooltips.css" rel="stylesheet" type="text/css" />
  15. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
  16. <script src="http://static.tumblr.com/5omyijl/RZtn2yg9v/jquery.style-my-tooltips.js"></script>
  17. <script>
  18. (function($){
  19. $(document).ready(function(){
  20. $("[title]").style_my_tooltips({
  21. tip_follows_cursor:true,
  22. tip_delay_time:200,
  23. tip_fade_speed:500
  24. });
  25. });
  26. })(jQuery);
  27. </script>
  28.  
  29. <script src="http://static.tumblr.com/wgijwsy/Ebfm2v4gy/jquery.masonry.min.js"></script>
  30.  
  31. <!--CUSTOM FONTS-->
  32. <link href="https://fonts.googleapis.com/css?family=Ruthie|Frank+Ruhl+Libre:900|Meddon|Rye|Trirong:600i|Roboto|Jacques+Francois+Shadow" rel="stylesheet">
  33.  
  34. <!--
  35. font-family: 'Ruthie', cursive;
  36. font-family: 'Roboto', sans-serif;
  37. font-family: 'Trirong', serif;
  38. font-family: 'Rye', cursive;
  39. font-family: 'Meddon', cursive;
  40. font-family: 'Frank Ruhl Libre', sans-serif;
  41. -->
  42.  
  43. <link href="https://fonts.googleapis.com/css?family=Alice|Kaushan+Script" rel="stylesheet">
  44.  
  45. <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
  46.  
  47. </head>
  48. <style type="text/css">
  49.  
  50. ::-moz-selection {
  51. background: #fff;
  52. color: #000;
  53. }
  54.  
  55. ::selection {
  56. background: #fff;
  57. color: #000;
  58. }
  59.  
  60. ::-webkit-scrollbar {
  61. width: 2px;
  62. height: 2px;
  63. }
  64. ::-webkit-scrollbar-button {
  65. width: 0px;
  66. height: 0px;
  67. }
  68. ::-webkit-scrollbar-thumb {
  69. background: transparent;
  70. }
  71. ::-webkit-scrollbar-track {
  72. background: transparent;
  73. }
  74. ::-webkit-scrollbar-corner {
  75. background: transparent;
  76. }
  77.  
  78. body {
  79. background-color:#1d1d1d;
  80. font-family: 'Roboto', sans-serif;
  81. font-size:12px;
  82. color:#ccc;
  83. text-align:left;
  84. line-height:125%;
  85. }
  86.  
  87. small, sup, sub {
  88. font-size:10px;
  89. }
  90.  
  91. a {
  92. text-decoration:none;
  93. color:#666;
  94. -webkit-transition: all 0.3s ease;
  95. transition: all 0.3s ease;
  96. -moz-transition: all 0.3s ease;
  97. -o-transition: all 0.3s ease;
  98. }
  99.  
  100. a:hover {
  101. color:#4f1b1b;
  102. text-shadow:0 0 5px #000;
  103. }
  104.  
  105. b, strong {
  106. font-family: 'Jacques Francois Shadow', cursive;
  107. color:#4f0c15;
  108. text-shadow:0 0 5px #000;
  109. text-transform:uppercase;
  110. }
  111.  
  112. i, em {
  113. color:#5a1c1f;
  114. letter-spacing:2px;
  115. font-family: 'Trirong', serif;
  116. text-shadow: 0 0 5px #5a1c1f;
  117. font-size:12px;
  118. }
  119.  
  120. /*JACOB'S FONT*/
  121. miss {
  122. font-family: 'Meddon', cursive;
  123. font-size:22px;
  124. color:#4f1b1b;
  125. font-weight:700;
  126. text-shadow:0 0 5px #000;
  127. }
  128.  
  129. h1, h2 {
  130. font-size:20px;
  131. text-align:center;
  132. margin-bottom:0px;
  133. font-family: 'Trirong', serif;
  134. color:#782020;
  135. text-transform:uppercase;
  136. text-shadow:0 0 5px #000;
  137. }
  138.  
  139.  
  140. h4 {
  141. padding:1px;
  142. margin:20px 1px 2px 5px;
  143. text-align:center;
  144. font-family: 'Frank Ruhl Libre', sans-serif;
  145. color:#bbb;
  146. text-shadow:0 0 6px #888;
  147. font-size:30px;
  148. font-weight:500;
  149. border-bottom: 2px solid #000;
  150. }
  151.  
  152. .title {
  153. text-align:right;
  154. font-family: 'Frank Ruhl Libre', sans-serif;
  155. color:#bbb;
  156. font-size:30px;
  157. text-transform:uppercase;
  158. margin-bottom:8px;
  159. text-shadow:0 0 6px #888;
  160. }
  161.  
  162. blockquote {
  163. padding:5px;
  164. margin-left:25px;
  165. border-left:2px solid #000;
  166. }
  167.  
  168. blockquote img {
  169. max-width:100%;
  170. height:auto;
  171. }
  172.  
  173. img {
  174. max-width: 100%;
  175. height:auto;
  176. }
  177.  
  178. #wholepig {
  179. position:absolute;
  180. width:490px;
  181. height:550px;
  182. top:50%;
  183. margin-top:-300px;
  184. left:50%;
  185. margin-left:-150px;
  186. }
  187.  
  188. .pigbox-bg {
  189. position:fixed;
  190. margin:-20px 0 0 -20px;
  191. width:490px;
  192. height:550px;
  193. background-color:transparent;
  194. }
  195.  
  196. .pigbox-img {
  197. position:fixed;
  198. top:50%;
  199. margin-top:-321.5px;
  200. left:50%;
  201. margin-left:-1018px;
  202. width:1738px;
  203. height:596px;
  204. background-image:url('http://static.tumblr.com/cbapx92/SAkojr0ky/box1.gif');
  205. background-position:top left;
  206. background-repeat:no-repeat;
  207. }
  208.  
  209. #pig {
  210. position:fixed;
  211. background-image:url('http://static.tumblr.com/cbapx92/xf4ojr1bc/brown_edit_2.jpg');
  212. background-position:top left;
  213. background-repeat:repeat;
  214. background-color:transparent;
  215. margin-left:175px;
  216. width:490px;
  217. height:550px;
  218. overflow-y:hidden;
  219. border: 2px solid transparent;
  220. }
  221.  
  222. .baconbox {
  223. position:absolute;
  224. margin:15px;
  225. width:460px;
  226. max-height:520px;
  227. border: 1px solid transparent;
  228. overflow-y:scroll;
  229. }
  230.  
  231. .bacon {
  232. background-color:#1d1d1d;
  233. padding:25px;
  234. margin-bottom:20px;
  235. border-top: 1px solid #1f1f1f;
  236. border-bottom: 1px solid #1f1f1f;
  237. }
  238.  
  239. /*PERMALINKS*/
  240. .ribs {
  241. display:table;
  242. white-space:nowrap;
  243. margin-bottom:10px;
  244. color:#000;
  245. }
  246.  
  247. .ribs a {
  248. text-decoration:none;
  249. padding:5px;
  250. color:#888;
  251. -webkit-transition: all 0.5s ease;
  252. transition: all 0.5s ease;
  253. -moz-transition: all 0.5s ease;
  254. -o-transition: all 0.5s ease;
  255. }
  256.  
  257. .ribs a:hover {
  258. color:#782020;
  259. text-shadow:0 0 5px #000;
  260. }
  261.  
  262. .ribs:before {
  263. background: -webkit-linear-gradient(left, #1d1d1d, #000);
  264. background: -o-linear-gradient(right, #1d1d1d, #000);
  265. background: -moz-linear-gradient(right, #1d1d1d, #000);
  266. background: linear-gradient(to right, #1d1d1d, #000);
  267. background-repeat:no-repeat;
  268. background-position:0px 50%;
  269. background-size:100% 2px;
  270. content:'';
  271. display:table-cell;
  272. width:50%;
  273. }
  274.  
  275. .ribs:after {
  276. background: -webkit-linear-gradient(right, #1d1d1d, #000);
  277. background: -o-linear-gradient(left, #1d1d1d, #000);
  278. background: -moz-linear-gradient(left, #1d1d1d, #000);
  279. background: linear-gradient(to left, #1d1d1d, #000);
  280. background-repeat:no-repeat;
  281. background-position:0px 50%;
  282. background-size:100% 2px;
  283. content:'';
  284. display:table-cell;
  285. width:50%;
  286. }
  287.  
  288. .ribs-date {
  289. display:table;
  290. white-space:nowrap;
  291. margin-bottom:10px;
  292. }
  293.  
  294. .ribs-date a {
  295. text-decoration:none;
  296. padding:5px;
  297. color:#888;
  298. -webkit-transition: all 0.5s ease;
  299. transition: all 0.5s ease;
  300. -moz-transition: all 0.5s ease;
  301. -o-transition: all 0.5s ease;
  302. }
  303.  
  304. .ribs-date a:hover {
  305. color:#782020;
  306. text-shadow:0 0 5px #000;
  307. }
  308.  
  309. .ribs-date:before {
  310. background: -webkit-linear-gradient(left, #1d1d1d, #000);
  311. background: -o-linear-gradient(right, #1d1d1d, #000);
  312. background: -moz-linear-gradient(right, #1d1d1d, #000);
  313. background: linear-gradient(to right, #1d1d1d, #000);
  314. background-repeat:no-repeat;
  315. background-position:0px 50%;
  316. background-size:100% 2px;
  317. content:'';
  318. display:table-cell;
  319. width:50%;
  320. }
  321.  
  322. .ribs-date:after {
  323. background: -webkit-linear-gradient(right, #1d1d1d, #000);
  324. background: -o-linear-gradient(left, #1d1d1d, #000);
  325. background: -moz-linear-gradient(left, #1d1d1d, #000);
  326. background: linear-gradient(to left, #1d1d1d, #000);
  327. background-repeat:no-repeat;
  328. background-position:0px 50%;
  329. background-size:100% 2px;
  330. content:'';
  331. display:table-cell;
  332. width:50%;
  333. }
  334.  
  335. /*TAGS*/
  336. .chops {
  337. text-align:right;
  338. font-size:8px;
  339. margin-top:8px;
  340. opacity:0;
  341. -webkit-transition: all 0.5s ease;
  342. transition: all 0.5s ease;
  343. -moz-transition: all 0.5s ease;
  344. -o-transition: all 0.5s ease;
  345. }
  346.  
  347. .chops a {
  348. text-decoration:none;
  349. font-size: 8px;
  350. margin:0 5px 0 5px;
  351. text-transform:uppercase;
  352. color:#888;
  353. -webkit-transition: all 0.5s ease;
  354. transition: all 0.5s ease;
  355. -moz-transition: all 0.5s ease;
  356. -o-transition: all 0.5s ease;
  357. }
  358.  
  359. .chops a:hover {
  360. color:#eee;
  361. }
  362.  
  363. .bacon:hover .chops {
  364. opacity:1;
  365. }
  366.  
  367. /*PAGINATION*/
  368. #pigfeet {
  369. margin:550px 0 0 575px;
  370. }
  371.  
  372. .pigfeet-back {
  373. position:fixed;
  374. }
  375.  
  376. .pigfeet-front {
  377. position:fixed;
  378. margin-left:50px;
  379. }
  380.  
  381. #pigfeet a {
  382. color:#888;
  383. font-size:20px;
  384. -webkit-transition: all 0.5s ease;
  385. transition: all 0.5s ease;
  386. -moz-transition: all 0.5s ease;
  387. -o-transition: all 0.5s ease;
  388. }
  389.  
  390. #pigfeet a:hover {
  391. color:#4f1b1b;
  392. text-shadow:0 0 5px #000;
  393. }
  394.  
  395. /*TABS*/
  396. .tabs {
  397. width:100%;
  398. margin-left:0px;
  399. display:inline-block;
  400. padding-top:5px;
  401. }
  402.  
  403. /*----- Tab Links -----*/
  404.  
  405. /* Clearfix */
  406. .tab-links:after {
  407. display:block;
  408. clear:both;
  409. content:'';
  410. }
  411.  
  412. .tabber-links {
  413. position:fixed;
  414. }
  415.  
  416. .tabber-links img {
  417. height:70px;
  418. max-height:100%;
  419. }
  420.  
  421. #link1 {
  422. position:fixed;
  423. margin:515px 0 0 -25px;
  424. }
  425.  
  426. #link2 {
  427. position:fixed;
  428. margin:65px 0 0 -185px;
  429. }
  430.  
  431. #link3 {
  432. position:fixed;
  433. margin:130px 0 0 -300px;
  434. }
  435.  
  436. #link4 {
  437. position:fixed;
  438. margin:310px 0 0 -325px;
  439. }
  440.  
  441. #link5 {
  442. position:fixed;
  443. margin:275px 0 0 -400px;
  444. }
  445.  
  446. #link6 {
  447. position:fixed;
  448. margin:425px 0 0 -385px;
  449. }
  450.  
  451. #link7 {
  452. position:fixed;
  453. margin:225px 0 0 50px;
  454. }
  455.  
  456. #link8 {
  457. position:fixed;
  458. margin:400px 0 0 75px;
  459. }
  460.  
  461. .tab-links li {
  462. display:inline-block;
  463. list-style:none;
  464. }
  465.  
  466. .tab-links a {
  467. display:inline-block;
  468. font-size:14px;
  469. margin:0 6px;
  470. transition:all linear 0.15s;
  471. border-bottom:1px solid transparent;
  472. border-top:1px solid transparent;
  473. -webkit-filter: blur(1px);
  474. -webkit-transition: all 0.7s ease;
  475. transition: all 0.7s ease;
  476. -moz-transition: all 0.7s ease;
  477. -o-transition: all 0.7s ease;
  478. }
  479.  
  480. .tab-links a:hover {
  481. text-decoration:none;
  482. -webkit-filter: blur(0px);
  483. }
  484.  
  485. li.active a, li.active a:hover {
  486. background:transparent;
  487. -webkit-transition: all .3s;
  488. -moz-transition: all .3s;
  489. -o-transition: all .3s;
  490. -ms-transition: all .3s;
  491. transition: all .3s;
  492. }
  493.  
  494. /*----- Content of Tabs -----*/
  495. .tabbox {
  496. position:fixed;
  497. background-image:url('http://static.tumblr.com/cbapx92/xf4ojr1bc/brown_edit_2.jpg');
  498. background-position:top left;
  499. background-repeat:repeat;
  500. background-color:transparent;
  501. margin:-28px 0 0 -15px;
  502. width:490px;
  503. height:550px;
  504. -webkit-transition: all .3s;
  505. -moz-transition: all .3s;
  506. -o-transition: all .3s;
  507. -ms-transition: all .3s;
  508. transition: all .3s;
  509. }
  510.  
  511. .tabbers {
  512. background-color:#1d1d1d;
  513. margin:15px;
  514. padding:25px;
  515. width:410px;
  516. height:470px;
  517. overflow-y:scroll;
  518. overflow-x:hidden;
  519. border-top: 1px solid transparent;
  520. border-bottom: 1px solid transparent;
  521. }
  522.  
  523. .tab {
  524. display:none;
  525. }
  526.  
  527. .tab.active {
  528. display:block;
  529. }
  530.  
  531. .asker {
  532. text-align:right;
  533. margin-right:40px;
  534. text-transform:uppercase;
  535. letter-spacing:0.5px;
  536. }
  537.  
  538. .asker a {
  539. text-transform:uppercase;
  540. letter-spacing:0.5px;
  541. font-size:13px;
  542. }
  543.  
  544. .question {
  545. background-image:url('http://static.tumblr.com/cbapx92/3N7ojr1b8/brown_edit_3.jpg');
  546. background-repeat:repeat;
  547. background-attachment:fixed;
  548. text-align:center;
  549. margin:0px 35px 0 35px;
  550. padding:10px;
  551. }
  552.  
  553. .answer {
  554. margin-top:25px;
  555. text-align:left;
  556. }
  557.  
  558. .quote {
  559. font-weight:bold;
  560. font-size:20px;
  561. letter-spacing:1px;
  562. text-align:center;
  563. }
  564.  
  565. .quotesource {
  566. color:#ddd;
  567. font-size:10px;
  568. text-align:center;
  569. margin:8px 0 8px 0;
  570. }
  571.  
  572. .audio {
  573. margin-bottom:10px;
  574. }
  575.  
  576. #s-m-t-tooltip {
  577. padding:2px 8px; /* space around the text */
  578. margin:15px; /* positioning of your hover info in relation to the link */
  579. color:#888; /* text color */
  580. border:3px double #000;
  581. font-family: 'Trirong', serif;
  582. font-size:9px; /* font size of your hover info */
  583. text-transform:uppercase;
  584. letter-spacing:2px; /* optional letter spacing */
  585. background:#1d1d1d; /* change the background color of your hover info */
  586. z-index:99999999999999999999;
  587. }
  588.  
  589. /*RELATIONSHIPS CSS*/
  590. .relationsbox {
  591. height:164px;
  592. width:100%;
  593. padding:0 10px 15px 10px;
  594. margin-left:-10px;
  595. margin-top:15px;
  596. background-color:#151515;
  597. }
  598.  
  599. /*VERSION ONE*/
  600. .relationsone-sidebar {
  601. float:left;
  602. height:174px;
  603. width:150px;
  604. margin-right:23px;
  605. margin-left:12px;
  606. background-color:transparent;
  607. border-right: 1px solid #fff;
  608. }
  609.  
  610. .relationsone-ddy {
  611. float:left;
  612. max-width:100%;
  613. height:125px;
  614. width:125px;
  615. margin:20px 4px 0 -4px;
  616. }
  617.  
  618. .relationsone-ddy img {
  619. border: 5px double #000;
  620. }
  621.  
  622. .relationsone-content {
  623. max-height:158px;
  624. max-width:250px;
  625. margin-left:165px;
  626. padding-top:20px;
  627. overflow-y:scroll;
  628. text-align:center;
  629. }
  630.  
  631. /*VERSION TWO*/
  632. .relationstwo-sidebar {
  633. float:right;
  634. height:174px;
  635. width:150px;
  636. margin-left:23px;
  637. margin-right:12px;
  638. background-color:transparent;
  639. border-left: 1px solid #fff;
  640. }
  641.  
  642. .relationstwo-ddy {
  643. float:right;
  644. max-width:100%;
  645. height:125px;
  646. width:125px;
  647. margin:20px 4px 0 4px;
  648. }
  649.  
  650. .relationstwo-ddy img {
  651. border: 5px double #000;
  652. }
  653.  
  654. .relationstwo-content {
  655. max-height:158px;
  656. max-width:250px;
  657. padding-top:20px;
  658. overflow-y:scroll;
  659. text-align:center;
  660. }
  661.  
  662. /*TAG LIST*/
  663. .navlinks {
  664. padding:8px;
  665. text-align:center;
  666. }
  667.  
  668. .navlinks a {
  669. background-image:url('http://static.tumblr.com/cbapx92/xf4ojr1bc/brown_edit_2.jpg');
  670. background-repeat:repeat;
  671. background-position:fixed;
  672. display:inline-block;
  673. width:160px;
  674. height:8px;
  675. margin:6px 3px;
  676. padding:8px 0;
  677. line-height:100%;
  678. text-align:center;
  679. text-transform:uppercase;
  680. text-transform:bold;
  681. color:#888;
  682. font-family: 'Trirong', serif;
  683. font-weight:700;
  684. font-size:10px;
  685. -webkit-transition: all 0.3s ease;
  686. transition: all 0.3s ease;
  687. -moz-transition: all 0.3s ease;
  688. -o-transition: all 0.3s ease;
  689. }
  690.  
  691. .navlinks a:hover {
  692. background-image:url('http://static.tumblr.com/cbapx92/3N7ojr1b8/brown_edit_3.jpg');
  693. background-repeat:repeat;
  694. background-position:fixed;
  695. color:#4f1b1b;
  696. text-shadow:0 0 5px #000;
  697. text-transform:uppercase;
  698. }
  699.  
  700. #instantclick {
  701. display: none;
  702. }
  703.  
  704. /*DO NOT TOUCH*/
  705. #missy {
  706. position:fixed;
  707. bottom:15px;
  708. right:15px;
  709. font-family: 'Ruthie', cursive;
  710. font-size:25px;
  711. color:#999;
  712. -webkit-filter: blur(2px);
  713. -webkit-transition: all 0.7s ease;
  714. transition: all 0.7s ease;
  715. -moz-transition: all 0.7s ease;
  716. -o-transition: all 0.7s ease;
  717. }
  718.  
  719. #missy:hover {
  720. -webkit-filter: blur(0px);
  721. color:#eee;
  722. }
  723. /*DO NOT TOUCH*/
  724.  
  725. /*REFRESH*/
  726. .url {
  727. position:fixed;
  728. top:50%;
  729. margin-top:240px;
  730. left:50%;
  731. -webkit-filter: blur(3px);
  732. -webkit-transition: all 0.7s ease;
  733. transition: all 0.7s ease;
  734. -moz-transition: all 0.7s ease;
  735. -o-transition: all 0.7s ease;
  736. }
  737.  
  738. .url a {
  739. font-family: 'Meddon', cursive;
  740. color:#4f1b1b;
  741. font-size:50px;
  742. }
  743.  
  744. .url:hover {
  745. -webkit-filter: blur(0px);
  746. margin:220px 0 0 -20px;
  747. text-shadow:0 0 5px #000;
  748. }
  749.  
  750. #hoverpiggy {
  751. position:fixed;
  752. margin:25px 0 0 690px;
  753. }
  754.  
  755. #birdie {
  756. position:fixed;
  757. -webkit-filter: blur(3px);
  758. -webkit-transition: all 0.7s ease;
  759. transition: all 0.7s ease;
  760. -moz-transition: all 0.7s ease;
  761. -o-transition: all 0.7s ease;
  762. }
  763.  
  764. #birdie img {
  765. height:75px;
  766. max-height:100%;
  767. }
  768.  
  769. #birdiewordie {
  770. font-family: 'Frank Ruhl Libre', sans-serif;
  771. font-size:10px;
  772. color:#bbb;
  773. text-shadow:0 0 6px #888;
  774. font-weight:500;
  775. margin:-15px 0 0 -50px;
  776. text-align:center;
  777. opacity:0;
  778. -webkit-transition: all 0.7s ease;
  779. transition: all 0.7s ease;
  780. -moz-transition: all 0.7s ease;
  781. -o-transition: all 0.7s ease;
  782. }
  783.  
  784. #description {
  785. position:fixed;
  786. text-align:center;
  787. font-size:10px;
  788. height:400px;
  789. width:100px;
  790. margin:175px 0 0 -10px;
  791. opacity:0;
  792. -webkit-transition: all 0.7s ease;
  793. transition: all 0.7s ease;
  794. -moz-transition: all 0.7s ease;
  795. -o-transition: all 0.7s ease;
  796. }
  797.  
  798. #hoverpiggy:hover #description {
  799. opacity:1;
  800. margin:100px 0 0 -10px;
  801. }
  802.  
  803. #hoverpiggy:hover #birdiewordie {
  804. opacity:1;
  805. margin-left:0;
  806. }
  807.  
  808. #hoverpiggy:hover #birdie {
  809. -webkit-filter: blur(0px);
  810. }
  811.  
  812. .aboutimgs-left {
  813. float:left;
  814. height:95px;
  815. width:95px;
  816. border:5px double #000;
  817. margin:12px;
  818. max-height:100%;
  819. -webkit-filter: blur(2px);
  820. -webkit-transition: all 0.5s ease;
  821. transition: all 0.5s ease;
  822. -moz-transition: all 0.5s ease;
  823. -o-transition: all 0.5s ease;
  824. }
  825.  
  826.  
  827. .aboutimgs-left:hover {
  828. -webkit-filter: blur(0px);
  829. }
  830.  
  831. .aboutimgs-right {
  832. float:right;
  833. height:95px;
  834. width:95px;
  835. border:5px double #000;
  836. margin:12px;
  837. max-height:100%;
  838. -webkit-filter: blur(2px);
  839. -webkit-transition: all 0.5s ease;
  840. transition: all 0.5s ease;
  841. -moz-transition: all 0.5s ease;
  842. -o-transition: all 0.5s ease;
  843. }
  844.  
  845.  
  846. .aboutimgs-right:hover {
  847. -webkit-filter: blur(0px);
  848. }
  849.  
  850. </style>
  851.  
  852. <body>
  853.  
  854. <div class="pigbox-img"></div>
  855.  
  856. <div id="wholepig">
  857. <div class="pigbox-bg"></div>
  858. <div class="piggyone-boxbg"></div>
  859.  
  860. <div id="pig">
  861. <div class="baconbox">
  862.  
  863. <div class="tabs">
  864.  
  865. <!-- TAB 1 -->
  866. <div id="tab1" class="tab active">
  867.  
  868. {block:Posts}
  869.  
  870. <div class="bacon">
  871.  
  872. <div class="ribs-date">
  873. <a href="{Permalink}" title="{Month} {DayOfMonth}{DayOfMonthSuffix}, {Year}">♔</a>
  874. </div>
  875.  
  876. {block:Text}{block:Title}<div class="title">{Title}</div>{/block:Title}{Body}{/block:Text}
  877.  
  878. {block:Photo}<img src="{PhotoURL-400}" alt="{PhotoAlt}"/>{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  879.  
  880. {block:Panorama}{LinkOpenTag}<img src="{PhotoURL-Panorama}" alt="{PhotoAlt}"/>{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Panorama}
  881.  
  882. {block:Photoset}{Photoset-400}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  883.  
  884. {block:Quote}<div class="quote">❝{Quote}❞</div>{block:Source}<div class="quotesource">&mdash; {Source}</div>{/block:Source}{/block:Quote}
  885.  
  886. {block:Link}<a href="{URL}" class="link" {Target}>{Name}</a>{block:Description}{Description}{/block:Description}{/block:Link}
  887.  
  888. {block:Chat}{block:Title}{Title}</a>{/block:Title}
  889. {block:Lines}<li>{block:Label}{Label}{/block:Label}{Line}</li>{/block:Lines}{/block:Chat}
  890.  
  891. {block:Video}{Video-400}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  892.  
  893. <div class="audio">
  894. {block:Audio}{AudioEmbed-400}{block:Caption}{Caption}{/block:Caption}{/block:Audio}
  895. </div>
  896.  
  897. {block:Answer}
  898. <div class="asker">{Asker}</div><div class="question">{Question}</div>
  899. <div class="answer">{Answer}</div>
  900. {/block:Answer}
  901.  
  902. <div class="ribs">
  903. <a href="{Permalink}" title="{NoteCountWithLabel}">♙</a> ●
  904. <a href="{ReblogURL}" style="padding-left:-5px;" title="reblog?">♙</a>
  905. </div>
  906.  
  907. <div class="chops">
  908. {block:HasTags}
  909. {block:Tags}+<a href="{TagUrl}">{Tag}</a>{/block:Tags}
  910. {/block:HasTags}
  911. </div>
  912.  
  913. </div>
  914.  
  915. {/block:Posts}
  916.  
  917. </div>
  918.  
  919. <!-- TAB 2 -->
  920. <div id="tab2" class="tab">
  921. <div class="tabbox">
  922. <div class="tabbers">
  923. <h4>"A LETTER, FOR ME?"</h4>
  924. <p><small><center>Got a question? I'll be happy to answer. Just make sure you know what few guidelines I have before giving me any jobs to do.</center></small>
  925. <p><center>&mdash; <miss>Jacob Frye</miss></center>
  926. <p><iframe frameborder="0" height="190" id="ask_form" scrolling="no" src="http://www.tumblr.com/ask_form/{Name}.tumblr.com" width="100%" style="background-color: transparent; overflow: hidden;"></iframe><!--[if IE]><script type="text/javascript">document.getElementById('ask_form').allowTransparency=true;</script><![endif]-->
  927.  
  928. </div>
  929. </div>
  930. </div>
  931.  
  932. <!-- TAB 3 -->
  933. <div id="tab3" class="tab">
  934. <div class="tabbox">
  935. <div class="tabbers">
  936. <h4>THE CREED</h4>
  937. <p><i><center>LET ME START BY SAYING <B>THANK YOU</B> FOR WANTING TO INTERACT WITH ME.</i></center>
  938. <p><small>I highly appreciate your interest in my portryal, and I hope to further meet your expectations in our future interactions! I would also like to note I have had several years of experience with roleplay, so I'm well-versed in all the ins-and-outs of the etiquette that goes along with respectable interactions.
  939. <p>Please note that <i>the mun and muse are both 18+</i>, and I would appreciate that for anything NSFW to happen you will quickly find our muses need to have some <i>serious</i> chemistry. <B>Healthy relationship building is highly valued here, so that is what you will find on this blog.</B>
  940.  
  941. <p>This blog is <i>multiverse</i> and <i>multiship</i>. As you may have seen I also have it stated that <b>I am selective</b>, but please do not feel as if you can’t interact with me !! By all means shoot me a message! Just be aware that I'm not always free due to being quite busy with my studies, so you may have just caught me at a bad time.
  942. <p>I would also like to note in terms of interactions in general, if it happens that our threads are not enjoyable or our muses just don’t seem to be compatible, then please understand why I would wish to stop roleplaying with your muse. The muse ≠ mun, of course, so if our muses don’t work out, that <i>does not</i> mean I don’t like you. If you roleplay other muses, then by all means have them interact with Jacob instead!
  943.  
  944. <p>You should be able to find all you need here, but if you see something missing don’t hesitate to let me know! And as always, I’m open to ask any and all questions about both the muse or the mun! (⸝⸝•ᴗ•⸝⸝) ♡ </small>
  945.  
  946. <h2>GENERAL</h2>
  947. <p><small><center>1. Please no god-modding. If I see you doing this I will stop replying.<br>2. I’m all about the OC’s, please don’t be intimidated to have yours interact with Jacob! He loves meeting a variety of people. <br>
  948. 3. <i>For original characters</i>: your OC must have some form of an about page or bio, along with a faceclaim. It just makes things much easier for me, and that way while we’re roleplaying I can go back and look up any information on your character if the need should arise.<br>4. For anything <b>NSFW-</b> <i>talk to me first</i>. As stated before, chemistry is a requirement and is highly valued. I will not ship Jacob with just anyone.<br>5. The mun has no triggers- however, if you need me to blacklist something, do not hesitate to tell me. My first priority is making sure this blog is a safe, happy, judge-free zone so if you ever happen to be uncomfortable, please let me know!<br>6. I am currently pre-med track- which basically means I’m studying medicine/preparing to get into medical school, and I say this because the preparations alone for medical school are a bit taxing. I might take a bit longer for replies due to this reason, which I am deeply sorry for. I don’t plan on making you guys wait forever for a reply, but if it’s been a while, know that it’s because of my studies and not you that I’m taking a bit longer than the norm to reply!<br>7. Be aware that although I can do short replies, I am prone to usually having longer responses, which of course take a bit more time to write. I may end up taking a week or two to get to your reply, but know that it’s because I want it to be quality!<br>8. By all means, notify me if you think I’m taking too long to respond! I will never drop a thread without informing you first, but if you are worried or wish to send me a reminder, by all means please do. (I honestly could use them).</center></small>
  949.  
  950. <h2>SHIPPING</h2>
  951. <p><small><center>1. Just stating this here again to emphasize <i>CHEMISTRY IS A REQUIREMENT.</i> JACOB WILL NOT FALL IN LOVE WITH EVERYONE HE MEETS, (as that would be rather innaccurate towards his character). Trust me- if there are sparks, you will know. So please, do not be offended if Jacob just ends up wanting to be friends with your character!<br>
  952. 2. Jacob is very outgoing and likes to tease, (that’s just who the idiot is), but be aware that does not always mean Jacob is flirting. If the flirting game begins, however, and you believe our muses are starting to build a relationship, talk to me before you ship our muses together. I think it’s only fair we are on the same page before any shipping occurs.<br>
  953. 3. <i>I DO NOT SHIP ROTHFRYE</i>. My apologies, but I not only feel such a relationship is extremely unhealthy, but in-game it looked more to me that Jacob saw Roth as a father figure or someone to look up to. Not a potential partner. <br>
  954. 4. <I>I DO NOT SHIP FRYECEST</I>. The most you will see is a bromance between Jacob and Evie. And yes- siblings can be loving towards one another. There’s a difference between platonic love and romantic love, and both are equally as strong and important. <br>
  955. 5. <i>I DO NOT SHIP SELFCEST</i>. I feel like that one can explain itself.</center></small>
  956.  
  957. <h2>MEMES/SENTENCE STARTERS</h2>
  958. <p><small><center>1. All memes and sentence starters are for <i>MUTUALS</i> only.<br>
  959. 2. The moment a meme or sentence starter is reblogged, it PERMANENTLY remains open. It doesn't matter if I reblogged it five years ago- still send it in if you want!<br>
  960. 3. There are no prereqs to sending me a meme! If we haven't interacted yet, I would actually find it a fantastic idea for you to send one in, it's a great way to have Jacob meet your muse!</small></center>
  961.  
  962. </div>
  963. </div>
  964. </div>
  965.  
  966. <!-- TAB 4 -->
  967. <div id="tab4" class="tab">
  968. <div class="tabbox">
  969. <div class="tabbers">
  970.  
  971. <p style="text-align: center;">WHO IS JACOB FRYE?
  972. <p style="text-align:center;"><small>I do not own Jacob's character. However, I plan on my interpretation of him to be as canonically close as possible. Most of my information will be sourced from <b><a href="http://assassinscreed.wikia.com/wiki/Jacob_Frye">here</a></b> or <I>AC: UNDERWORLD</I>. The only thing not canon for my Jacob is certain physical characteristics, and background information not given in-game.</small>
  973. <h4>BASIC INFORMATION</h4>
  974. <div class="aboutimgs-left"><img src="http://static.tumblr.com/cbapx92/yA7ojr6vj/uewlrrm.jpg"></div>
  975. <p><small><i>SIR JACOB FRYE</i> (1847 – unknown) was a Master Assassin of the British Brotherhood of Assassins, active in London during the Victorian era, and the younger twin brother of Evie Frye. He later became a member of Queen Victoria's Order of the Sacred Garter, and the grandfather of Lydia Frye.<p>
  976.  
  977. Born in Crawley, and raised as an Assassin since birth, Jacob and his sister traveled to London to take the city back from the Templars after their father died of pleurisy.<p>
  978.  
  979. Alongside Evie, Jacob founded and led the Rooks, a criminal syndicate opposing the Templar-backed Blighters. While his sister primarily pursued the Shroud of Eden, Jacob assassinated various prominent Templars to destroy Grand Master Crawford Starrick's influence within the city.<p>
  980.  
  981. <br><b>Titles:</b> Mister Frye, Gov'na, Jacob, Sir Jacob Frye
  982. <br><b>Occupations:</b> Master Assassin, Mentor, Gang Leader, Brawler
  983. <br><b>Affiliations:</b> The Brotherhood, Rooks, Order of the Sacred Garter, Ghost Club, Fight Club [renowned champion]
  984. <br><b>Age:</b> Dependant on verse/thread. Normally <i>21-23</i>
  985. <br><b>Date Of Birth:</b> 09 November, 1868
  986. <br><b>Sexual ORIENTATION:</b> Bisexual
  987. <br><b>Languages:</b> English, Latin, Welsh, Greek, Old/Middle English [low], Italian [low] </small>
  988. <h4>CHARACTERISTICS</h4>
  989. <div class="aboutimgs-right"><img src="http://static.tumblr.com/cbapx92/yA7ojr6vj/uewlrrm.jpg"></div>
  990. <p><small>Jacob's appearance can CHANGE depending on what age you meet him. I personally headcanon him to stop growing around the age of 23, so he develops more muscle definition and stature after the end of the game. He is naturally athletic and muscular, however. Another note: due to his first CIV DNA, he can also withstand higher levels of damage to his body in combat, run for vast amounts of time, and endlessly fight without growing tired. He can also heal faster than the average human.
  991.  
  992. <p><b>Height:</b> 5' 11 3/4" - 6'1" [Depends on age encountered]
  993. <br><b>Special Features:</b> Scar to his right eybrow and left jawline
  994. <br><b>Face Claim:</b> Justice Joslin
  995. <br><b>Talents:</b> Singing, playing the violin
  996. <br><b>Skills/Abilities:</b> <i>EAGLE VISION</i>, fist fighting, marksman, lock picking, eavesdropping, pickpocketing, free running, knife throwing, sword fighting</small>
  997. <h4>FAMILY</h4>
  998. <div class="aboutimgs-right"><img src="http://static.tumblr.com/cbapx92/yA7ojr6vj/uewlrrm.jpg"></div>
  999. <p><small>Depending upon which canon characters I interact with, I may decide to make certain individuals <i>PRIVATE</i>. If so, you will find them officially below.
  1000. <p><b>Parents:</b> Ethan and Cecily Frye
  1001. <br /><b>Brothers:</b> None
  1002. <br /><b>Sisters:</b> Evie Frye
  1003. <br /><b>Spouse:</b> <a href="http://babaycga.tumblr.com">Evangeline Frye</a>.
  1004. <br /><b>Children:</b> Emmett Frye, daughter (TBA)</small>
  1005. <h4>GANG</h4>
  1006. <div class="aboutimgs-left"><img src="http://static.tumblr.com/cbapx92/tE5ojtf39/gang_flag.png"></div><SMALL>
  1007. <p><b>Gang Name:</b> <i>THE ROOKS</i>
  1008. <br><b>Colors:</b> Green and yellow
  1009. <br><b>HISTORY:</b> Founded by Jacob Frye and Evie Frye, THE ROOKS soon became notorious among the streets of London, paving their way through the muck of injustice and abolishing their rival gang <i>THE BLIGHTERS</i> along the way. <p>As of now, they rule the roost over the city, the name "Frye" and the boding image of the C A W I N G ROOK instilling fear into the heart of any man in red. The gang not only liberates child-labor factories, but participates in gang wars throughout the streets, cargo heists and hijacks, and takes over any BLIGHTER hideout they come across.</SMALL>
  1010.  
  1011. </div>
  1012. </div>
  1013. </div>
  1014.  
  1015. <!-- TAB 5 -->
  1016. <div id="tab5" class="tab">
  1017. <div class="tabbox">
  1018. <div class="tabbers">
  1019.  
  1020. <h4>VERSES</h4>
  1021. <center>
  1022. <p><img src="http://static.tumblr.com/cbapx92/jwBojr8xp/jacob-temp.jpg" style="border: 5px double #000;">
  1023. <p><b>VICTORIAN CANON</b>
  1024. <br><small>For the sake of my sanity, the regular timeline of the game (Victorian Canon in my terms) will not have a tag. (And Victorian canon verse refers to the year 1868 before, during, and after the fall of Crawford Starrick). Any OTHER verses, Victorian or not, will have a tag.</small>
  1025. <p><b>JACK THE RIPPER</b>
  1026. <br><small><a href="/tagged/;Mea Maxima Culpa Vos –- Fᴀʟʟᴇɴ ғʀᴏᴍ Gʀᴀᴄᴇ">;Mea Maxima Culpa Vos –- Fᴀʟʟᴇɴ ғʀᴏᴍ Gʀᴀᴄᴇ</a>
  1027. <br>Any verse that deals with 1888/Jack the Ripper and beyond will fall under this tag. If you wish to do a thread with 41 year old Jacob, don’t be shy! I’m more than willing to start a thread in this verse.</small>
  1028.  
  1029. <p><b>VAMPYRE.</b>
  1030. <br><small><a href="/tagged/;Timore Nocturno –-Tʜᴇ Tᴇʀʀᴏʀ ᴏғ ᴛʜᴇ Nɪɢʜᴛ"> ;Timore Nocturno –-Tʜᴇ Tᴇʀʀᴏʀ ᴏғ ᴛʜᴇ Nɪɢʜᴛ</a>
  1031. <br>This is the only mythological verse I have so far. Jacob will strictly be wearing his <b>Maximum Dracula</b> outfit from the game. He cannot grow wings/turn into a bat, but along with having fangs, of course, when his ‘powers’ are in use or are being activated, his eyes will glow red. Said powers include superhuman strength, speed, agility, and instead of flying, he can just jump really high and climb a building like nobody’s business. He’s immortal, and can only die the classic way- either a wooden stake or silver bullet to the heart- or, you break his curse and Jacob changes back into a human. Yup, you heard right- Jacob was not always a vampire. He had unfortunately been cursed at the turn of the sixteenth century, [1500] and has been alive for nearly 300 years. There is a way, however, to break his curse - and like the super cliche potato I am I’ll give you one guess on how to break it ;)
  1032.  
  1033. <p>Just a side note- Jacob can be a vampire for any moment in time. If you wish to do a modern-day verse, for instance, the background will just change a bit and instead of him being alive for only 300 years he’ll obviously be around 500 years old for that particular thread. This is just a general vampire tag, (that I will admit is more so tailored for the Victorian-era, but once again, I can play around with it if you wish to do a vampire verse in another time period).</small>
  1034. <p><i>Notes:</i>
  1035. <br><small>My verses are divided up by time period- such as here, where only VICTORIAN themed verses are found. Scroll down to see more!
  1036. </center></small>
  1037.  
  1038. <h4>MODERN</h4>
  1039. <center>
  1040. <p><img src="http://static.tumblr.com/cbapx92/jwBojr8xp/jacob-temp.jpg" style="border: 5px double #000;">
  1041. <p><b>NORMAL MODERN</b>
  1042. <br><small><a href="/tagged/;What an –-Assʜᴏʟᴇ"> ;What an –-Assʜᴏʟᴇ</a>
  1043. <br>Any verse in modern times (that does not deal with Jacob being associated with the Brotherhood) will fall under here. All verses associated with modern jobs such as being a teacher, working at a diner or barista, or even being a detective would be accounted for. With being a doctor, however, I have specifically made a separate tag that you can look at below. Any thread set in this rather general verse will most likely have it’s own specific background.</small>
  1044. <p><b>THE DOCTOR</b>
  1045. <br><small><a href="/tagged/;Servator –- Tʜᴇ Pʀᴇsᴇʀᴠᴇʀ"> ;Servator –- Tʜᴇ Pʀᴇsᴇʀᴠᴇʀ</a>
  1046. <br>This one you can definitely find on my <i><a href="http://sirfrye.tumblr.com/tagged/wishlist">wishlist</a></i>. Jacob had gone through the rigors of medical school to finally become a doctor- (haha, quite the stretch, I know). He will be around 28 years old in this verse (as that is a much more believable age to be a doctor) and will be mainly found working in the emergency room. This is also STRICTLY a modern verse.
  1047. </small>
  1048. <p><b>ORIGINAL MODERN ASSASSIN</b>
  1049. <br><small><a href="/tagged/;Sicarius –- Oᴜᴛ Wɪᴛʜ ᴛʜᴇ Oʟᴅ"> ;Sicarius –- Oᴜᴛ Wɪᴛʜ ᴛʜᴇ Oʟᴅ</a>
  1050. <br>In this verse Jacob is a Master Assassin with the Brotherhood, serving in the present-day branch of London. His mother still died in child birth, and Ethan Frye unfortunately passed away due to cancer. Jacob and Evie Frye are the only remnants left of their family that continuously maintain the British Branch of the Brotherhood. Jacob earns his keep by maintaining his everlasting title in underground fightclubs all throughout the city, along with taking contracts to be the bodyguard to a plethora of politicians and celebrities. Nobody knows who he is, where he comes from or what he does, but all that hire him just know that he does a <i>DAMN</i> good job. The CIA only tried finding out who he was once- and only once, for the Brotherhood ensured no compromising evidence would come to light of Jacob Frye’s association with the Assassin’s. He is merely a blade in the crowd, and that is all he will ever be to most people.
  1051.  
  1052. <p>Be aware I can toy around a lot with this verse for threads, all the information here doesn’t have to be set in stone! This is honestly just a modern take on the Victorian setting of the game.</small>
  1053. <p><b>ALTERNATE MODERN ASSASSIN</b>
  1054. <br><small><a href="/tagged/;Sicarius –- ɪɴ Wɪᴛʜ ᴛʜᴇ Nᴇᴡ"> ;Sicarius –- ɪɴ Wɪᴛʜ ᴛʜᴇ Nᴇᴡ</a>
  1055. <br>This verse is reserved to Jacob still being an Assassin, in modern times- but the only difference is that he is ALL ALONE. Evie does not exist, nor is he related to her. This verse also has no background. I purposely have no description as I wanted a very broad verse to use with no restrictions for any threads that I may end up plotting in this timeline. With this verse, a background will most likely be made specific to the thread being plotted..</small>
  1056. </center>
  1057.  
  1058. <h4>OTHER</h4>
  1059. <center>
  1060. <p><img src="http://static.tumblr.com/cbapx92/jwBojr8xp/jacob-temp.jpg" style="border: 5px double #000;">
  1061. <p><b>TIME TRAVEL</b>
  1062. <br><small><a href="/tagged/;Transcendentiam –- Tʜᴇ Mᴀɴ Tʜᴀᴛ Tɪᴍᴇ Fᴏʀɢᴏᴛ">;Transcendentiam –- Tʜᴇ Mᴀɴ Tʜᴀᴛ Tɪᴍᴇ Fᴏʀɢᴏᴛ</a>
  1063. <br>In this verse Jacob somehow ends up being able to teleport through time- and this is most likely going to be due to his tinkering’s with some kind of first civilization artifact. If you have a muse that is not normally found in Victorian Times, then this verse could possibly come into play if you wish to have Jacob accidentally plop himself into your muse’s timeline instead- whether that be in the past or modern day c: I have to say I would love love looove to have Victorian Jacob find himself getting transported to modern day- I think his interactions would be absolutely hilarious! You can totally find this verse on my <i><a href="http://sirfrye.tumblr.com/tagged/wishlist">wishlist</a></i>.</small>
  1064. </center>
  1065.  
  1066. </div>
  1067. </div>
  1068. </div>
  1069.  
  1070. <!-- TAB 6 -->
  1071. <div id="tab6" class="tab">
  1072. <div class="tabbox">
  1073. <div class="tabbers">
  1074.  
  1075. <h4 stlye="margin-bottom:20px;">RELATIONS</h4>
  1076.  
  1077. <!--ONE-->
  1078. <div class="relationsbox">
  1079. <div class="relationsone-sidebar">
  1080. <div class="relationsone-ddy"><img src="http://i.imgur.com/8vjkjOx.jpg"></div>
  1081. </div>
  1082. <div class="relationsone-content">
  1083. <miss style="font-size:27.5px;">Intrepid Twin</miss>
  1084. <p style="border-bottom:1px solid #fff; margin:15px 35px 0 35px; padding-bottom:5px;"><a href="www.iintrepidfrye.tumblr.com">iintrepidfrye</a>
  1085. <br><small>Evie Frye</small>
  1086. <p style="font-size:18px; font-family: 'Trirong', serif; font-weight:700px;">❝ My dearest sister ❞
  1087. <p><small>Dame Evie Frye (1847 – unknown)</i> is a Master Assassin of the British Brotherhood active in London during the Victorian era, and the elder twin sister of Jacob Frye. She was also a member of the Order of the Sacred Garter.<p>
  1088.  
  1089. Originating from Crawley, Evie and her brother traveled to London to liberate the city from the Templars' control and help the poverty-stricken masses, following the death of their father by natural causes. To accomplish this, she and Jacob founded the Rooks, a criminal syndicate that opposed the Templar-backed Blighters. <a href="http://iintrepidfrye.tumblr.com/AboutEvie">About Page</a>.<p> -♟- <p>
  1090.  
  1091. Evie may annoy me from time to time, but she IS my twin sister. I may not say it much, but... I <i>do</i> love her. I grew up with her after all- hell, I can't even say I remember a time where we've ever even been separated for that matter. This is the only time you will find me admitting such a thing, but I would have to say that I DO more often than naught rely on her guidance. Truly, no man could have a better sister. If anything were to happen to her... I, nothing will. Not while I'm around. It's my duty to protect her as her brother, after all. Even the great <i>EVIE FRYE</i> needs to have her twin brother come to her rescue sometimes. Sadly, as much as I'd like to say I'd beat the life out of anyone that tried to hurt her, she usually tends to do a fair job of it before I can even manage to come along. As proud as I am to say my sister is not one to be trifled with, I still can't help but think it's quite unfair. I could really use the chance to try out the new pair of brass knuckles I've recently aquired, but Evie always keeps me from all the fun! </small>
  1092. </div>
  1093. </div>
  1094.  
  1095. <!--TWO-->
  1096. <div class="relationsbox">
  1097. <div class="relationstwo-sidebar">
  1098. <div class="relationstwo-ddy"><img src="http://imgur.com/2PT3tip.jpg"></div>
  1099. </div>
  1100. <div class="relationstwo-content">
  1101. <miss style="font-size:27.5px;">The Love of my Life</miss>
  1102. <p style="border-bottom:1px solid #fff; margin:15px 35px 0 35px; padding-bottom:5px;"><a href="www.babaycga.tumblr.com">babaycga</a>
  1103. <br><small>Evangeline Frye</small>
  1104. <p style="font-size:18px; font-family: 'Trirong', serif; font-weight:700px;">❝ My Angel ❞
  1105. <p><small>Evangeline Fedorov is the official <i>WIFE</i> of Jacob Frye, and an original character written by the amazing mun <i>Missy</i>. All information about her can be found on her about page <a href="https://babaycga.tumblr.com/about">here.</a> <p> -♟- <p>
  1106.  
  1107. Evangeline, to simply put it, is the love of my life. She's just- and the pet name aside- an honest to God <i>angel</i>, really, with all that she's done and brought to my life. With how passionate she is in helping out the children of London, and truly working to make a difference... and she, she see's <i>good</i> in me. Other than Evie, I don't think I've ever met a person who has truly believed in me in such a way. I, quite like to think I don't deserve her sometimes, with how happy she makes me. I never knew it was possible to even feel this way. But that aside, I will do <b>WHATEVER</b> it takes to protect her. I will not allow any harm to come to her- or any bastard to take her from me, as I will have to be six feet under already for such a thing to occur. If necessary, I will take on a whole damn armada if it meant keeping my wife safe and by my side.</small>
  1108. </div>
  1109. </div>
  1110.  
  1111. <!--THREE-->
  1112. <div class="relationsbox">
  1113. <div class="relationsone-sidebar">
  1114. <div class="relationsone-ddy"><img src="http://i.imgur.com/MHhVJvW.jpg"></div>
  1115. </div>
  1116. <div class="relationsone-content">
  1117. <miss style="font-size:27.5px;">Ayashe</miss>
  1118. <p style="border-bottom:1px solid #fff; margin:15px 35px 0 35px; padding-bottom:5px;"><a href="www.diispirited.tumblr.com">diispirited</a>
  1119. <br><small>Sister of the Brotherhood</small>
  1120. <p style="font-size:18px; font-family: 'Trirong', serif; font-weight:700px;">❝ A Dancing Flame ❞
  1121. <p><small>Ayashe is an original character written by the wonderful mun <b>Arte</b>. All information on her character can be found <a href="https://diispirited.tumblr.com/ayashe">here.</a> <p> -♟- <p>
  1122.  
  1123. Who is Ayashe? Ah, well, that's easy. I can't tell you why, but the first thing that comes to my mind when I think of her is <i>FIRE</i>- but don't get the wrong idea. She's... mysterious, magical- whimsical I might say, and downright beautiful, much like the bright flames of a fire. But, get too close, and you'll get BURNED, of course. And that's precisely what I like about her. She's, <i>different</i>. I like different. She's not afraid to be herself, and quite frankly, I wish more people would adopt that mentality nowadays... </small>
  1124. </div>
  1125. </div>
  1126.  
  1127. <!--FOUR-->
  1128. <div class="relationsbox">
  1129. <div class="relationstwo-sidebar">
  1130. <div class="relationstwo-ddy"><img src="http://i.imgur.com/XwCx2wC.jpg"></div>
  1131. </div>
  1132. <div class="relationstwo-content">
  1133. <miss style="font-size:27.5px;">Maxwell Roth</miss>
  1134. <p style="border-bottom:1px solid #fff; margin:15px 35px 0 35px; padding-bottom:5px;"><a href="www.rook-ie.tumblr.com">rookie</a>
  1135. <br><small>Enemy Gang Leader</small>
  1136. <p style="font-size:18px; font-family: 'Trirong', serif; font-weight:700px;">❝ A Sly Devil ❞
  1137. <p><small>Maxwell Roth (unknown – 1868) was an associate of the British Templars and one of Grand Master Crawford Starrick's seven henchmen. During the mid-19th century, he controlled the criminal underworld of London via training several of Starrick's gang leaders to rule the city's boroughs. <a href="http://assassinscreed.wikia.com/wiki/Maxwell_Roth">About Page.</a><p> -♟- <p>
  1138.  
  1139. Roth can only be described in one word: <i>CHAOS</i>. I first chose to work with him only in hopes of bringing Starrick down, believing him to be such a fool. However... it seems, in the end, I was the one who turned out the fool...<p>
  1140.  
  1141. <small>...<i>Don't let personal feelings compromise the mission...</small></i> that's what father used to say...</small>
  1142. </div>
  1143. </div>
  1144.  
  1145. <!--FIVE-->
  1146. <div class="relationsbox">
  1147. <div class="relationsone-sidebar">
  1148. <div class="relationsone-ddy"><img src="http://static.tumblr.com/cbapx92/yA7ojr6vj/uewlrrm.jpg"></div>
  1149. </div>
  1150. <div class="relationsone-content">
  1151. <miss style="font-size:27.5px;">Name</miss>
  1152. <p style="border-bottom:1px solid #fff; margin:15px 35px 0 35px; padding-bottom:5px;"><a href="www.[URL HERE].tumblr.com">url</a>
  1153. <br><small>who they are</small>
  1154. <p style="font-size:18px; font-family: 'Trirong', serif; font-weight:700px;">❝ bacon ❞
  1155. <p>Bacon ipsum dolor amet labore corned beef nostrud pastrami. Cupim fugiat dolore sausage. Landjaeger cillum ut chuck brisket. Qui quis flank filet mignon labore chicken. Beef ribs jerky tempor esse meatball brisket. Meatball laboris ut, bresaola cupim pork loin flank consequat swine ground round cupidatat biltong fugiat.
  1156. <p>Frankfurter jerky bresaola laboris adipisicing elit, prosciutto sausage proident hamburger. Ut ipsum short ribs, laboris shank drumstick meatball bresaola. Leberkas aliqua duis landjaeger bacon. Leberkas tri-tip capicola et corned beef proident lorem filet mignon short ribs strip steak. Rump minim adipisicing sed meatloaf capicola, bacon ut elit duis esse salami frankfurter. Pork chop laborum dolor, elit boudin drumstick brisket bacon aliqua non ullamco.
  1157. </div>
  1158. </div>
  1159.  
  1160. </div>
  1161. </div>
  1162. </div>
  1163. </div>
  1164.  
  1165. <!-- TAB 7 -->
  1166. <div id="tab7" class="tab">
  1167. <div class="tabbox">
  1168. <div class="tabbers">
  1169.  
  1170. <h4>Main Pig Tags</h4>
  1171.  
  1172. <div class="navlinks">
  1173.  
  1174. <br>
  1175. <a href="/tagged/[TAG NAME]">bacon</a>
  1176. <a href="/tagged/[TAG NAME]">bacon</a>
  1177. <br>
  1178. <a href="/tagged/[TAG NAME]">bacon</a>
  1179. <a href="/tagged/[TAG NAME]">bacon</a>
  1180. <br>
  1181. <a href="/tagged/[TAG NAME]">bacon</a>
  1182. <a href="/tagged/[TAG NAME]">bacon</a>
  1183. <br>
  1184. <a href="/tagged/[TAG NAME]">bacon</a>
  1185. <a href="/tagged/[TAG NAME]">bacon</a>
  1186. <br>
  1187. <a href="/tagged/[TAG NAME]">bacon</a>
  1188. <a href="/tagged/[TAG NAME]">bacon</a>
  1189. <br>
  1190. <a href="/tagged/[TAG NAME]">bacon</a>
  1191. <a href="/tagged/[TAG NAME]">bacon</a>
  1192.  
  1193. </div>
  1194.  
  1195. <h4>Verse Tags</h4>
  1196.  
  1197. <div class="navlinks">
  1198.  
  1199. <h1>UNIVERSE</h1>
  1200.  
  1201. <br>
  1202. <a href="/tagged/[TAG NAME]">bacon</a>
  1203. <a href="/tagged/[TAG NAME]">bacon</a>
  1204. <br>
  1205. <a href="/tagged/[TAG NAME]">bacon</a>
  1206. <a href="/tagged/[TAG NAME]">bacon</a>
  1207.  
  1208. <h1>UNIVERSE</h1>
  1209.  
  1210. <br>
  1211. <a href="/tagged/[TAG NAME]">bacon</a>
  1212. <a href="/tagged/[TAG NAME]">bacon</a>
  1213. <br>
  1214. <a href="/tagged/[TAG NAME]">bacon</a>
  1215. <a href="/tagged/[TAG NAME]">bacon</a>
  1216.  
  1217. <h1>UNIVERSE</h1>
  1218.  
  1219. <br>
  1220. <a href="/tagged/[TAG NAME]">bacon</a>
  1221. <a href="/tagged/[TAG NAME]">bacon</a>
  1222. <br>
  1223. <a href="/tagged/[TAG NAME]">bacon</a>
  1224. <a href="/tagged/[TAG NAME]">bacon</a>
  1225.  
  1226. <h1>UNIVERSE</h1>
  1227.  
  1228. <br>
  1229. <a href="/tagged/[TAG NAME]">bacon</a>
  1230. <a href="/tagged/[TAG NAME]">bacon</a>
  1231. <br>
  1232. <a href="/tagged/[TAG NAME]">bacon</a>
  1233. <a href="/tagged/[TAG NAME]">bacon</a>
  1234.  
  1235. <h1>UNIVERSE</h1>
  1236.  
  1237. <br>
  1238. <a href="/tagged/[TAG NAME]">bacon</a>
  1239. <a href="/tagged/[TAG NAME]">bacon</a>
  1240. <br>
  1241. <a href="/tagged/[TAG NAME]">bacon</a>
  1242. <a href="/tagged/[TAG NAME]">bacon</a>
  1243.  
  1244. <h1>UNIVERSE</h1>
  1245.  
  1246. <br>
  1247. <a href="/tagged/[TAG NAME]">bacon</a>
  1248. <a href="/tagged/[TAG NAME]">bacon</a>
  1249. <br>
  1250. <a href="/tagged/[TAG NAME]">bacon</a>
  1251. <a href="/tagged/[TAG NAME]">bacon</a>
  1252.  
  1253. </div>
  1254.  
  1255. <h4>Writing Partner Tags</h4>
  1256.  
  1257. <div class="navlinks">
  1258.  
  1259. <br>
  1260. <a href="/tagged/[TAG NAME]">bacon</a>
  1261. <a href="/tagged/[TAG NAME]">bacon</a>
  1262. <br>
  1263. <a href="/tagged/[TAG NAME]">bacon</a>
  1264. <a href="/tagged/[TAG NAME]">bacon</a>
  1265. <br>
  1266. <a href="/tagged/[TAG NAME]">bacon</a>
  1267. <a href="/tagged/[TAG NAME]">bacon</a>
  1268. <br>
  1269. <a href="/tagged/[TAG NAME]">bacon</a>
  1270. <a href="/tagged/[TAG NAME]">bacon</a>
  1271. <br>
  1272. <a href="/tagged/[TAG NAME]">bacon</a>
  1273. <a href="/tagged/[TAG NAME]">bacon</a>
  1274.  
  1275. </div>
  1276.  
  1277. <h4>Other Piggy Tags</h4>
  1278.  
  1279. <div class="navlinks">
  1280.  
  1281. <br>
  1282. <a href="/tagged/[TAG NAME]">bacon</a>
  1283. <a href="/tagged/[TAG NAME]">bacon</a>
  1284. <br>
  1285. <a href="/tagged/[TAG NAME]">bacon</a>
  1286. <a href="/tagged/[TAG NAME]">bacon</a>
  1287. <br>
  1288. <a href="/tagged/[TAG NAME]">bacon</a>
  1289. <a href="/tagged/[TAG NAME]">bacon</a>
  1290. <br>
  1291. <a href="/tagged/[TAG NAME]">bacon</a>
  1292. <a href="/tagged/[TAG NAME]">bacon</a>
  1293.  
  1294. </div>
  1295.  
  1296. </div>
  1297. </div>
  1298. </div>
  1299.  
  1300. <!-- END OF TABS -->
  1301. </div>
  1302.  
  1303. </div>
  1304. </div>
  1305.  
  1306. <!--
  1307. <div class="tabs">
  1308. <ul class="tab-links">
  1309.  
  1310. <li class="active" style="margin-left:-30px"><a href="#tab1">I</a></li>
  1311. <li><a href="#tab2">II</a></li>
  1312. <li><a href="#tab3">III</a></li>
  1313. <li><a href="#tab4">IV</a></li>
  1314. <li><a href="#tab5">V</a></li>
  1315. <li><a href="#tab6">VI</a></li>
  1316.  
  1317. </ul>
  1318. </div>
  1319. -->
  1320.  
  1321. <div class="url"><a href="{BlogURL}" title="refresh">{Name}</a></div>
  1322.  
  1323. <div class="tabber-links">
  1324. <div class="tabs">
  1325. <ul class="tab-links">
  1326. <li class="active" style="margin-left:-30px"><div id="link1"><a href="#tab1" title="home"><img src="http://static.tumblr.com/cbapx92/5zfojtbob/feather1.png"></a></div></li>
  1327. <li><div id="link2"><a href="#tab2" title="ask"><img src="http://static.tumblr.com/cbapx92/FLgojtbp9/feather2.png"></a></div></li>
  1328. <li><div id="link3"><a href="#tab3" title="rules"><img src="http://static.tumblr.com/cbapx92/6vsojtbr8/feather3.png"></a></div></li>
  1329. <li><div id="link4"><a href="#tab4" title="about"><img src="http://static.tumblr.com/cbapx92/myLojtbt1/feather4.png"></a></div></li>
  1330. <li><div id="link5"><a href="#tab5" title="verses"><img src="http://static.tumblr.com/cbapx92/epKojtbyl/feather5.png"></a></div></li>
  1331. <li><div id="link6"><a href="#tab6" title="relationships"><img src="http://static.tumblr.com/cbapx92/pOCojtbyw/feather6.png"></a></div></li>
  1332. <li><div id="link7"><a href="#tab7" title="tag list"><img src="http://static.tumblr.com/cbapx92/VD1ojtbz4/feather7.png"></a></div></li>
  1333. <li><div id="link8"><a href="https://myrooks.tumblr.com" title="writing blog"><img src="http://static.tumblr.com/cbapx92/5v1ojtbzb/feather8.png"></a></div>
  1334. </ul>
  1335. </div>
  1336. </div>
  1337.  
  1338. <div id="hoverpiggy">
  1339. <div id="birdie"><img src="http://static.tumblr.com/cbapx92/0rTojt87i/descript-one.png"><div id="birdiewordie">LEADER OF THE<BR>ROOKS</div></div>
  1340. <div id="description">{Description}</div>
  1341. </div>
  1342.  
  1343. <div id="pigfeet">
  1344. {block:Pagination}<div class="pigfeet-back">{block:PreviousPage}<a href="{PreviousPage}">↽</a>{/block:PreviousPage}</div>
  1345. <div class="pigfeet-front">{block:NextPage}<a href="{NextPage}">⇁</a>{/block:NextPage}</div>{/block:Pagination}</div>
  1346.  
  1347. {block:ContentSource}
  1348. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  1349. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  1350. {/block:SourceLogo}
  1351. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  1352. {/block:ContentSource}
  1353.  
  1354. </div>
  1355.  
  1356. <!--DO NOT REMOVE-->
  1357. <div id="missy">
  1358. <a href="http://babaycga.tumblr.com" title="babaycga">Missy</a>
  1359. </div>
  1360. <!--DO NOT REMOVE-->
  1361.  
  1362. <!--insta click-->
  1363. <script src="http://instantclick.io/v3.1.0/instantclick.min.js" data-no-instant></script>
  1364. <script data-no-instant>InstantClick.init();</script>
  1365.  
  1366. <!--ALLINONE-->
  1367. <script>
  1368. $(document).ready(function() {
  1369. $('.tabs .tab-links a').on('click', function(e) {
  1370. var currentAttrValue = $(this).attr('href');
  1371.  
  1372. // Show/Hide Tabs
  1373. $('.tabs ' + currentAttrValue).fadeIn(300).siblings().hide();
  1374.  
  1375. // Change/remove current tab to active
  1376. $(this).parent('li').addClass('active').siblings().removeClass('active');
  1377.  
  1378. e.preventDefault();
  1379. });
  1380. });
  1381. </script><script>
  1382. $(document).ready(function() {
  1383. $('#filterOptions li a').click(function() {
  1384. // fetch the class of the clicked item
  1385. var ourClass = $(this).attr('class');
  1386.  
  1387. // reset the active class on all the buttons
  1388. $('#filterOptions li').removeClass('active');
  1389. // update the active state on our clicked button
  1390. $(this).parent().addClass('active');
  1391.  
  1392. if(ourClass == 'all') {
  1393. // show all our items
  1394. $('#ourHolder').children('div.item').show();
  1395. }
  1396. else {
  1397. // hide all elements that don't share ourClass
  1398. $('#ourHolder').children('div:not(.' + ourClass + ')').hide();
  1399. // show all elements that do share ourClass
  1400. $('#ourHolder').children('div.' + ourClass).show();
  1401. }
  1402. return false;
  1403. });
  1404. });
  1405. </script>
  1406.  
  1407.  
  1408. </body>
  1409.  
  1410. </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!