API tools faq
paste
Guest User

zu/sango

a guest
Oct 23rd, 2019
95
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 33.98 KB | None | 0 0
raw download clone embed print report
  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. <meta name="description" content="{MetaDescription}" />
  8. {/block:Description}
  9. </head>
  10.  
  11. <!-- ~ V A R A D E R O T H E M E
  12. ~ code created by AWOKENHOPE.TUMBLR.COM
  13. ~ do not steal this code
  14. ~ do not use as a base code for new codes
  15. ~ feel free to ask any questions -->
  16.  
  17. <!---------------------POPUP------------------->
  18.  
  19. <script type="text/javascript"
  20. src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  21. <script>
  22. $(document).ready(function() {
  23. //
  24. $('a.poplight[href^=#]').click(function() {
  25. var popID = $(this).attr('rel'); //Get Popup Name
  26. var popURL = $(this).attr('href'); //Get Popup href to define size
  27. var query= popURL.split('?');
  28. var dim= query[1].split('&');
  29. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  30. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"></a>');
  31. var popMargTop = ($('#' + popID).height() + 80) / 2;
  32. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  33. //Apply Margin to Popup
  34. $('#' + popID).css({
  35. 'margin-top' : -popMargTop,
  36. 'margin-left' : -popMargLeft
  37. });
  38. $('body').append('<div id="fade"></div>');
  39. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  40. return false;
  41. });
  42. $('a.close, #fade').live('click', function() {
  43. $('#fade , .popup_block').fadeOut(function() {
  44. $('#fade, a.close').remove(); //fade them both out
  45. });
  46. return false;
  47. });
  48. });
  49. </script>
  50.  
  51. <!--------------------- FONT AWESOME --------------------->
  52.  
  53. <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet">
  54.  
  55. <!---------------------TOOLTIP------------------->
  56.  
  57. </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>
  58. (function($){
  59. $(document).ready(function(){
  60. $("a[title]").style_my_tooltips({
  61. tip_follows_cursor:true,
  62. tip_delay_time:90,
  63. tip_fade_speed:600,
  64. attribute:"title"
  65. });
  66. });
  67. })(jQuery);
  68.  
  69. </script>
  70.  
  71. <!---------------------TABBED POP UP------------------->
  72.  
  73. <script>
  74.  
  75. $(document).ready(function(){
  76. $("ul#tabs li").click(function(e){
  77. if (!$(this).hasClass("active")) {
  78. var tabNum = $(this).index();
  79. var nthChild = tabNum+1;
  80. $("ul#tabs li.active").removeClass("active");
  81. $(this).addClass("active");
  82. $("ul#tab li.active").removeClass("active");
  83. $("ul#tab li:nth-child("+nthChild+")").addClass("active");
  84. }
  85. });
  86. });
  87. </script>
  88.  
  89. <!---------------------DROP DOWN VERSES ------------------->
  90.  
  91. <script type="text/javascript" src="https://static.tumblr.com/3ikgvxs/0TGl4zgpu/jquery.min.js"></script>
  92. <script type="text/javascript">
  93. $(document).ready(function(){
  94. $(".links_body").hide();
  95. $(".links_head").click(function(){
  96. $(this).next(".links_body").slideToggle('fast');
  97. }); }); </script>
  98.  
  99.  
  100. <!---------------------GOOGLE FONTS ------------------->
  101.  
  102. <!--font-family: 'Karma', serif; -->
  103. <link href="https://fonts.googleapis.com/css?family=Karma" rel="stylesheet">
  104.  
  105. <!--font-family: 'Abel', sans-serif; -->
  106. <link href="https://fonts.googleapis.com/css?family=Abel" rel="stylesheet">
  107.  
  108. <!--font-family: 'Lovers Quarrel', cursive; -->
  109. <link href="https://fonts.googleapis.com/css?family=Lovers+Quarrel" rel="stylesheet">
  110.  
  111. <!--font-family: 'Parisienne', cursive; -->
  112. <link href="https://fonts.googleapis.com/css?family=Parisienne" rel="stylesheet">
  113.  
  114.  
  115.  
  116.  
  117. <style type="text/css">
  118.  
  119. /* --------------------SCROLLBAR------------------ */
  120.  
  121. ::-webkit-scrollbar-thumb{
  122. background-color: transparent;
  123. border: 1px solid transparent;
  124. height:0px; }
  125.  
  126. ::-webkit-scrollbar {
  127. height:0px;
  128. width: 0px;
  129. background-color: transparent; }
  130.  
  131. /* --------------------BODY------------------ */
  132.  
  133. body {
  134. background-color:#ffd5bc;
  135. background-image:url('https://i.imgur.com/zxk6sRr.png');
  136. background-repeat:no-repeat;
  137. background-position:fixed;
  138. background-attachment:fixed;
  139. font-family:'Karma', serif;
  140. text-align:justify;
  141. font-size:11px;
  142. color:#272727;
  143. font-weight:100%; }
  144.  
  145.  
  146. /* --------------------SMALL/SUB/SUP------------------ */
  147.  
  148. small, sub, sup {
  149. font-size:100%;
  150. }
  151.  
  152.  
  153. /* --------------------CONTAINER------------------ */
  154.  
  155. #container {
  156. position:absolute;
  157. background:transparent;
  158. left:285px;
  159. top:147px;
  160. height:450px;
  161. width:350px;
  162. text-align:justify;
  163. line-height:200%;
  164. word-spacing:3px;
  165. margin:auto;
  166. position:fixed;
  167. overflow-y:scroll;
  168. overflow-x:hidden;
  169. -webkit-mask-image: -webkit-gradient( /* GRADIENT ON THE BOTTOM */
  170. linear, center 75%, center bottom,
  171. from(rgba(0,0,0,20)),
  172. to(rgba(20,0,0,0)));
  173. opacity:1; }
  174.  
  175.  
  176. /* --------------------POSTS------------------ */
  177.  
  178. .posts {
  179. width:310px;
  180. background-color:#fc898e;
  181. border: 1px solid #000000;
  182. padding:10px;
  183. padding-top:20px;
  184. margin-bottom:30px; }
  185.  
  186. img {
  187. max-width:100%;
  188. border:none; }
  189.  
  190. .caption img {
  191. max-width:100%;
  192. height:auto; }
  193.  
  194. .posts img {
  195. max-width:100%;
  196. margin-top:5px;
  197. margin-bottom:5px;}
  198.  
  199.  
  200. /* --------------------LINKS IN POSTS------------------ */
  201.  
  202. a {
  203. text-decoration:none;
  204. font-family: 'Abel', sans-serif;
  205. font-size:14px;
  206. text-transform:none;
  207. outline:none;
  208. -moz-outline-style:none;
  209. color:#fd287e;
  210. text-shadow:1px 1px 1px #a7a7a7;
  211. -moz-transition-duration:0.7s;
  212. -webkit-transition-duration:0.7s;
  213. -o-transition-duration:0.7s; }
  214.  
  215. a:hover {
  216. text-decoration:none;
  217. outline:none;
  218. -moz-outline-style:none;
  219. color:#E0D66E;
  220. text-shadow: #eee 0 0 3px;
  221. text-decoration:none; }
  222.  
  223. /* --------------------BOLD/ITALIC/BIG------------------ */
  224.  
  225. b, strong, u {
  226. font-size:14px;
  227. font-family: 'Abel', sans-serif;
  228. text-transform:uppercase;
  229. color:#fd287e;
  230. text-shadow: 1px 1px 1px #000000; }
  231.  
  232. i, em {
  233. color:#ff9f8f;
  234. text-transform:lowercase;
  235. font-family: 'Parisienne', cursive;
  236. font-size:20px;
  237. line-height:120%;
  238. text-shadow: 1px 1px 1px transparent; }
  239.  
  240. big {
  241. font-size:14px;
  242. text-transform:uppercase;
  243. letter-spacing:2px;
  244. font-family: 'Karma', serif;
  245. color:#fd2684; }
  246.  
  247. /* --------------------BLOCKQUOTE------------------ */
  248.  
  249. blockquote {
  250. padding:5px;
  251. margin:1px 1px 1px 1px;
  252. border-left:1px solid #aeaeae; }
  253.  
  254. blockquote img {
  255. max-width:100%;
  256. height:auto; }
  257.  
  258. /* --------------------HEADERS------------------ */
  259.  
  260. h1 {
  261. font-weight:normal;
  262. font-size:22px;
  263. text-align:center;
  264. font-family: 'Abel', sans-serif;
  265. color:#393A37;
  266. line-height:18px;
  267. text-transform:uppercase;
  268. line-height:110%;
  269. text-shadow: 1px 1px 1px #000; }
  270.  
  271. h2 {
  272. font-weight:normal;
  273. font-size:15px;
  274. text-align:center;
  275. font-family: 'Abel', sans-serif;
  276. line-height:18px;
  277. text-transform:uppercase;}
  278.  
  279. /* --------------------INFO & TAGS------------------ */
  280.  
  281. #info {
  282. width:auto;
  283. height:25px;
  284. padding: 5px 5px 8px 5px;
  285. font-family: 'Abel', sans-serif; /* FONT FOR INFO */
  286. background-color:#fc898e; /* INFO BACKGROUND COLOR */
  287. background-image:url(''); /* INFO BACKGROUND */
  288. background-repeat:none;
  289. background-attachment:fixed;
  290. border:solid 1px #000000; /* INFO BORDER */
  291. text-transform:uppercase;
  292. text-align:center;
  293. overflow-y:scroll;
  294. word-spacing:10px;
  295. font-size:12px;
  296. position:relative;, }
  297.  
  298. #info a {
  299. color:#fff;
  300. font-style:normal;}
  301.  
  302.  
  303. #info a:hover {
  304. color:#000;
  305. transition-duration:0.9s;
  306. -webkit-transition-duration:0.9s;
  307. -o-transition-duration:0.9s;}
  308.  
  309. .infooutline {
  310. width:auto;
  311. height:auto;
  312. padding:2px 2px;
  313. border:1px dashed #000000;
  314. background:#fc898e;
  315. background-attachment:fixed;
  316. background-color:transparent;
  317. background-repeat:repeat;
  318. font-style:normal;
  319. line-height:120%;
  320. font-size:10px;
  321. opacity:1;
  322. text-align:right;
  323. -moz-transition-duration:0.5s;
  324. -webkit-transition-duration:0.5s;
  325. -o-transition-duration:0.5s;}
  326.  
  327. .tags {
  328. background:transparent;
  329. text-align:right;
  330. font-family: 'Abel', sans-serif;
  331. font-size:9px;
  332. padding-top:5px;
  333. padding-bottom:5px;
  334. word-spacing:3px;
  335. height:auto;
  336. width:auto; }
  337.  
  338.  
  339. .tags a{
  340. font-size:10px;
  341. font-family: 'Abel', sans-serif;
  342. text-transform:none;
  343. color:#2F552C;
  344. text-shadow: 1px 1px 1px #000;
  345. -moz-transition-duration:0.2s;
  346. -webkit-transition-duration:0.2s;
  347. -o-transition-duration:0.2s; }
  348.  
  349. .tags a:hover{
  350. color:#000;
  351. text-decoration:none;
  352. -moz-transition-duration:0.2s;
  353. -webkit-transition-duration:0.2s;
  354. -o-transition-duration:0.2s; }
  355.  
  356.  
  357. /* --------------------LINK ANIMATIONS------------------ */
  358.  
  359. .link1animated{
  360. -webkit-animation-name: scalex1;
  361. -webkit-animation-duration:2s;
  362. -webkit-animation-iteration-count:infinite;
  363. -webkit-animation-timing-function:ease-in-out;
  364. -moz-animation-name: scale;
  365. -moz-animation-duration:2s;
  366. -moz-animation-iteration-count:infinite;
  367. -moz-animation-timing-function:ease-in-out;
  368. }
  369.  
  370. @-webkit-keyframes scalex1{
  371. from {-webkit-transform: scale(3);}
  372. 45% {-webkit-transform: scale(2.5);}
  373. to {-webkit-transform: scale(3);}
  374. }
  375.  
  376. @-moz-keyframes scale1{
  377. from {-webkit-transform: scale(0);}
  378. 45% {-webkit-transform: scale(0);}
  379. to {-webkit-transform: scale(0);}
  380. }
  381.  
  382.  
  383. .link2animated{
  384. -webkit-animation-name: scalex1;
  385. -webkit-animation-duration:2s;
  386. -webkit-animation-iteration-count:infinite;
  387. -webkit-animation-timing-function:ease-in-out;
  388. -moz-animation-name: scale;
  389. -moz-animation-duration:2s;
  390. -moz-animation-iteration-count:infinite;
  391. -moz-animation-timing-function:ease-in-out;
  392. }
  393.  
  394. @-webkit-keyframes scalex1{
  395. from {-webkit-transform: scale(3);}
  396. 45% {-webkit-transform: scale(2.5);}
  397. to {-webkit-transform: scale(3);}
  398. }
  399.  
  400. @-moz-keyframes scale1{
  401. from {-webkit-transform: scale(0);}
  402. 45% {-webkit-transform: scale(0);}
  403. to {-webkit-transform: scale(0);}
  404. }
  405.  
  406. .link3animated{
  407. -webkit-animation-name:scalex2;
  408. -webkit-animation-duration:3s;
  409. -webkit-animation-iteration-count:infinite;
  410. -webkit-animation-timing-function:ease-in-out;
  411. -moz-animation-name: scale;
  412. -moz-animation-duration:3s;
  413. -moz-animation-iteration-count:infinite;
  414. -moz-animation-timing-function:ease-in-out;
  415. }
  416.  
  417. @-webkit-keyframes scalex2{
  418. from {-webkit-transform: scale(2);}
  419. 45% {-webkit-transform: scale(3);}
  420. to {-webkit-transform: scale(2);}
  421. }
  422.  
  423. @-moz-keyframes scale2{
  424. from {-webkit-transform: scale(0);}
  425. 45% {-webkit-transform: scale(0);}
  426. to {-webkit-transform: scale(0);}
  427. }
  428.  
  429. .link4animated{
  430. -webkit-animation-name: scalex4;
  431. -webkit-animation-duration:4s;
  432. -webkit-animation-iteration-count:infinite;
  433. -webkit-animation-timing-function:ease-in-out;
  434. -moz-animation-name: scale;
  435. -moz-animation-duration:4s;
  436. -moz-animation-iteration-count:infinite;
  437. -moz-animation-timing-function:ease-in-out;
  438. }
  439.  
  440. @-webkit-keyframes scalex4{
  441. from {-webkit-transform: scale(3);}
  442. 45% {-webkit-transform: scale(2.5);}
  443. to {-webkit-transform: scale(3);}
  444. }
  445.  
  446. @-moz-keyframes scale4{
  447. from {-webkit-transform: scale(0);}
  448. 45% {-webkit-transform: scale(0);}
  449. to {-webkit-transform: scale(0);}
  450. }
  451.  
  452. .link5animated{
  453. -webkit-animation-name: scalex5;
  454. -webkit-animation-duration:3s;
  455. -webkit-animation-iteration-count:infinite;
  456. -webkit-animation-timing-function:ease-in-out;
  457. -moz-animation-name: scale;
  458. -moz-animation-duration:3s;
  459. -moz-animation-iteration-count:infinite;
  460. -moz-animation-timing-function:ease-in-out;
  461. }
  462.  
  463. @-webkit-keyframes scalex5{
  464. from {-webkit-transform: scale(1);}
  465. 45% {-webkit-transform: scale(.75);}
  466. to {-webkit-transform: scale(1);}
  467. }
  468.  
  469. @-moz-keyframes scale5{
  470. from {-webkit-transform: scale(0);}
  471. 45% {-webkit-transform: scale(0);}
  472. to {-webkit-transform: scale(0);}
  473. }
  474.  
  475. /* --------------------MOVEABLE LINKS------------------ */
  476.  
  477. #home { /*THIS IS YOUR REFRESH AKA THE TEXT AT THE TOP OF THE CONTAINERS */
  478. position:fixed;
  479. width:50px;
  480. top:265px;
  481. left:126px;
  482. text-transform:lowercase;
  483. text-align:none;
  484. font-style:none;
  485. line-height:0%;
  486. z-index:9999999; }
  487.  
  488. #home a{
  489. font-family:'Lovers Quarrel';
  490. font-size:15px;
  491. line-height:80%;
  492. padding:1px;
  493. margin-top:1px;
  494. margin-left:6px;
  495. color:#fd2684;
  496. text-shadow: 1px 2px 1px transparent;
  497. -webkit-filter:blur(0px);
  498. -moz-transition-duration:.7s;
  499. -webkit-transition-duration:.7s;
  500. -o-transition-duration:.7s;}
  501.  
  502. #home a:hover {
  503. color:#000000;
  504. text-shadow:2px 1px 2px transparent;
  505. -webkit-filter:blur(0px);
  506. -moz-transition-duration:1s;
  507. -webkit-transition-duration:1s;
  508. -o-transition-duration:1s; }
  509.  
  510. #asklink {
  511. position:fixed;
  512. top:470px;
  513. left:210px;
  514. text-shadow:2px 1px 2px transparent;
  515. text-transform:lowercase;
  516. text-align:none;
  517. font-style:none;
  518. font-family:'Karma', serif;
  519. font-size:60px;
  520. line-height:0%;
  521. transform: rotate(20deg); }
  522.  
  523. #asklink a{
  524. margin-right:0px;
  525. color:#fd2684;
  526. text-shadow:2px 1px 2px transparent;
  527. -webkit-filter:blur(0px);
  528. -moz-transition-duration:.7s;
  529. -webkit-transition-duration:.7s;
  530. -o-transition-duration:.7s; }
  531.  
  532. #asklink a:hover {
  533. color:#000000 ;
  534. text-shadow: #d0d0d0 0 0 0px;
  535. -webkit-filter:blur(0px);
  536. -moz-transition-duration:1s;
  537. -webkit-transition-duration:1s;
  538. -o-transition-duration:1s; }
  539.  
  540.  
  541. #law {
  542. position:fixed;
  543. top:228px;
  544. left:186px;
  545. text-shadow:2px 1px 2px transparent;
  546. text-transform:lowercase;
  547. text-align:none;
  548. font-style:none;
  549. font-family:'Karma', serif;
  550. font-size:60px;
  551. line-height:0%;
  552. transform: rotate(-100deg); }
  553.  
  554. #law a{
  555. margin-right:0px;
  556. color:#fd2684;
  557. text-shadow:2px 1px 2px transparent;
  558. -webkit-filter:blur(0px);
  559. -moz-transition-duration:.7s;
  560. -webkit-transition-duration:.7s;
  561. -o-transition-duration:.7s; }
  562.  
  563. #law a:hover {
  564. color:#000000 ;
  565. text-shadow: #d0d0d0 0 0 0px;
  566. -webkit-filter:blur(0px);
  567. -moz-transition-duration:1s;
  568. -webkit-transition-duration:1s;
  569. -o-transition-duration:1s; }
  570.  
  571. #nav {
  572. position:fixed;
  573. top:350px;
  574. left:120px;
  575. text-shadow:2px 1px 2px transparent;
  576. text-transform:lowercase;
  577. text-align:none;
  578. font-style:none;
  579. font-family:'Karma', serif;
  580. font-size:30px;
  581. line-height:0%;
  582. transform: rotate(-20deg); }
  583.  
  584. #nav a{
  585. margin-right:0px;
  586. color:#fd287e;
  587. text-shadow:2px 1px 2px transparent;
  588. -webkit-filter:blur(0px);
  589. -moz-transition-duration:.7s;
  590. -webkit-transition-duration:.7s;
  591. -o-transition-duration:.7s; }
  592.  
  593. #nav a:hover {
  594. color:#000000;
  595. text-shadow:2px 1px 2px transparent;
  596. -webkit-filter:blur(0px);
  597. -moz-transition-duration:1s;
  598. -webkit-transition-duration:1s;
  599. -o-transition-duration:1s; }
  600.  
  601.  
  602. #credit {
  603. position:absolute;
  604. position:fixed;
  605. font-family: Abel', sans-serif;
  606. text-transform:bold;
  607. width:auto;
  608. height:auto;
  609. bottom:25px;
  610. right:10px;
  611. padding: 2px 2px 2px;
  612. font-size:20px;
  613. line-height:100%;
  614. z-index:99999999;
  615. letter-spacing: 1px;}
  616.  
  617. /* --------------------CREDIT------------------ */
  618.  
  619. #credit a {
  620. width:30px;
  621. line-height:100%;
  622. margin-bottom:10px;
  623. opacity:1;
  624. color:#aeaeae;
  625. letter-spacing:0px;
  626. text-decoration:none; }
  627.  
  628. #credit a:hover {
  629. color: #696969;
  630. width:60px;
  631. text-shadow: 0 0 5px #eee;
  632. -webkit-filter: blur(1px) ;
  633. -webkit-transition: 0.7s ease-in;
  634. -moz-transition: }
  635.  
  636.  
  637. /* --------------------PAGINATION------------------ */
  638.  
  639. #pagination {
  640. position:fixed;
  641. font-size:40px;
  642. top:540px;
  643. left:250px;
  644. -webkit-transform: rotate(-75deg);}
  645.  
  646. #pagination a {
  647. width:140px;
  648. line-height:100%;
  649. color:#fd287e;
  650. font-size:30px;
  651. text-shadow:1px 1px 3px #aeaeae,
  652. text-decoration:none; }
  653.  
  654. #pagination a:hover {
  655. text-align:center;
  656. color:#8a8e91;
  657. width:40px;
  658. -moz-transition-duration:.9s;
  659. -webkit-transition-duration:.9s;
  660. -o-transition-duration:.9s; }
  661.  
  662. #paginationb {
  663. position:fixed;
  664. font-size:30px;
  665. top:540px;
  666. left:155px;
  667. -webkit-transform: rotate(-25deg);}
  668.  
  669. #paginationb a {
  670. width:140px;
  671. line-height:100%;
  672. color:#fd287e;
  673. font-size:30px;
  674. text-shadow:1px 1px 3px #aeaeae,
  675. text-decoration:none; }
  676.  
  677. #paginationb a:hover {
  678. text-align:center;
  679. color:#8a8e91;
  680. width:40px;
  681. -moz-transition-duration:.9s;
  682. -webkit-transition-duration:.9s;
  683. -o-transition-duration:.9s; }
  684.  
  685. /* --------------------ASKS------------------ */
  686.  
  687.  
  688. .ask {
  689. margin-top:10px;
  690. background-color: #fc898e; /* ASK BACKGROUND */
  691. background-repeat:repeat;
  692. background-attachment: fixed;
  693. border-top:solid 1px #000000; }
  694.  
  695. .askerurl {
  696. height:15px;
  697. text-align:right;
  698. margin-top:-20px;}
  699.  
  700. .askerurl a {
  701. font-family: 'Lovers Quarrel', cursive;
  702. font-size:40px;
  703. text-transform:bold;
  704. letter-spacing:1px;
  705. color:#d22e29;
  706. text-align:right;
  707. text-shadow:1px 1px 3px #aeaeae, }
  708.  
  709. .askerurl a:hover {
  710. color:#E0D66E;
  711. text-shadow: #000 2px 0px 2px;
  712. letter-spacing: 1px;
  713. -moz-transition-duration:.9s;
  714. -webkit-transition-duration:.9s;
  715. -o-transition-duration:.9s; }
  716.  
  717. .question {
  718. text-align:justify;
  719. height:35px;
  720. overflow-y:scroll;
  721. background-color:transparent;
  722. padding:5px 5px;
  723. letter-spacing: 2px;
  724. color:#000; /* COLOR OF TEXT INSIDE ASK */
  725. text-shadow:1px 1px 1px #000;
  726. opacity: 1;
  727. padding-top:5px;
  728. margin-top:10px;
  729. margin-bottom:20px;
  730. border-bottom:solid center 1px #fff; }
  731.  
  732. /* --------------------QUOTES------------------ */
  733.  
  734. .quote {
  735. font-size:14px;
  736. letter-spacing:2px;
  737. text-align:center;
  738. border-bottom:solid 1px transparent;
  739. border-radius:25px;
  740. margin-bottom:5px;
  741. padding-bottom:5px; }
  742.  
  743. .quotesource {
  744. font-size:12px;
  745. letter-spacing:4px;
  746. text-align:right;
  747. margin-top:5px;
  748. margin-bottom:5px;
  749. text-transform:uppercase;
  750. font-style:bold;
  751. font-family: 'Karma', serif; }
  752.  
  753.  
  754. /* --------------------TABBED NAVIATION------------------ */
  755.  
  756. #tabbedpop {
  757. position:fixed;
  758. font-family: 'Abel', sans-serif;
  759. font-size:9px;
  760. margin-top:75px;
  761. margin-left:330px;
  762. width:200px;
  763. height:200px;
  764. color:#fc898e;
  765. text-align:justify;
  766. opacity:1;
  767. padding: 5px 5px 5px;
  768. opacity:1;}
  769.  
  770. /* --------------------INFORMATION BOX------------------ */
  771.  
  772. #descriptionbox {
  773. background:#fc898e;
  774. top:60px;
  775. left:292px;
  776. border: 1px solid #000000;
  777. position:fixed;
  778. font-family:'Abel', serif;
  779. font-size:12px;
  780. width:300px;
  781. height:70px;
  782. color:#000000;
  783. text-align:center;
  784. opacity:1;
  785. overflow-y:scroll;
  786. padding: 5px 5px 5px;
  787. -moz-transition-duration:0.5s;
  788. -webkit-transition-duration:0.5s;
  789. -o-transition-duration:0.5s;}
  790.  
  791. #descriptionbox:hover {
  792. opacity:1;}
  793.  
  794. .descoutline {
  795. background:#fff;
  796. margin-top:40px;
  797. margin-left:40px;
  798. width:212px;
  799. height:162;
  800. padding:2px 2px;
  801. border:1px dashed #aeaeae;
  802. background:#fff;
  803. background-attachment:fixed;
  804. background-color:transparent;
  805. background-repeat:repeat;
  806. font-style:normal;
  807. line-height:120%;
  808. font-size:10px;
  809. opacity:1;
  810. text-align:right;
  811. -moz-transition-duration:0.5s;
  812. -webkit-transition-duration:0.5s;
  813. -o-transition-duration:0.5s;}
  814.  
  815. .descoutline:hover {
  816. opacity:1; }
  817.  
  818. /* --------------------TITLES------------------ */
  819.  
  820. #titles {
  821. font-family: 'Abel', sans-serif;
  822. height:auto;
  823. font-size:14px;
  824. padding: 3px 3px;
  825. margin: 5px 0px 0px;
  826. letter-spacing: 1px;
  827. text-shadow: 1px 1px 1px #000;
  828. background: url('');
  829. background-repeat:repeat;
  830. background-attachment:fixed;
  831. border:1px solid #000000;
  832. line-height: normal;
  833. text-transform: uppercase;
  834. color: #fff;
  835. text-align: center;
  836. width:auto;
  837. z-index:9999 }
  838.  
  839. #asktitle {
  840. font-family: 'Abel', sans-serif;
  841. font-size: 16px;
  842. padding: 3px 3px;
  843. margin: 5px 0px 0px;
  844. letter-spacing: 1px;
  845. text-shadow: 1px 1px 1px #000;
  846. background: url('');
  847. background-repeat:repeat;
  848. background-attachment:fixed;
  849. border:1px solid #000000;
  850. line-height: normal;
  851. text-transform: uppercase;
  852. color:#fff;
  853. text-align: center;
  854. width:auto; }
  855.  
  856. /* --------------------PRE WRAP------------------ */
  857.  
  858. pre {
  859. font-family: 'Karma', serif;
  860. text-transform:uppercase;
  861. font-style:normal;
  862. white-space: pre-wrap;
  863. white-space: -moz-pre-wrap;
  864. white-space: -pre-wrap;
  865. white-space: -o-pre-wrap;
  866. word-wrap: break-word;
  867. }
  868.  
  869.  
  870. /* --------------------TOOL TIP------------------ */
  871.  
  872. #s-m-t-tooltip {
  873. max-width: 500px;
  874. padding: 5px 8px;
  875. margin: 10px;
  876. font-size: 10px;
  877. letter-spacing: 1px;
  878. font-family: 'Nightingale';
  879. text-transform:lowercase;
  880. background-repeat:repeat;
  881. background-attachment:fixed;
  882. color:#fff;
  883. z-index:9999999;
  884. transition: 0.5s ease-in-out;
  885. -webkit-transition: 0.5s ease-in-out;
  886. -moz-transition: 0.5s ease-in-out;
  887. -ms-transition: 0.5s ease-in-out;
  888. -o-transition: 0.5s ease-in-out; }
  889.  
  890.  
  891. /* --------------------POP UP BLOCK------------------ */
  892.  
  893. .popup_block{
  894. display:none;
  895. background:#fc898e;
  896. border: 1px solid #000000;
  897. padding:20px;
  898. height:426px;
  899. width:310px;
  900. position:fixed;
  901. z-index:99999;
  902. left:477px;
  903. top:400px;
  904. overflow-y:scroll;
  905. overflow-x:hidden;
  906. font-family:'Karma', serif;
  907. font-size:12px;
  908. text-transform:lowercase;
  909. padding:10px;
  910. overflow-x:hidden;
  911. overflow-x:hidden;
  912. -webkit-box-shadow: 0px 0px 0px #000;
  913. -moz-box-shadow: 0px 0px 0px #000;
  914. box-shadow: 0px 0px 0px #000; }
  915.  
  916. *html #fade {position: absolute;}
  917. *html .popup_block {position: absolute;}
  918. #fade {
  919. display:none;
  920. position:fixed;
  921. left:0px;
  922. top:0px;
  923. background:transparent;
  924. width:100%;
  925. height:100%; }
  926.  
  927.  
  928. /* --------------------TABBED TITLES ON POP UP------------------ */
  929.  
  930. ul#tabs {
  931. list-style-type: none;
  932. text-align:justify;
  933. font-size:11px;
  934. font-family: 'Abel', sans-serif;
  935. letter-spacing:1px; }
  936.  
  937. ul#tabs li {
  938. background:#232323;
  939. background-image:url('');
  940. background-repeat:repeat;
  941. background-attachment:fixed;
  942. border:1px solid #000000;
  943. width:75px;
  944. height:15px;
  945. display:inline-block;
  946. cursor: pointer;
  947. padding:5px 5px 5px;
  948. font-size:9px;
  949. font-family: 'Abel', sans-serif;
  950. text-transform:uppercase;
  951. text-align:center;
  952. line-height:200%;
  953. margin-bottom:5px;
  954. color:#fff;
  955. text-shadow: 1px 1px 1px #000; }
  956.  
  957. ul#tabs li:hover {
  958. background-color:#EDB2A7;
  959. border:1px solid #000;
  960. color:#fff; }
  961.  
  962. ul#tabs li.active {
  963. background:#F1D081;
  964. background-repeat:repeat;
  965. background-attachment:fixed;
  966. border:1px solid #000;
  967. color:#fff;
  968. display: inline-block;
  969. padding: 5px 5px 5px;
  970. font-size:9px;
  971. text-transform:uppercase; }
  972.  
  973. ul#tab {
  974. list-style-type: none;
  975. margin: 0;
  976. padding: 0; }
  977.  
  978. ul#tab li {
  979. display: none; }
  980.  
  981. ul#tab li.active {
  982. display: block; }
  983.  
  984. /* --------------------NAVIGATION LINKS------------------ */
  985.  
  986. .popuptags {
  987. padding-top:5px;
  988. text-align:center; }
  989.  
  990. .popuptags a {
  991. display:inline-block;
  992. width:75px;
  993. height:15px;
  994. margin:2px;
  995. padding:4px 2px 2px;
  996. text-align:center;
  997. background:transparent;
  998. background-position:fixed;
  999. background-repeat:repeat;
  1000. background-image: url('');
  1001. border:1px solid #000000;
  1002. font-size:9px;
  1003. font-family: 'Abel', sans-serif;
  1004. text-transform:uppercase; }
  1005.  
  1006.  
  1007. .popuptags a:hover {
  1008. background-color:transparent;
  1009. color:#fff; }
  1010.  
  1011. /* --------------------DROP DOWN VERSE------------------ */
  1012.  
  1013. .links_list {
  1014. margin:0px;
  1015. padding:0px;
  1016. width:100%; }
  1017.  
  1018. .links_head {
  1019. font-family: 'Abel', sans-serif;
  1020. height:auto;
  1021. font-size:14px;
  1022. padding: 3px 3px;
  1023. margin: 5px 0px 0px;
  1024. letter-spacing: 1px;
  1025. text-shadow: 1px 1px 1px #000;
  1026. background: url('https://i.imgur.com/l6gNVm4.png');
  1027. background-repeat:repeat;
  1028. background-attachment:fixed;
  1029. border:1px solid #000000;
  1030. line-height: normal;
  1031. text-transform: uppercase;
  1032. color:#EDEDED;
  1033. text-align: center;
  1034. width:auto; }
  1035.  
  1036. .links_body {
  1037. padding:10px;
  1038. text-align:left;
  1039. display:none; }
  1040.  
  1041. /* --------------------FONT FACE------------------ */
  1042.  
  1043. @font-face {
  1044. font-family: 'Nightingale';
  1045. src: url('https://static.tumblr.com/b2tj7wo/77Dp47rtw/nightingale_sample.ttf');
  1046. }
  1047.  
  1048. @font-face {
  1049. font-family: 'fontface';
  1050. src: url(data:font/ttf;base64,[https://static.tumblr.com/b2tj7wo/VPWp47rsw/nightingale.css]) format('truetype');
  1051. font-weight: normal;
  1052. font-style: normal;
  1053. }
  1054.  
  1055. </style>
  1056.  
  1057. <body>
  1058.  
  1059. <!-- THIS IS THE INFORMATION IN THE HOVER TEXT BOX -->
  1060.  
  1061. <div id="descriptionbox">
  1062. selective & private<br>
  1063. <b>CHARACTER NAME</b><br>
  1064. of <b>franchise</b>
  1065.  
  1066. <div id="titles"> </div><br>
  1067. written by <i>name</i><br>
  1068. est: date<p>
  1069. please read <b>RULES & ABOUT</b> before approaching<p>
  1070. <div id="titles">updates</div><p>
  1071. <b>threads:</b> 0 <br>
  1072. <b>starters:</b> 0 <br>
  1073. <b>inbox:</b> 0 <p><p>
  1074.  
  1075. </div></div></div>
  1076.  
  1077.  
  1078. <div id="askbox" class="popup_block">
  1079. <div id="asktitle">ASK PHRASE HERE</div><p>
  1080. <iframe frameborder="0" height="270" id="ask_form" scrolling="yes" src="https://www.tumblr.com/ask_form/{Name}.tumblr.com" width="100%"></iframe>
  1081. </div>
  1082.  
  1083.  
  1084. <div id="rules" class="popup_block">
  1085. <div id="titles">RULES</div><p>
  1086.  
  1087. RULES CAN BE WRITTEN IN HERE
  1088.  
  1089.  
  1090. </div></div>
  1091.  
  1092. <!-- NAVIGATION / OR SECOND POP UP W/ TABS -->
  1093.  
  1094. <div id="navigation" class="popup_block">
  1095. <div id="tabbedpop"><p>
  1096. <ul id="tabs">
  1097.  
  1098. <li class="active">ABOUT.</li>
  1099.  
  1100. <li>VERSES.</li>
  1101.  
  1102. <li>LINKS.</li>
  1103.  
  1104. <li>MAINS.</li>
  1105.  
  1106. <li>MUN.</li>
  1107. </ul>
  1108. </div>
  1109.  
  1110. <ul id="tab">
  1111. <li class="active">
  1112.  
  1113. <!-- THIRD/ABOUT TAB STARTS HERE -->
  1114.  
  1115. <div id="titles">BASICS</div><p>
  1116. <p><strong>FULL NAME:&nbsp;</strong>NAME</br>
  1117. <strong>NICKNAME[S]:</strong></b>NICKNAME <br>
  1118. <strong>BIRTH DATE:</strong>&nbsp;DATE<br>
  1119. <strong>ZODIAC:</strong>ZODIAC<br>
  1120. <strong>AGE:</strong>&nbsp;AGE</br>
  1121. <strong>ETHNICITY:</strong>&nbsp;ETHNICITY</br>
  1122. <strong>SPECIES:&nbsp;</strong>SPECIES</br>
  1123. <strong>GENDER:</strong>&nbsp;GENDER</br>
  1124. <strong>SEXUAL ORIENTATION:</strong>&nbsp;SEXUAL ORIENTATION</br>
  1125. <strong>ROMANTIC ORIENTATION:</strong>&nbsp;ROMANTIC ORIENTATION</br>
  1126. <strong>SPOKEN LANGUAGE:</strong>&nbsp;LANGUAGE </br>
  1127. <strong>OCCUPATION:</strong>&nbsp;JOB</br>
  1128. <strong>AFFILIATIONS:</strong>&nbsp; CLUBS</br>
  1129.  
  1130. <p><div id="titles">RELATIONSHIPS</div><p>
  1131. <p><strong>PARENTS:&nbsp;</strong>NAME (Mother), NAME </br>
  1132. <strong>SIBLINGS:&nbsp;</strong>NAMES</br>
  1133. <strong>SIGNIFICANT OTHER:</strong>&nbsp;VERSE DEPENDENT</br>
  1134.  
  1135. <p><div id="titles">PHYSICAL TRAITS</div><p>
  1136. <strong>EYE COLOUR:&nbsp;</strong>COLOUR</br>
  1137. <strong>HAIR COLOUR:</strong>&nbsp;COLOUR</br>
  1138. <strong>HEIGHT:</strong>&nbsp;HEIGHT</br>
  1139.  
  1140. <p><div id="titles">BIOGRAPHY</div><p>
  1141.  
  1142. <h1>CHILDHOOD</h1><p>
  1143. <p>whatever you want here
  1144.  
  1145. <h1>YOU CAN DO MULTIPLE THINGS</h1><p>
  1146.  
  1147. <p>to make your bio more organized </p>
  1148.  
  1149.  
  1150. <div id="titles">SKILLS &amp;&amp; ABILITIES</div><p>
  1151. <center>
  1152. skills can be written</br>
  1153. here or any abilities</br>
  1154. </center>
  1155. <p>
  1156.  
  1157.  
  1158. <div id="titles">PERSONALITY</div><p>
  1159. write about your characters personality!!</p>
  1160.  
  1161. </li>
  1162. <!-- THIRD/ABOUT TAB ENDS HERE -->
  1163.  
  1164.  
  1165. <!--FIFTH TAB/VERSES STARTS HERE -->
  1166.  
  1167. <li>
  1168. <p><p><p>
  1169. <div class="links_list">
  1170. <div class="links_head">MAIN VERSE</div>
  1171. <div class="links_body">
  1172. <center>
  1173. <a href="/VERSE TAG"><big>NAME OF VERSE.</big></a></center><p><blockquote>
  1174.  
  1175. GIVE YOUR VERSE A DESCRIPTION
  1176.  
  1177. </blockquote><br>
  1178. <p><p><p></div>
  1179.  
  1180. <p>
  1181.  
  1182. <p>
  1183. </li>
  1184.  
  1185. <!--FIFTH TAB/VERSES ENDS HERE -->
  1186.  
  1187. <!--SIXTH TAB/LINKS STARTS HERE -->
  1188.  
  1189. <li>
  1190. <div class="popuptags">
  1191. <div class="popuptags">
  1192. <div id="titles">LINKS</div><p><p><p>
  1193. <a href="LINK">LINK.</a>
  1194. <a href="LINK">LINK.</a>
  1195. <a href="LINK">LINK.</a></br>
  1196. <a href="LINK">LINK.</a>
  1197. <a href="LINK">LINK.</a>
  1198. <a href="LINK">LINK.</a><br>
  1199.  
  1200.  
  1201. </li>
  1202.  
  1203. <!-- SIXTH TAB/LINKS ENDS HERE -->
  1204.  
  1205. <!-- SEVENTH TAB / MUN PAGE STARTS HERE -->
  1206. <li>
  1207. <div id="titles">MAINS</div>
  1208. <p><p>
  1209. <img src="https://78.media.tumblr.com/db9afbec73ed6b5c5354c6b0695db7bd/tumblr_inline_p57hec1unw1vdv5k7_540.png" align="left" style="height:70px;width:70px;padding-right:5px;padding-bottom:0px;">
  1210.  
  1211. <big><a href="LINK HERE">NAME.</a></big>
  1212.  
  1213. <br><br>
  1214.  
  1215. <b>RELATIONSHIP:</b>TBA <br>
  1216. <b>VERSE:</b> TBA
  1217.  
  1218. <br><br><br>
  1219.  
  1220.  
  1221. <div id="titles">EXCLUSIVES</div>
  1222. <p><p>
  1223. <img src="https://78.media.tumblr.com/db9afbec73ed6b5c5354c6b0695db7bd/tumblr_inline_p57hec1unw1vdv5k7_540.png" align="left" style="height:70px;width:70px;padding-right:5px;padding-bottom:0px;">
  1224. <big><a href="/tagged/YOUR-VERSE-TAG-HERE">TBA.</a></big>
  1225.  
  1226. <br><br>
  1227.  
  1228. woah hey look an empy spot....maybe you can fill it ;)
  1229.  
  1230. <br><br>
  1231.  
  1232. <div id="titles">SHIP EXCLUSIVE</div>
  1233. <p><p>
  1234. <img src="https://78.media.tumblr.com/db9afbec73ed6b5c5354c6b0695db7bd/tumblr_inline_p57hec1unw1vdv5k7_540.png" align="left" style="height:70px;width:70px;padding-right:5px;padding-bottom:0px;">
  1235. <big><a href="/tagged/YOUR-VERSE-TAG-HERE">TBA.</a></big>
  1236.  
  1237. <br><br>
  1238.  
  1239. woah hey look an empy spot....maybe you can fill it ;)
  1240.  
  1241. <br><br>
  1242.  
  1243. </li>
  1244.  
  1245. <!--SEVENTH TAB / MUN PAGE ENDS HERE -->
  1246.  
  1247. <li>
  1248. <div id="titles">MUN</div><p><p>
  1249. HERE YOU CAN WRITE A LITTLE ABOUT YOURSELF
  1250. <p>
  1251.  
  1252. </li>
  1253.  
  1254. </div></div></div></div></div></div></div></div></div></div>
  1255.  
  1256.  
  1257.  
  1258.  
  1259.  
  1260. <div id="home"><div class="link1animated"><a href="/" title="return.">★</a></div></div>
  1261. <div id="asklink"><div class="link2animated"><a href="#?w=328" rel="askbox" class="poplight" title="comms.">★️</a></div></div>
  1262. <div id="law"><div class="link3animated"><a href="#?w=328" rel="rules" class="poplight" title="laws.">★️</a></div></div>
  1263. <div id="nav"><div class="link4animated"><a href="#?w=328" rel="navigation" class="poplight" title="atlas.">★</a></div></div>
  1264. <div id="credit"><a href="https://awokenhope.tumblr.com/" title="THEME BY AWOKENHOPE.">𝒶</a></div>
  1265. </a></div>
  1266.  
  1267. <div id="pagination">{block:Pagination}
  1268. {block:NextPage}<a class="forward"> <a href="{NextPage}" title="Next Page">➴</a>{/block:NextPage}{/block:Pagination}
  1269. </div>
  1270.  
  1271. <div id="paginationb">{block:Pagination}
  1272. {block:PreviousPage}<a class="back"> <a href="{PreviousPage}" title"Previous Page">➶</a>{/block:PreviousPage}{/block:Pagination}</a></a>
  1273. </div>
  1274.  
  1275. <div id="container">
  1276. {block:Posts}
  1277. <div class="posts">
  1278.  
  1279. {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
  1280.  
  1281. {block:Photo}<center>{LinkOpenTag}<img src="{PhotoURL-HighRes}" width="270px">{LinkCloseTag}</center>{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  1282. {block:Photoset}<center>{Photoset}</center>{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  1283.  
  1284.  
  1285. {block:Quote}<div class="quote">❛ {Quote} ❜</div>{block:Source}<div class="quotesource">-{Source}</div>{/block:Source}{/block:Quote}
  1286.  
  1287. {block:Link}<a href="{URL}" class="link" {Target}>{Name}</a>{block:Description}{Description}{/block:Description}{/block:Link}
  1288.  
  1289. {block:Chat}{block:Title}{Title}</a>{/block:Title}
  1290. {block:Lines}<li>{block:Label}{Label}{/block:Label}{Line}</li>{/block:Lines}{/block:Chat}
  1291.  
  1292. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  1293.  
  1294. {block:Audio}{AudioEmbed}{block:Caption}{Caption}{/block:Caption}{/block:Audio}
  1295.  
  1296.  
  1297. {block:Answer}
  1298.  
  1299. <div class="askpost">
  1300.  
  1301.  
  1302. <div class="ask">
  1303. <div class="askerurl">
  1304. <a href="{AskerURL}">{AskerName}</a>
  1305. </div>
  1306. <div class="question">
  1307. {Question}
  1308. </div>
  1309. </div>
  1310.  
  1311. {Answer}
  1312.  
  1313. </div>
  1314.  
  1315. {/block:Answer}
  1316.  
  1317.  
  1318. {block:Date}
  1319. <p>
  1320. <div class="infooutline">
  1321. <div id="info">
  1322. <a href="{Permalink}" title="{ShortMonth} {DayOfMonth}"> ✦ </a>
  1323. <a href="{Permalink}" title="{NoteCount} notes"> ✦</a>
  1324. <a href='{ReblogParentURL}' title="via{ReblogParentURL}"> ✦ </a>
  1325. <a href='{ReblogRootURL}' title="source{ReblogRootURL}"> ✦ </a>
  1326. <a href='{ReblogURL}' title="Reblog"> ✦ </a>
  1327. <div class="tags">
  1328. {block:HasTags}
  1329. {block:Tags} <a href="{TagURL}" title="{Tag}" data-tooltip="{Tag}" > {Tag} &nbsp; </a> {/block:Tags}
  1330. {/block:HasTags}</div></div>
  1331. {/block:Date}
  1332. </div>
  1333. </div>
  1334.  
  1335.  
  1336. <!-- {block:NoRebloggedFrom}
  1337. {block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}
  1338. {/block:NoRebloggedFrom} -->
  1339.  
  1340. {block:ContentSource}<!-- {SourceURL}
  1341. {block:SourceLogo}<img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}
  1342. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  1343. {/block:ContentSource}
  1344.  
  1345. {block:PostNotes}{PostNotes}{/block:PostNotes}
  1346. {/block:Posts}
  1347.  
  1348. </body>
  1349. </html>
Add Comment
Please, Sign In to add comment
Public Pastes
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!