tiffxny21

multi ★

Apr 1st, 2019
76
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 27.74 KB | None | 0 0
  1. <html>
  2. <head>
  3. <title>{Title}</title>
  4. <link rel="shortcut icon" href="{Favicon}">
  5. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  6. {block:Description}
  7. </head>
  8. <meta name="description" content="{MetaDescription}" />
  9. <meta name="color:Title" content="#000000"/>
  10. <meta name="color:Background" content="#eeeeee"/>
  11. <meta name="color:Font" content="#000000"/>
  12. <meta name="color:Container" content="#696969"/>
  13. <meta name="color:Posts" content="#ffffff"/>
  14. <meta name="color:Sidebar" content="#696969"/>
  15. <meta name="color:SidebarFont" content="#000000"/>
  16. <meta name="color:DescriptionFont" content="#000000"/>
  17. <meta name="color:Border" content="#000000"/>
  18. <meta name="color:Pagination" content="#000000"/>
  19. <meta name="color:PaginationHover" content="aeaeae"/>
  20.  
  21. <meta name="color:Links" content="#000000"/>
  22. <meta name="color:LinksHover" content="#696969"/>
  23. <meta name="color:Bold" content="#356237"/>
  24. <meta name="color:Italics" content="#ffffff"/>
  25. <meta name="color:TextShadow" content="#000000"/>
  26. <meta name="color:Header" content="#000000"/>
  27. <meta name="color:Question" content="#ffffff"/>
  28. <meta name="color:Tooltip" content="#000000"/>
  29.  
  30. <meta name="image:sidebarimg" content=""/>
  31. <meta name="image:link1img" content=""/>
  32. <meta name="image:link2img" content=""/>
  33. <meta name="image:link3img" content=""/>
  34. <meta name="image:link4img" content=""/>
  35. {/block:Description}
  36. </head>
  37.  
  38.  
  39. <!-- ~ M I R K W O O D T H E M E
  40. ~ code created by AWOKENHOPE.TUMBLR.COM
  41. ~ do not steal this code
  42. ~ do not use as a base code for new codes
  43. ~ feel free to ask any questions -->
  44.  
  45.  
  46.  
  47. <!---------------------POPUP------------------->
  48.  
  49. <script type="text/javascript"
  50. src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  51. <script>
  52. $(document).ready(function() {
  53. //
  54. $('a.poplight[href^=#]').click(function() {
  55. var popID = $(this).attr('rel'); //Get Popup Name
  56. var popURL = $(this).attr('href'); //Get Popup href to define size
  57. var query= popURL.split('?');
  58. var dim= query[1].split('&');
  59. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  60. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"></a>');
  61. var popMargTop = ($('#' + popID).height() + 80) / 2;
  62. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  63. //Apply Margin to Popup
  64. $('#' + popID).css({
  65. 'margin-top' : -popMargTop,
  66. 'margin-left' : -popMargLeft
  67. });
  68. $('body').append('<div id="fade"></div>');
  69. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  70. return false;
  71. });
  72. $('a.close, #fade').live('click', function() {
  73. $('#fade , .popup_block').fadeOut(function() {
  74. $('#fade, a.close').remove(); //fade them both out
  75. });
  76. return false;
  77. });
  78. });
  79. </script>
  80.  
  81. <!---------------------TOOLTIP------------------->
  82.  
  83. </script><!--START TOOLTIP BY MALIHU--><script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script><script src="https://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script><script>
  84. (function($){
  85. $(document).ready(function(){
  86. $("a[title]").style_my_tooltips({
  87. tip_follows_cursor:true,
  88. tip_delay_time:90,
  89. tip_fade_speed:600,
  90. attribute:"title"
  91. });
  92. });
  93. })(jQuery);
  94.  
  95. </script>
  96.  
  97. <!---------------------TABBED POP UP------------------->
  98.  
  99. <script>
  100.  
  101. $(document).ready(function(){
  102. $("ul#tabs li").click(function(e){
  103. if (!$(this).hasClass("active")) {
  104. var tabNum = $(this).index();
  105. var nthChild = tabNum+1;
  106. $("ul#tabs li.active").removeClass("active");
  107. $(this).addClass("active");
  108. $("ul#tab li.active").removeClass("active");
  109. $("ul#tab li:nth-child("+nthChild+")").addClass("active");
  110. }
  111. });
  112. });
  113. </script>
  114.  
  115. <!---------------------DROP DOWN VERSES ------------------->
  116.  
  117. <script type="text/javascript" src="https://static.tumblr.com/3ikgvxs/0TGl4zgpu/jquery.min.js"></script>
  118. <script type="text/javascript">
  119. $(document).ready(function(){
  120. $(".links_body").hide();
  121. $(".links_head").click(function(){
  122. $(this).next(".links_body").slideToggle('fast');
  123. }); }); </script>
  124.  
  125.  
  126. <!--------------------- FONT AWESOME ------------------->
  127.  
  128. <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet">
  129.  
  130. <!---------------------GOOGLE FONTS ------------------->
  131.  
  132. <!--font-family: 'Arapey', serif; -->
  133. <link href="https://fonts.googleapis.com/css?family=Arapey" rel="stylesheet">
  134. <!--font-family: 'Oranienbaum', sans-serif; -->
  135. <link href="https://fonts.googleapis.com/css?family=Oranienbaum" rel="stylesheet">
  136. <!--font-family: 'Montez', cursive; -->
  137. <link href="https://fonts.googleapis.com/css?family=Montez" rel="stylesheet">
  138.  
  139. <style type="text/css">
  140.  
  141. /* --------------------FONTFACE------------------ */
  142.  
  143. @font-face {
  144. font-family: 'Nightingale';
  145. src: url('https://static.tumblr.com/b2tj7wo/77Dp47rtw/nightingale_sample.ttf');
  146. }
  147.  
  148. @font-face {
  149. font-family: 'fontface';
  150. src: url(data:font/ttf;base64,[https://static.tumblr.com/b2tj7wo/VPWp47rsw/nightingale.css]) format('truetype');
  151. font-weight: normal;
  152. font-style: normal;
  153. }
  154.  
  155. /* --------------------SCROLLBAR------------------ */
  156. ::-webkit-scrollbar-thumb{
  157. background-color: transparent;
  158. border: 1px solid transparent;
  159. height:0px; }
  160.  
  161. ::-webkit-scrollbar {
  162. height:0px;
  163. width: 0px;
  164. background-color: transparent; }
  165.  
  166.  
  167. /* --------------------BODY------------------ */
  168.  
  169. body {
  170. background-color:{color:background};
  171. font-family:'Arapey', serif;
  172. font-size:12px;
  173. color:{color:font};
  174. font-weight:100%;}
  175.  
  176. /* --------------------SMALL/SUB/SUP------------------ */
  177.  
  178. small, sub, sup {
  179. font-size:100%;}
  180.  
  181. /* --------------------PRE-WRAP------------------ */
  182. pre {
  183. font-family: 'Oranienbaum', serif;
  184. text-transform:uppercase;
  185. font-style:normal;
  186. white-space: pre-wrap;
  187. white-space: -moz-pre-wrap;
  188. white-space: -pre-wrap;
  189. white-space: -o-pre-wrap;
  190. word-wrap: break-word; }
  191.  
  192.  
  193. /* --------------------SMALL/SUB/SUP------------------ */
  194. a {
  195. text-decoration:none;
  196. font-size:12px;
  197. text-transform:uppercase;
  198. outline:none;
  199. color:{color:links};
  200. -moz-transition-duration:0.2s;
  201. -webkit-transition-duration:0.2s;
  202. -o-transition-duration:0.2s; }
  203.  
  204. a:hover {
  205. text-decoration:none;
  206. outline:none;
  207. color:{color:linkshover};
  208. text-decoration:none;
  209. -moz-transition-duration:0.2s;
  210. -webkit-transition-duration:0.2s;
  211. -o-transition-duration:0.2s; }
  212.  
  213. /* --------------------BOLD/ITALICS------------------ */
  214. b, strong, u {
  215. font-size:12px;
  216. font-family: 'Oranienbaum', serif;
  217. text-transform:uppercase;
  218. color:{color:Bold};
  219. text-shadow:{color:TextShadow} 0.1em 0.1em 0.1em;
  220. }
  221.  
  222. i, em {
  223. color:{color:Italics};
  224. text-transform:lowercase;
  225. font-family: 'Montez', cursive;
  226. font-size:20px;
  227. line-height:120%;
  228. text-shadow:{color:TextShadow} 0.1em 0.1em 0.1em;}
  229.  
  230. /* --------------------BLOCKQUOTE------------------ */
  231. blockquote {
  232. padding:5px;
  233. margin:1px 1px 1px 1px;
  234. border-left:solid 1px {color:border}; }
  235.  
  236. blockquote img {
  237. max-width:100%;
  238. height:auto; }
  239.  
  240. /* --------------------HEADERS------------------ */
  241.  
  242. h1 {
  243. font-weight:normal;
  244. font-size:22px;
  245. text-align:center;
  246. font-family: 'Arapey', serif;
  247. color:{color:header};
  248. line-height:18px;
  249. text-transform:uppercase;
  250. line-height:110%;
  251. text-shadow: 1px 1px 1px #000;
  252. }
  253.  
  254. h2 {
  255. font-weight:normal;
  256. font-size:15px;
  257. text-align:center;
  258. font-family: 'Arapey', sans-serif;
  259. line-height:18px;
  260. text-transform:uppercase;}
  261.  
  262. /* --------------------TITLE------------------ */
  263.  
  264. #maintitle {
  265. position:fixed;
  266. font-size:20px;
  267. color:{color:Title};
  268. font-family: 'Nightingale';
  269. margin-top:48px;
  270. margin-left:300px;
  271. line-height:30px;
  272. text-align:justify;
  273. padding:10px;
  274. z-index:9999;
  275. }
  276.  
  277. /* --------------------CONTAINER------------------ */
  278. #container {
  279. position:absolute;
  280. padding:10px 10px 10px 10px;
  281. border:double 3px {color:border};
  282. left:300px;
  283. top:90px;
  284. background:{color:container};
  285. height:400px;
  286. width:550px;
  287. overflow-y:scroll;}
  288.  
  289. /* --------------------POSTS------------------ */
  290. .posts {
  291. width:340px;
  292. padding:10px 10px 10px 10px;
  293. margin-bottom:10px;
  294. background:{color:posts};}
  295.  
  296. img {
  297. max-width: 100%;
  298. height:auto;
  299. }
  300.  
  301.  
  302.  
  303. /* --------------------SIDEBAR------------------ */
  304. #sidebar {
  305. position:fixed;
  306. left:683px;
  307. top:93px;
  308. height:420px;
  309. width:189px;
  310. border-left:1px solid {color:border};
  311. background:{color:sidebar};
  312. color:{color:sidebarfont};
  313. }
  314.  
  315. /* --------------------SIDEBAR------------------ */
  316.  
  317. #description {
  318. position:fixed;
  319. background:{color:sidebar};
  320. font-family:'Arapey', serif;
  321. color:{color:descriptionfont};
  322. border:1px solid {color:Border};
  323. height:115px;
  324. width:160px;
  325. top:205px;
  326. left:690px;
  327. overflow-y:scroll;
  328. text-align:justify;
  329. padding:5px 5px 5px 5px;
  330. padding-left:10px;
  331. z-index:999;
  332. }
  333.  
  334. /* --------------------SIDEBAR IMAGES------------------ */
  335.  
  336. #sidebarimg {
  337. position:fixed;
  338. padding-top:5px;
  339. padding-left:7.5px;
  340. width:175px;
  341. height:100px;
  342. overflow-x:scroll;}
  343.  
  344.  
  345. #link1img {
  346. position:fixed;
  347. background:{color:sidebar};
  348. top:340px;
  349. left:695px;
  350. width:75px;
  351. height:75px; }
  352.  
  353. #link2img {
  354. position:fixed;
  355. background:{color:sidebar};
  356. top:340px;
  357. left:790px;
  358. width:75px;
  359. height:75px; }
  360.  
  361. #link3img {
  362. position:fixed;
  363. background:{color:sidebar};
  364. top:210px;
  365. left:695px;
  366. top:430px;
  367. width:75px;
  368. height:75px; }
  369.  
  370. #link4img {
  371. position:fixed;
  372. background:{color:sidebar};
  373. top:430px;
  374. left:790px;
  375. width:75px;
  376. height:75px; }
  377.  
  378. /* --------------------INFO/TAGS------------------ */
  379.  
  380. #info {
  381. background:url('https://static.tumblr.com/fdh5wxp/rrSp5v5qi/legolas_info.png');
  382. background-repeat:repeat;
  383. background-attachment:fixed;
  384. width:auto;
  385. height:20px;
  386. padding: 5px 5px 8px 5px;
  387. font-family: 'Arapey', serif; /* FONT FOR INFO */
  388. border:solid 1px {color:border}; /* INFO BORDER */
  389. border-radius:10px;
  390. text-transform:uppercase;
  391. text-align:center;
  392. overflow-y:scroll;
  393. word-spacing:10px;
  394. font-size:12px;}
  395.  
  396. #info a {
  397. color:{color:links};
  398. font-style:normal;}
  399.  
  400.  
  401. #info a:hover {
  402. color:{color:linkshover};
  403. transition-duration:0.9s;
  404. -webkit-transition-duration:0.9s;
  405. -o-transition-duration:0.9s;}
  406.  
  407. .tags {
  408. background:transparent;
  409. text-align:right;
  410. font-family: 'Arapey', serif;
  411. font-size:8px;
  412. padding-top:5px;
  413. padding-bottom:5px;
  414. height:auto;
  415. width:auto;
  416. overflow-y:scroll;}
  417.  
  418. .tags a{
  419. font-size:10px;
  420. font-family: 'Arapey', serif;
  421. text-transform:none;
  422. color:{color:links};
  423. text-shadow: 1px 1px 1px {color:TextShadow}; }
  424.  
  425. .tags a:hover{
  426. color:{color:linkshover};
  427. text-decoration:none; }
  428.  
  429. /* --------------------ASK------------------ */
  430.  
  431. .ask {
  432. background-image:transparent
  433. border-radius:10px;
  434. border-top:solid 1px {color:border};
  435. }
  436.  
  437. .askerurl {
  438. height:15px;
  439. text-align:right;
  440. margin-top:-32px;}
  441.  
  442. .askerurl a {
  443. font-family: 'Montez', cursive;
  444. font-size:35px;
  445. text-transform:lowercase;
  446. letter-spacing:0px;
  447. color:{color:bold};
  448. text-align:right; }
  449.  
  450. .askerurl a:hover {
  451. color:{color:linkshover};
  452. letter-spacing:0px;
  453. -moz-transition-duration:.9s;
  454. -webkit-transition-duration:.9s;
  455. -o-transition-duration:.9s; }
  456.  
  457. .question {
  458. text-align:center;
  459. background-color:transparent;
  460. padding:5px 5px;
  461. letter-spacing: 2px;
  462. color:{color:Question}; /* COLOR OF TEXT INSIDE ASK */
  463. text-shadow:1px 1px 1px #000;
  464. opacity:1;
  465. padding-top:10px;
  466. margin-top:10px; }
  467.  
  468. /* --------------------QUOTES------------------ */
  469.  
  470. .quote {
  471. font-size:14px;
  472. letter-spacing:2px;
  473. text-align:center;
  474. border-radius:10px;
  475. margin-bottom:5px;
  476. padding-bottom:5px; }
  477.  
  478. .quotesource {
  479. font-size:12px;
  480. letter-spacing:4px;
  481. text-align:right;
  482. color:{color:Bold};
  483. margin-top:5px;
  484. margin-bottom:5px;
  485. text-transform:uppercase;
  486. font-style:bold;
  487. font-family:'Oranienbaum', serif; }
  488.  
  489. /* --------------------TITLES------------------ */
  490.  
  491. #titles {
  492. font-family:'Oranienbaum', serif;
  493. font-size:16px;
  494. padding: 3px 3px;
  495. margin: 5px 5px 5px 5px;
  496. letter-spacing: 1px;
  497. text-shadow: {color:TextShadow} 0.5em 0.1em 0.5em; /* SHADOW OF TEXT */
  498. background:url('https://static.tumblr.com/fdh5wxp/rrSp5v5qi/legolas_info.png'); /* BACKGROUND IMAGE */
  499. background-repeat:repeat;
  500. background-attachment:absolute;
  501. border:solid 1px {color:border};
  502. border-radius:10px;
  503. line-height: normal;
  504. text-transform: uppercase;
  505. color:#fff;
  506. text-align: center;
  507. width:auto;
  508. z-index:999;
  509. }
  510.  
  511.  
  512. #s-m-t-tooltip {
  513. max-width: 500px;
  514. padding: 5px 8px;
  515. margin: 10px;
  516. font-size: 10px;
  517. letter-spacing: 1px;
  518. font-family: 'Nightingale';
  519. text-transform:lowercase;
  520. background-repeat:repeat;
  521. background-attachment:fixed;
  522. color:{color:ToolTip};
  523. z-index:9999999;
  524. transition: 0.5s ease-in-out;
  525. -webkit-transition: 0.5s ease-in-out;
  526. -moz-transition: 0.5s ease-in-out;
  527. -ms-transition: 0.5s ease-in-out;
  528. -o-transition: 0.5s ease-in-out;
  529. }
  530.  
  531.  
  532. /* --------------------POPUP BLOCK------------------ */
  533.  
  534. .popup_block{
  535. display:none;
  536. background:{color:container};
  537. color:{color:font};
  538. padding:20px;
  539. height:400px;
  540. position:fixed;
  541. z-index:999;
  542. top:333px;
  543. left:523px;
  544. overflow-y:scroll;
  545. overflow-x:hidden;
  546. font-family:'Arapey', serif;
  547. font-size:12px;
  548. text-transform:lowercase;
  549. padding:10px;
  550. overflow-x:hidden;
  551. overflow-x:hidden;
  552. }
  553.  
  554.  
  555. *html #fade {position: absolute;}
  556. *html .popup_block {position: absolute;}
  557. #fade {
  558. display:none;
  559. position:fixed;
  560. left:0px;
  561. top:0px;
  562. width:100%;
  563. height:100%; }
  564.  
  565. /* --------------------TABBED POPUP------------------ */
  566.  
  567. #tabbedpop {
  568. background:{color:sidebar};
  569. position:fixed;
  570. font-family: 'Arapey', serif;
  571. font-size:9px;
  572. margin-top:91px;
  573. margin-left:377px;
  574. width:164px;
  575. height:114px;
  576. text-align:center;
  577. opacity:1;
  578. padding: 5px 5px 5px;
  579. opacity:1;}
  580.  
  581.  
  582. /* --------------------TABBED TITLES------------------ */
  583.  
  584. ul#tabs {
  585. list-style-type: none;
  586. text-align:center;
  587. font-size:11px;
  588. font-family: 'Arapey', serif;
  589. letter-spacing:1px;
  590. padding: 2px 2px 2px 2px;}
  591.  
  592. ul#tabs li {
  593. background:{color:sidebar};
  594. border:1px solid {color:border};
  595. border-radius:10px;
  596. width:50px;
  597. height:15px;
  598. display:inline-block;
  599. cursor: pointer;
  600. padding:3px 5px 5px;
  601. font-size:9px;
  602. font-family: 'Arapey', serif;
  603. text-transform:uppercase;
  604. text-align:center;
  605. line-height:200%;
  606. margin-bottom:5px;
  607. color:{color:font}; }
  608.  
  609.  
  610. ul#tabs li:hover {
  611. background-color:{color:bold};
  612. border:1px solid {color:border};
  613. color:{color:italics}; }
  614.  
  615. ul#tabs li.active {
  616. background:{color:italics};
  617. border:1px solid {color:border};
  618. color:{color:font};
  619. display: inline-block;
  620. padding: 3px 5px 5px;
  621. font-size:9px;
  622. text-transform:uppercase; }
  623.  
  624. ul#tab {
  625. list-style-type: none;
  626. margin: 0;
  627. padding: 0; }
  628.  
  629. ul#tab li {
  630. display: none; }
  631.  
  632. ul#tab li.active {
  633. display: block; }
  634.  
  635. /* --------------------POP UP TAGS------------------ */
  636.  
  637. .popuptags {
  638. padding-top:5px;
  639. text-align:center; }
  640.  
  641. .popuptags a {
  642. display:inline-block;
  643. width:75px;
  644. height:15px;
  645. margin:2px;
  646. padding:4px 2px 2px;
  647. text-align:center;
  648. background:transparent;
  649. border:1px solid {color:border};
  650. border-radius:10px;
  651. font-size:9px;
  652. color:{color:font};
  653. font-family: 'Arapey', serif;
  654. text-transform:uppercase;
  655. }
  656.  
  657.  
  658. .popuptags a:hover {
  659. background-color:transparent;
  660. color:#fff; }
  661.  
  662. /* --------------------DROP DOWN VERSES------------------ */
  663.  
  664. .links_list {
  665. margin:0px;
  666. padding:0px;
  667. width:100%; }
  668.  
  669.  
  670. .links_head {
  671. font-family: 'Arapey', serif;
  672. height:auto;
  673. font-size:14px;
  674. padding: 3px 3px;
  675. margin: 5px 0px 0px;
  676. letter-spacing: 1px;
  677. text-shadow: 1px 1px 1px {color:TextShadow};
  678. background: url('https://static.tumblr.com/fdh5wxp/rrSp5v5qi/legolas_info.png');
  679. background-repeat:repeat;
  680. background-attachment:fixed;
  681. border:1px solid {color:border};
  682. border-radius:10px;
  683. line-height: normal;
  684. text-transform: uppercase;
  685. color:#fff;
  686. text-align: center;
  687. width:auto; }
  688.  
  689.  
  690. .links_body {
  691. padding:10px;
  692. text-align:left;
  693. display:none; }
  694.  
  695. /* --------------------PAGINATION------------------ */
  696.  
  697. #pagination {
  698. position:fixed;
  699. text-align:justify;
  700. width:340px;
  701. top:520px;
  702. left:800px; }
  703.  
  704. #pagination a {
  705. color:{color:pagination};
  706. font-size:12px;
  707. -webkit-transition: all 0.7s ease;
  708. -moz-transition: all 0.7s ease;
  709. -o-transition: all 0.7s ease;
  710. }
  711.  
  712. #pagination a:hover {
  713. color:{color:paginationhover};
  714. }
  715.  
  716. /* --------------------CREDIT------------------ */
  717.  
  718. #credit {
  719. position:absolute;
  720. position:fixed;
  721. font-family: 'Abel', sans-serif;
  722. text-transform:bold;
  723. width:auto;
  724. height:auto;
  725. bottom:0px;
  726. right:10px;
  727. padding: 2px 2px 2px;
  728. font-size:20px;
  729. line-height:100%;
  730. z-index:99999999;
  731. letter-spacing: 1px;}
  732.  
  733. #credit a {
  734. width:30px;
  735. line-height:100%;
  736. margin-bottom:0px;
  737. opacity:1;
  738. color:#696969;
  739. letter-spacing:0px;
  740. text-decoration:none; }
  741.  
  742. #credit a:hover {
  743. color:#00000;
  744. width:60px;
  745. text-shadow: 0 0 5px #eee;
  746. -webkit-filter: blur(1px) ;
  747. -webkit-transition: 0.7s ease-in;
  748. -moz-transition: }
  749.  
  750.  
  751. </style>
  752.  
  753. <body>
  754.  
  755. <!----------------------ASK/SUBMIT BOX----------------------->
  756.  
  757. <div id="askbox" class="popup_block">
  758. <div id="titles">ASK</div><p>
  759. <iframe frameborder="0" height="100" id="ask_form" scrolling="yes" src="https://www.tumblr.com/ask_form/{Name}.tumblr.com" width="100%"></iframe>
  760. <p>
  761.  
  762. <div id="titles">SUBMIT</div><p>
  763. <iframe frameborder="0" border="0" scrolling="yes" height="200" width="100%" src="https://www.tumblr.com/submit_form/{Name}.tumblr.com"></iframe>
  764. </div>
  765.  
  766. <!----------------HERE IS WHERE YOU PUT YOUR RULES------------------->
  767.  
  768. <div id="rules" class="popup_block">
  769. <div id="titles">RULES</div><p>
  770.  
  771. Here you can put your rules and it can be as long as you want it to be!
  772.  
  773.  
  774. </div></div>
  775.  
  776. <!-------------HERE IS WHERE YOU WOULD PUT YOUR BIOGRAPHY--------------->
  777.  
  778. <div id="biography" class="popup_block">
  779. <div id="titles">GENERAL STATS</div><p>
  780.  
  781. <strong>FULL NAME:&nbsp;</strong> NAME </br>
  782. <strong>NICKNAME[S]:</strong></b> NICKNAMES<br>
  783. <strong>AGE:</strong>&nbsp; AGE <br>
  784. <strong>SPECIES:&nbsp;</strong> SPECIES </br>
  785. <strong>GENDER:</strong>&nbsp; GENDER</br>
  786. <strong>SEXUAL ORIENTATION:</strong>&nbsp; SEXUAL ORIENTATION</br>
  787. <strong>ROMANTIC ORIENTATION:</strong>&nbsp; ROMANTIC ORIENTATION</br>
  788. <strong>SPOKEN LANGUAGE:</strong>&nbsp; LANGUAGES</br>
  789. <strong>OCCUPATION:</strong>&nbsp; OCCUPATIONS</br>
  790.  
  791. <p>
  792. <div id="titles">RELATIONSHIPS</div><p>
  793.  
  794. <p><strong>PARENTS:&nbsp;</strong> MOTHER & FATHER </br>
  795. <strong>SIBLINGS:&nbsp;</strong> NON </br>
  796. <strong>SIGNIFICANT OTHER:</strong>&nbsp;verse dependent</br>
  797.  
  798. <p><div id="titles">PHYSICAL TRAITS</div><p>
  799. <strong>EYE COLOUR:&nbsp;</strong> COLOR </br>
  800. <strong>HAIR COLOUR:</strong>&nbsp; COLOR </br>
  801. <strong>HEIGHT:</strong>&nbsp; HEIGHT </br>
  802. <strong>WEIGHT:</strong>&nbsp; WEIGHT </br>
  803.  
  804. <p><div id="titles">BIOGRAPHY</div><p>
  805.  
  806. <h1>PART ONE</h1><p>
  807. <p> You can put anything here </p>
  808.  
  809. <h1>PART TWO</h1><p>
  810. <p> You can also put more here </p>
  811.  
  812.  
  813. <div id="titles">SKILLS &amp;&amp; ABILITIES</div><p>
  814. <center>
  815. you can put skills<br>
  816. and abilities here<br>
  817. </center>
  818. <p>
  819.  
  820.  
  821. <div id="titles">PERSONALITY</div><p>
  822. Here you can write about your characters personality so that others can better understand them.
  823.  
  824. </div></div>
  825.  
  826.  
  827. <!-------------HERE IS WHERE YOUR NAVIGATION IS--------------->
  828.  
  829.  
  830. <div id="navigation" class="popup_block"><p>
  831. <div id="tabbedpop">
  832. <ul id="tabs">
  833.  
  834. <li class="active">VERSES.</li>
  835.  
  836. <li>LINKS.</li>
  837.  
  838. <li>MAINS.</li>
  839.  
  840. <li>MUN.</li>
  841.  
  842. </ul>
  843. </div>
  844.  
  845. <ul id="tab">
  846. <li class="active">
  847.  
  848. <!--------------- FIRST/VERSE STARTS HERE ------------->
  849. <p><p><p>
  850.  
  851.  
  852.  
  853. <div class="links_list">
  854. <div class="links_head">MAIN</div>
  855. <div class="links_body">
  856. <center>
  857. <a href="MAIN VERSE TAG"><big>TITLE OF VERSE ONE</big></big></a></center><p><blockquote>A description of your verse, it can be as long as you want it to be!</blockquote><br>
  858. <p><p><p></div>
  859.  
  860. <p>
  861.  
  862. <div class="links_list">
  863. <div class="links_head">VERSE</div>
  864. <div class="links_body">
  865. <center>
  866. <a href="VERSE TWO TAG"><big>TITLE OF VERSE TWO.</big></a></center><p><blockquote>A description of your verse, it can be as long as you want it to be!
  867. </blockquote><br>
  868. <p><p><p></div>
  869.  
  870. <p>
  871.  
  872. </li>
  873. <!----------------- FIRST/VERSE TAB ENDS HERE ------------->
  874.  
  875.  
  876. <!----------------- SECOND/LINKS TAB STARTS HERE ------------->
  877. <li>
  878. <div class="popuptags">
  879. <div class="popuptags">
  880. <div id="titles">LINKS</div><p><p><p>
  881.  
  882. <a href="LINK">LINKS.</a>
  883. <a href="LINK">LINKS.</a>
  884. <a href="LINK">LINKS</a>
  885. </br>
  886. <a href="LINK">LINKS.</a>
  887. <a href="LINK">LINKS</a>
  888. <a href="LINK">LINKS</a>
  889. </br>
  890. <a href="LINK">LINKS.</a>
  891. <a href="LINK">LINKS</a>
  892. <a href="LINK">LINKS</a>
  893.  
  894. </li>
  895.  
  896. <!----------------- SECOND/LINKS TAB ENDS HERE ------------->
  897.  
  898.  
  899. <!----------------- THIRD/LINKS TAB STARTS HERE ------------->
  900.  
  901. <li>
  902. <p><p><p>
  903. <div class="links_list">
  904. <div class="links_head">Mains</div>
  905. <div class="links_body">
  906. <center>
  907. <p><p>
  908. <img src="https://static.tumblr.com/fdh5wxp/EQVp5ve77/placeholder.png" align="left" style="height:70px;width:70px;padding-right:5px;padding-bottom:0px;">
  909. <big><a href="THEIR URL">TBA.</a></big>
  910.  
  911. <br><br>
  912.  
  913. <b>RELATIONSHIP:</b> TBA <br>
  914. <b>VERSE:</b> TBA
  915.  
  916. <br><br><br><p>
  917.  
  918. </div>
  919.  
  920. <p>
  921.  
  922. <div class="links_list">
  923. <div class="links_head">Exclusives</div>
  924. <div class="links_body">
  925. <center>
  926. <img src="https://static.tumblr.com/fdh5wxp/EQVp5ve77/placeholder.png" align="left" style="height:70px;width:70px;padding-right:5px;padding-bottom:0px;">
  927. <big><a href="/tagged/YOUR-VERSE-TAG-HERE">TBA.</a></big>
  928.  
  929. <br><br>
  930.  
  931. <b>RELATIONSHIP:</b> TBA <br>
  932. <b>VERSE:</b> TBA
  933.  
  934. <br><br><p>
  935.  
  936.  
  937. </div>
  938.  
  939. <p>
  940.  
  941. <div class="links_list">
  942. <div class="links_head">Ship Exclusive</div>
  943. <div class="links_body">
  944. <center>
  945. <img src="https://static.tumblr.com/fdh5wxp/EQVp5ve77/placeholder.png" align="left" style="height:70px;width:70px;padding-right:5px;padding-bottom:0px;">
  946. <big><a href="/tagged/YOUR-VERSE-TAG-HERE">TBA.</a></big>
  947.  
  948. <br><br>
  949.  
  950. <b>RELATIONSHIP:</b> TBA <br>
  951. <b>VERSE:</b> TBA
  952.  
  953. <br><br><p>
  954.  
  955.  
  956. </div>
  957.  
  958. <p>
  959.  
  960.  
  961. </li>
  962.  
  963. <!----------------- THIRD/LINKS TAB ENDS HERE ------------->
  964.  
  965.  
  966. <!----------------- FOURTH/MUN TAB STARTS HERE ------------->
  967. <li>
  968. <div id="titles">MUN</div><p><p>
  969. Here if you want you can put a little about for yourself or you can make it whatever you want it to be!
  970.  
  971. <p>
  972.  
  973. </li>
  974.  
  975. <!----------------- FOURTH/MUN TAB ENDS HERE ------------->
  976.  
  977.  
  978. </div></div></div></div></div></div></div></div></div></div>
  979.  
  980.  
  981. <div id="maintitle">{Title}</div>
  982.  
  983. <div id="container">
  984. <div id="sidebar">
  985. <div id="sidebarimg"><a href="/" title="home"><img src="{image:sidebarimg}"></a></div>
  986. <div id="description">
  987. {block:Description}{Description}{/block:Description}</div>
  988.  
  989. <div id="link1img"><a href="#?w=358" rel="askbox" class="poplight" title="messages."><img src="{image:link1img}"></a></div>
  990.  
  991. <div id="link2img"><a href="#?w=358" rel="rules" class="poplight" title="laws."><img src="{image:link2img}"></a></div>
  992. <div id="link3img"><a href="#?w=358" rel="biography" class="poplight" title="biography."><img src="{image:link3img}"></a></div>
  993. <div id="link4img"><a href="#?w=358" rel="navigation" class="poplight" title="maps."><img src="{image:link4img}"></a></div>
  994. </div>
  995. <div id="credit"><a href="https://awokenhope.tumblr.com/" title="THEME BY AWOKENHOPE.">𝒶</a></div>
  996. {block:Posts}
  997. <div class="posts">
  998.  
  999. {block:Text}{block:Title}{Title}{/block:Title}{Body}{/block:Text}
  1000.  
  1001. {block:Photo}<center>{LinkOpenTag}<img src="{PhotoURL-HighRes}" width="100%">{LinkCloseTag}</center>{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  1002. {block:Photoset}<center>{Photoset}</center>{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  1003.  
  1004. {block:Quote}<div class="quote">❛ {Quote} ❜</div>{block:Source}<div class="quotesource">-{Source}</div>{/block:Source}{/block:Quote}
  1005.  
  1006. {block:Link}<a href="{URL}" class="link" {Target}>{Name}</a>{block:Description}{Description}{/block:Description}{/block:Link}
  1007.  
  1008. {block:Chat}{block:Title}{Title}</a>{/block:Title}
  1009. {block:Lines}<li>{block:Label}{Label}{/block:Label}{Line}</li>{/block:Lines}{/block:Chat}
  1010.  
  1011. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  1012.  
  1013. {block:Audio}{AudioEmbed}{block:Caption}{Caption}{/block:Caption}{/block:Audio}
  1014.  
  1015. {block:Answer}
  1016.  
  1017. <div class="askpost">
  1018.  
  1019.  
  1020. <div class="ask">
  1021. <div class="askerurl">
  1022. <a href="{AskerURL}">{AskerName}</a>
  1023. </div>
  1024. <div class="question">
  1025. {Question}
  1026. </div>
  1027. </div>
  1028.  
  1029. {Answer}
  1030.  
  1031. </div>
  1032.  
  1033. {/block:Answer}
  1034.  
  1035. {block:date}
  1036. <p>
  1037. <div id="info">
  1038. <a href="{Permalink}" title="{ShortMonth} {DayOfMonth}"> ★ </a>
  1039. <a href="{Permalink}" title="{NoteCount} notes"> ★ </a>
  1040. <a href='{ReblogParentURL}' title="via{ReblogParentURL}"> ★ </a>
  1041. <a href='{ReblogRootURL}' title="source{ReblogRootURL}"> ★ </a>
  1042. <a href='{ReblogURL}' title="Reblog"> ★ </a>
  1043. </div>
  1044. {/block:date}
  1045.  
  1046. {block:HasTags}
  1047. <div class="tags">
  1048. {block:Tags} <a href="{TagURL}" title="{Tag}" data-tooltip="{Tag}" > {Tag} &nbsp; </a> {/block:Tags}
  1049. </div>
  1050. {/block:HasTags}
  1051.  
  1052. <!-- {block:NoRebloggedFrom}
  1053. {block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}
  1054. {/block:NoRebloggedFrom} -->
  1055.  
  1056. {block:ContentSource}<!-- {SourceURL}
  1057. {block:SourceLogo}<img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}
  1058. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  1059. {/block:ContentSource}
  1060.  
  1061. </div>
  1062. {block:PostNotes}{PostNotes}{/block:PostNotes}
  1063. {/block:Posts}
  1064. <div id="pagination">{block:Pagination}
  1065. {block:PreviousPage}<a href="{PreviousPage}">prev</a>{/block:PreviousPage} {block:NextPage}<a href="{NextPage}">next</a>
  1066. {/block:NextPage}
  1067. {/block:Pagination}</div>
  1068.  
  1069.  
  1070. </div>
  1071. </body>
  1072. </html>
Add Comment
Please, Sign In to add comment