API tools faq
paste
Advertisement
littlemisswhoever

Viper (edited): onlycertainty

littlemisswhoever
May 28th, 2019
284
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 57.57 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2.  
  3.  
  4.  
  5. <!-- (BASE) THEME BY SAE (INIZIARE) -->
  6.  
  7.  
  8.  
  9.  
  10.  
  11. <html>
  12. <head>
  13. <title>{Title}</title>
  14. <link rel="shortcut icon" href="{Favicon}">
  15. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  16. {block:Description}
  17. <meta name="description" content="{MetaDescription}" />
  18. {/block:Description}
  19. </head>
  20.  
  21.  
  22.  
  23.  
  24.  
  25. <!-- SCRIPT: TOOLTIP -->
  26.  
  27.  
  28. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  29. <script src="https://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  30. <script>
  31. (function($){
  32. $(document).ready(function(){
  33. $("a[title]").style_my_tooltips({
  34. tip_follows_cursor:true,
  35. tip_delay_time:90,
  36. tip_fade_speed:600,
  37. attribute:"title"
  38. });
  39. });
  40. })(jQuery);
  41. </script>
  42.  
  43.  
  44.  
  45.  
  46.  
  47. <!-- SCRIPT: POPUPS -->
  48.  
  49.  
  50. <script>
  51. $(document).ready(function() {
  52. //
  53. $('a.poplight[href^=#]').click(function() {
  54. var popID = $(this).attr('rel'); //Get Popup Name
  55. var popURL = $(this).attr('href'); //Get Popup href to define size
  56. var query= popURL.split('?');
  57. var dim= query[1].split('&');
  58. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  59. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"></a>');
  60. var popMargTop = ($('#' + popID).height() + 80) / 2;
  61. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  62. //Apply Margin to Popup
  63. $('#' + popID).css({
  64. 'margin-top' : -popMargTop,
  65. 'margin-left' : -popMargLeft
  66. });
  67. $('body').append('<div id="fade"></div>');
  68. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  69. return false;
  70. });
  71. $('a.close, #fade').live('click', function() {
  72. $('#fade , .popup_block').fadeOut(function() {
  73. $('#fade, a.close').remove(); //fade them both out
  74. });
  75. return false;
  76. });
  77. });
  78. </script>
  79.  
  80.  
  81.  
  82.  
  83.  
  84.  
  85.  
  86.  
  87. <!-- SCRIPT: jQuery -->
  88.  
  89. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  90.  
  91.  
  92.  
  93.  
  94. <!-- SCRIPT: AUDIO PLAYER -->
  95.  
  96. <script>
  97. $(document).ready(function() {
  98. $('iframe.tumblr_audio_player').load( function() {
  99. $('iframe.tumblr_audio_player').contents().find("head")
  100. .append($("<style type='text/css'> .audio-player{background:{color:background}!important; color:{color:italic} !important;} </style>"));
  101. });
  102. });
  103. </script>
  104.  
  105.  
  106.  
  107.  
  108. <!-- SCRIPT: NAVIGATION TABS -->
  109.  
  110.  
  111. <script>
  112. function openNavi(naviName) {
  113. var i;
  114. var x = document.getElementsByClassName("navi");
  115. for (i = 0; i < x.length; i++) {
  116. x[i].style.display = "none";
  117. }
  118. document.getElementById(naviName).style.display = "block";
  119. }
  120. </script>
  121.  
  122.  
  123.  
  124.  
  125. <script type="text/javascript" src="https://static.tumblr.com/8pnyeus/10hors8sn/themekid-popup.min.js"></script>
  126. <script type="text/javascript">
  127. $(document).ready(function(){
  128. popUp(true);
  129. });
  130. </script>
  131.  
  132.  
  133.  
  134.  
  135. <!-- SCRIPT: POPUP TABS -->
  136.  
  137. <script>$(document).ready(function(){
  138. $("ul#tabs li").click(function(e){
  139. if (!$(this).hasClass("active")) {
  140. var tabNum = $(this).index();
  141. var nthChild = tabNum+1;
  142. $("ul#tabs li.active").removeClass("active");
  143. $(this).addClass("active");
  144. $("ul#tab li.active").removeClass("active");
  145. $("ul#tab li:nth-child("+nthChild+")").addClass("active");}});});</script>
  146.  
  147.  
  148.  
  149.  
  150.  
  151.  
  152. <!-- CUSTOM FONTS -->
  153.  
  154. <link href="https://fonts.googleapis.com/css?family=Frank+Ruhl+Libre" rel="stylesheet">
  155.  
  156.  
  157. <link rel="stylesheet" href="https://static.tumblr.com/ebrrv1n/YAlpnz5ld/stylesheet.css">
  158.  
  159.  
  160.  
  161.  
  162. <!-- META LINES -->
  163.  
  164.  
  165. <meta name="image:Background" content="https://i.imgur.com/YD1hUme.png"/>
  166. <meta name="image:Sidebar Background" content="https://i.imgur.com/8CxPiRV.png"/>
  167. <meta name="image:Sidebar Image Top" content="https://i.imgur.com/zTzskPS.png"/>
  168. <meta name="image:Sidebar Image Bottom" content="https://i.imgur.com/qhianaU.png"/>
  169.  
  170.  
  171. <meta name="text:Custom Capitals Font" content="'customfonthere'">
  172. <meta name="text:Title" content="certainty">
  173.  
  174.  
  175. <meta name="color:Background" content="#000000" />
  176. <meta name="color:Border" content="#151515" />
  177. <meta name="color:Body Text" content="#C6C6C6" />
  178. <meta name="color:Bold" content="#555555" />
  179. <meta name="color:Italic" content="#ffffff" />
  180. <meta name="color:Links" content="#6D4C2D" />
  181. <meta name="color:Links Hover and Active" content="#ffffff" />
  182. <meta name="color:First Letter" content="#151515" />
  183. <meta name="color:Title" content="#000000" />
  184. <meta name="color:Title Shadow" content="#2E2E2E" />
  185. <meta name="color:Permalink" content="#151515" />
  186. <meta name="color:Tags" content="#151515" />
  187.  
  188.  
  189.  
  190. <meta name="if:Text Wrapping" content="1"/>
  191. <meta name="if:Boxed Blockquotes" content="1"/>
  192. <meta name="if:Icon Borders" content="1"/>
  193. <meta name="if:Bigger Tags on Hover" content="0"/>
  194. <meta name="if:First Letter Styling" content="1"/>
  195. <meta name="if:Calibri Font" content="0"/>
  196.  
  197.  
  198. <style type="text/css">
  199.  
  200.  
  201.  
  202.  
  203. /* SCROLLBAR */
  204.  
  205. ::-webkit-scrollbar {
  206. background:transparent;
  207. height: 0px;
  208. display:none;
  209. width: 0px; /* remove scrollbar space */
  210. -ms-overflow-style: none; // IE 10+
  211. overflow: -moz-scrollbars-none; // Firefox
  212. }
  213.  
  214.  
  215. ::-webkit-scrollbar-thumb {
  216. background:transparent;
  217. }
  218.  
  219.  
  220. /* TEXT SELECTION */
  221.  
  222. ::selection {background: #000000; color:#ffffff;}
  223. ::-moz-selection {background: #000000; color:#ffffff;}
  224.  
  225.  
  226.  
  227.  
  228.  
  229.  
  230. /* TOOLTIP */
  231.  
  232.  
  233. #s-m-t-tooltip {
  234. z-index:999999;
  235. height:36px;
  236. line-height:36px;
  237. max-width:350px;
  238. margin-left:10px;
  239. margin-top:10px;
  240. font-weight:bold;
  241. background-color:{color:background};
  242. border:1px solid {color:border};
  243. padding-left:16px;
  244. padding-right:16px;
  245. font-family:calibri;
  246. font-style:normal;
  247. font-size:10px;
  248. color: {color:italic};
  249. text-transform:uppercase;
  250. letter-spacing:0px;
  251. }
  252.  
  253.  
  254.  
  255.  
  256.  
  257.  
  258. /* FOUNDATION */
  259.  
  260.  
  261. body {
  262. background-image:url({image:background});
  263. background-attachment:fixed;
  264. background-repeat:no-repeat;
  265. background-position:center top;
  266. background-color:{color:background};
  267. color:{color:Body Text};
  268. font-size:10px;
  269. line-height:14px;
  270. word-spacing:-1px;
  271. color:{color:Body Text};
  272. font-family: 'Frank Ruhl Libre', serif;
  273. {block:ifCalibriFont}
  274. font-family:calibri;
  275. font-size:10px;
  276. {/block:ifCalibriFont}
  277. word-wrap: break-word;
  278. }
  279.  
  280.  
  281. body a {
  282. font-size:10px;
  283. color:{color:links};
  284. font-weight:bold;
  285. text-decoration:none!important;
  286. -moz-transition-duration:1s;
  287. -webkit-transition-duration:1s;
  288. -o-transition-duration:1s;
  289. }
  290.  
  291. body a:hover {
  292. color:{color:LINKS HOVER and active};
  293. -moz-transition-duration:1s;
  294. -webkit-transition-duration:1s;
  295. -o-transition-duration:1s;
  296. }
  297.  
  298.  
  299.  
  300.  
  301.  
  302.  
  303.  
  304.  
  305. /* BLOCKQUOTES */
  306.  
  307.  
  308.  
  309. blockquote {
  310. padding-left:24px;
  311. padding-right:24px;
  312. padding-top:12px;
  313. padding-bottom:12px;
  314. margin-top:12px;
  315. margin-bottom:12px;
  316. text-align:justify;
  317. margin-left:0px;
  318. margin-right:0px;
  319. border:1px solid {color:border};
  320. background-color:{color:background};
  321. word-wrap: break-word!important;
  322. }
  323.  
  324.  
  325.  
  326. blockquote blockquote {
  327. width: auto;
  328. border-left:1px solid {color:border}important;
  329. border-top:0px!important;
  330. border-bottom:0px!important;
  331. border-right:0px!important;
  332. outline:0px solid transparent;
  333. background-color:{color:background};
  334. padding-left:24px;
  335. padding-right:0px;
  336. padding-top:0px;
  337. padding-bottom:0px;
  338. margin-top:12px!important;
  339. margin-bottom:0px!important;
  340. }
  341.  
  342.  
  343.  
  344.  
  345. /* FONT-RELATED */
  346.  
  347.  
  348. small, sub, sup {
  349. font-size:10px;
  350. }
  351.  
  352.  
  353. sub {
  354. font-size:10px;
  355. vertical-align: baseline!important;
  356. position: relative!important;
  357. top: 0em!important;
  358. line-height:14px;
  359. }
  360.  
  361.  
  362.  
  363. sup {
  364. font-size:10px;
  365. vertical-align: baseline!important;
  366. position: relative!important;
  367. top: 0em!important;
  368. line-height:14px;
  369. }
  370.  
  371.  
  372.  
  373.  
  374. ul, ol {
  375. padding:0;
  376. list-style: decimal outside;
  377. margin-left:8px;
  378. }
  379.  
  380.  
  381. li {
  382. padding-left:2px;
  383. }
  384.  
  385.  
  386.  
  387. big {
  388. font-size:120%;
  389. }
  390.  
  391.  
  392.  
  393.  
  394. b, bold, strong {
  395. font-size:9.5px;
  396. text-transform:uppercase;
  397. font-family: calibri, sans-serif;
  398. font-weight:bold!important;
  399. color:{color:Bold};
  400. padding-right:0px;
  401. padding-left:0px;
  402. text-shadow: 0px 0px 1px rgba(69, 64, 64, 0.45);
  403.  
  404. }
  405.  
  406.  
  407.  
  408. em, i, italic {
  409. color: {color:Italic};
  410. }
  411.  
  412.  
  413.  
  414. {block:ifFirstLetterStyling}
  415. u, u a {
  416. background-color: {color:background};
  417. border: 1px solid {color:border};
  418. font-family:{text:Custom Capitals Font}, 'Frank Ruhl Libre', serif;
  419. color:{color:first letter};!important;
  420. text-decoration:none!important;
  421. font-style:normal!important;
  422. font-weight:lighter!important;
  423. text-transform:uppercase!important;
  424. float:left;
  425. margin-top:2px;
  426. height:53px;
  427. width:53px;
  428. font-size: 40px;
  429. margin-right: 11px;
  430. position: relative;
  431. text-align: center;
  432. vertical-align: middle;
  433. line-height: 56px;
  434. text-shadow:none!important;
  435. }
  436. {/block:ifFirstLetterStyling}
  437.  
  438.  
  439.  
  440. pre {
  441. font-weight:lighter;
  442. text-transform:uppercase;
  443. color: #d1d1d1;
  444. line-height:155%;
  445. font-weight:lighter!important;
  446. color:#e6e6e6;
  447. font-size:8.4px;
  448. letter-spacing:0.6px;
  449. white-space: pre-wrap;
  450. white-space: -moz-pre-wrap;
  451. white-space: -pre-wrap;
  452. white-space: -o-pre-wrap;
  453. word-wrap: break-word;
  454. }
  455.  
  456.  
  457. pre a {
  458. color:{color:links};
  459. -moz-transition-duration:2s;
  460. -webkit-transition-duration:2s;
  461. -o-transition-duration:2s;
  462. }
  463.  
  464.  
  465. h1 {
  466. border: 1px solid {color:border};
  467. background-color: transparent;
  468. line-height:24px;
  469. overflow:hidden;
  470. margin-top:12px;
  471. margin-bottom:12px;
  472. padding-top:6px;
  473. padding-bottom:6px;
  474. padding-left:24px;
  475. padding-right:24px;
  476. line-height:14px;
  477. z-index:9999999;
  478. text-align:left!important;
  479. font-family:calibri;
  480. font-weight:bold;
  481. font-size:10px!important;
  482. text-transform:uppercase;
  483. color:{color:bold}!important;
  484. }
  485.  
  486.  
  487. h1 a {
  488. color:{color:bold}!important;
  489. font-size:10px!important;
  490. }
  491.  
  492.  
  493.  
  494.  
  495. h2 {
  496. font-family: calibri, sans-serif;
  497. font-size:13.4px!important;
  498. text-transform:uppercase!important;
  499. color:{color:bold};
  500. letter-spacing:-0.4px;
  501. }
  502.  
  503.  
  504.  
  505. h2 a {
  506. font-family: calibri, sans-serif;
  507. font-size:13.4px!important;
  508. text-transform:uppercase!important;
  509. color:{color:links};
  510. letter-spacing:-0.4px;
  511. }
  512.  
  513.  
  514.  
  515.  
  516.  
  517. h4 {
  518. border:1px solid {color:border};
  519. margin-bottom:12px;
  520. margin-top:12px;
  521. padding-left:24px;
  522. height:24px;
  523. margin-right:0px;
  524. text-align:left;
  525. font-family:calibri;
  526. font-style:normal;
  527. font-weight:bold;
  528. font-size:10px;
  529. line-height:24px;
  530. color: {color:links};
  531. text-transform:uppercase;
  532. }
  533.  
  534.  
  535.  
  536. h4:first-child {
  537. margin-top:0px;
  538. }
  539.  
  540.  
  541.  
  542.  
  543. h4 a {
  544. font-family:calibri;
  545. font-style:normal;
  546. font-weight:700;
  547. font-size:10px;
  548. line-height:10px;
  549. text-shadow: 0px 0px 1px #000;
  550. color: #e8e8e8;
  551. }
  552.  
  553.  
  554.  
  555.  
  556.  
  557.  
  558.  
  559.  
  560.  
  561.  
  562. /* CONTAINER */
  563.  
  564.  
  565. #container {
  566. z-index:9999;
  567. left: 50%;
  568. margin-left:-443px;
  569. margin-top:75px;
  570. position:fixed;
  571. width:886px;
  572. height:490px;
  573. outline:1px solid {color:border};
  574. overflow:hidden;
  575. background-color:{color:background};
  576. }
  577.  
  578.  
  579.  
  580.  
  581.  
  582.  
  583. .sidebar {
  584. position:absolute;
  585. width:284px;
  586. height:438px;
  587. left:26px;
  588. top:26px;
  589. overflow-y:hidden;
  590. outline:1px solid {color:border};
  591. }
  592.  
  593.  
  594.  
  595.  
  596.  
  597.  
  598.  
  599.  
  600. .sidebarbg {
  601. -webkit-filter: brightness(1) contrast(1) saturate(1);
  602. opacity:1;
  603. background-image:url('{SideImageOne}');
  604. background-position:top left;
  605. position:absolute;
  606. margin-top:0px!important;
  607. margin-left:0px!important;
  608. outline:0px solid {color:border};
  609. width:284px;
  610. height:438px;
  611. }
  612.  
  613.  
  614.  
  615.  
  616.  
  617.  
  618.  
  619. .inner {
  620. position:absolute;
  621. width:231px;
  622. margin-left:26px;
  623. margin-top:26px;
  624. outline:1px solid {color:border};
  625. background:rgba(0,0,0,.65)
  626. padding:0px;
  627. -webkit-box-shadow: 0px 0px 48px 4px rgba(0,0,0,1);
  628. -moz-box-shadow: 0px 0px 48px 4px rgba(0,0,0,1);
  629. box-shadow: 0px 0px 48px 4px rgba(0,0,0,1);
  630. }
  631.  
  632.  
  633.  
  634.  
  635.  
  636.  
  637. .sidebarimgtop {
  638. -webkit-filter: brightness(1) contrast(1) saturate(1);
  639. background-image:url('{SideImageOne}');
  640. background-position:top left;
  641. margin-top:0px!important;
  642. margin-left:0px!important;
  643. outline:1px solid {color:border};
  644. overflow:hidden;
  645. width:231px;
  646. height:120px!important;
  647. }
  648.  
  649.  
  650.  
  651.  
  652.  
  653. .sidebarimgbottom {
  654. -webkit-filter: brightness(1) contrast(1) saturate(1);
  655. background-image:url('{SideImageOne}');
  656. background-position:top left;
  657. margin-left:0px!important;
  658. margin-top:1px;
  659. outline:1px solid {color:border};
  660. overflow:hidden;
  661. width:231px;
  662. height:120px;
  663. }
  664.  
  665.  
  666.  
  667.  
  668. .desctitle {
  669. position:absolute;
  670. font-family: 'letter_1882regular';
  671. color:{color:title};
  672. font-weight:bold!important;
  673. text-transform:lowercase;
  674. font-size:73px;
  675. width:225px;
  676. left:0px;
  677. top:115px;
  678. line-height:14px;
  679. letter-spacing:-5px;
  680. text-align:right!important;
  681. z-index:999;
  682. pointer-events:none;
  683. opacity:1;
  684. text-shadow:
  685. -1px -1px 0 {color:title shadow},
  686. 1px -1px 0 {color:title shadow},
  687. -1px 1px 0 {color:title shadow},
  688. 1px 1px 0 {color:title shadow};
  689. }
  690.  
  691.  
  692.  
  693.  
  694.  
  695. .description {
  696. width:183px;
  697. height:100px;
  698. padding-left:24px;
  699. padding-right:24px;
  700. outline:1px solid {color:border};
  701. border-top:27px solid {color:background};
  702. border-bottom:21px solid {color:background};
  703. background-color:{color:background};
  704. margin-top:-3px;
  705. line-height:14px;
  706. text-align:justify;
  707. overflow-y:scroll;
  708. -moz-transition-duration:1.5s;
  709. -webkit-transition-duration:1.5s;
  710. -o-transition-duration:1.5s;
  711. }
  712.  
  713.  
  714.  
  715. .description a {
  716. color:{color:bold};
  717. font-family: calibri;
  718. text-transform:uppercase;
  719. font-size:10px;
  720. font-weight:bold!important;
  721. -moz-transition-duration:2s;
  722. -webkit-transition-duration:2s;
  723. -o-transition-duration:2s;
  724. }
  725.  
  726.  
  727.  
  728.  
  729.  
  730. {block:ifFirstLetterStyling}
  731. .description:first-letter {
  732. background-color: {color:background};
  733. border: 1px solid {color:border};
  734. font-family:{text:Custom Capitals Font}, 'Frank Ruhl Libre', serif;
  735. color:{color:first letter};!important;
  736. text-decoration:none!important;
  737. font-style:normal!important;
  738. font-weight:lighter!important;
  739. text-transform:uppercase!important;
  740. float:left;
  741. margin-top:2px;
  742. height:50px;
  743. padding-left:10px;
  744. padding-right:10px;
  745. font-size: 40px;
  746. margin-right: 10px;
  747. position: relative;
  748. text-align: center;
  749. vertical-align: middle;
  750. line-height: 50px;
  751. }
  752. {/block:ifFirstLetterStyling}
  753.  
  754.  
  755.  
  756.  
  757.  
  758.  
  759.  
  760.  
  761.  
  762.  
  763.  
  764.  
  765.  
  766. /* POSTS: GENERAL */
  767.  
  768.  
  769.  
  770. #content {
  771. position:absolute;
  772. text-align:justify;
  773. height:312px;
  774. width:475px;
  775. left:337px;
  776. top:76px;
  777. background-color:transparent;
  778. border-bottom:24px solid {color:background};
  779. overflow-y:scroll;
  780. overflow-x:hidden;
  781. padding-left:24px;
  782. padding-right:24px;
  783. z-index:9;
  784. outline:1px solid {color:border}!important;
  785. }
  786.  
  787.  
  788.  
  789.  
  790.  
  791. #contenttopspace {
  792. position:absolute;
  793. width:523px;
  794. height:24px;
  795. background-color:{color:background};
  796. left:0px;
  797. margin-top:0px;
  798. z-index:999;
  799. }
  800.  
  801.  
  802.  
  803.  
  804.  
  805.  
  806.  
  807. .posts {
  808. width:475px;
  809. padding-right:25px;
  810. padding-left:25px;
  811. margin-left:-25px;
  812. word-wrap: break-word;
  813. text-align:justify;
  814. line-height:14px;
  815. margin-bottom:60px;
  816. }
  817.  
  818.  
  819.  
  820.  
  821.  
  822. .posts:last-child {
  823. margin-bottom:0px!important;
  824. }
  825.  
  826.  
  827.  
  828.  
  829.  
  830. .posts a {
  831. font-family: calibri;
  832. text-transform:uppercase;
  833. font-size:10px;
  834. font-weight:bold!important;
  835. -moz-transition-duration:2s;
  836. -webkit-transition-duration:2s;
  837. -o-transition-duration:2s;
  838. }
  839.  
  840.  
  841.  
  842. .posts a:hover {
  843. color:{color:LINKS HOVER and active};
  844. -moz-transition-duration:2s;
  845. -webkit-transition-duration:2s;
  846. -o-transition-duration:2s;
  847. }
  848.  
  849.  
  850. .posts img {
  851. max-width: -webkit-calc(100% - 22px);
  852. max-width: -moz-calc(100% - 22px);
  853. max-width: calc(100% - 22px);
  854. height:auto;
  855. }
  856.  
  857.  
  858.  
  859.  
  860.  
  861.  
  862.  
  863.  
  864.  
  865.  
  866.  
  867. /* TEXT-WRAPPING AROUND ICONS/IMAGES */
  868.  
  869.  
  870. #wrap {
  871. margin-top:12px;
  872. margin-bottom: 12px;
  873. }
  874.  
  875.  
  876. #wrap img {
  877. width: auto;
  878. overflow: hidden;
  879. margin-top:0px!important;
  880. margin-bottom:0px!important;
  881. padding-right:3px;
  882. padding-bottom:3px;
  883. {block:IfTextWrapping}
  884. float:left;
  885. margin-right:14px;
  886. {/block:IfTextWrapping}
  887. {block:ificonborders}
  888. padding:9px;
  889. border:1px solid {color:border};
  890. {/block:ificonborders}
  891. -webkit-filter: brightness(1) contrast(1) saturate(1);
  892. }
  893.  
  894.  
  895.  
  896. {block:IfTextWrapping}
  897. #wrap blockquote img {
  898. margin-top:12px!important;
  899. margin-bottom:10px!important;
  900. margin-left:12px;
  901. margin-right:0px!important;
  902. float:right;
  903. }
  904. {/block:IfTextWrapping}
  905.  
  906.  
  907.  
  908.  
  909.  
  910.  
  911.  
  912.  
  913.  
  914.  
  915.  
  916. /* NAVIGATION BAR */
  917.  
  918.  
  919. .navigation1 {
  920. top:437px;
  921. left:336px;
  922. width:600px;
  923. position:absolute;
  924. border:0px solid {color:border};
  925. height:25px;
  926. }
  927.  
  928.  
  929.  
  930.  
  931.  
  932. .navigation {
  933. top:25px;
  934. left:336px;
  935. width:600px;
  936. position:absolute;
  937. border:0px solid {color:border};
  938. height:25px;
  939. }
  940.  
  941.  
  942.  
  943.  
  944.  
  945. button {
  946. display:inline-block;
  947. box-sizing: border-box;
  948. font-size:9.5px;
  949. text-align:center;
  950. padding-left:24px;
  951. padding-right:24px;
  952. font-family: calibri, sans-serif;
  953. text-transform:uppercase;
  954. width:176.8px;
  955. max-width:176.8px;
  956. height:25px;
  957. background-color:{color:background};
  958. border:1px solid {color:border};
  959. line-height:22px;
  960. margin-left:0px;
  961. margin-right:-4px;
  962. color: {color:bold};
  963. font-weight:bold!important;
  964. overflow:hidden; /* older browsers */
  965. }
  966.  
  967.  
  968.  
  969.  
  970. button:focus {
  971. border:1px solid {color:border}!important;
  972. outline:0px solid {color:border}!important;
  973. color:{color:links};!important;
  974. }
  975.  
  976.  
  977. button:active {
  978. border:1px solid {color:border}!important;
  979. outline:0px solid {color:border}!important;
  980. color:{color:links};!important;
  981. }
  982.  
  983.  
  984.  
  985.  
  986. #tabcontent {
  987. position:absolute;
  988. text-align:justify;
  989. height:365px;
  990. width:475px;
  991. left:337px;
  992. top:76px;
  993. overflow-y:hidden;
  994. padding-top:0px!important;
  995. background-color:{color:background};!important;
  996. border-top:0px solid {color:background};
  997. border-bottom:24px solid {color:background};
  998. overflow-y:scroll;
  999. padding-left:24px;
  1000. padding-right:24px;
  1001. z-index:99999999999999999999999;
  1002. outline:1px solid {color:border}!important;
  1003. }
  1004.  
  1005.  
  1006.  
  1007. #tabcontent a {
  1008. font-family:calibri;
  1009. font-family:8px!important;
  1010. color:{color:italic};
  1011. text-transform:uppercase;
  1012. }
  1013.  
  1014.  
  1015.  
  1016.  
  1017.  
  1018.  
  1019.  
  1020. /* POSTS: TEXT */
  1021.  
  1022.  
  1023.  
  1024. #textbody {
  1025. margin-top:24px!important;
  1026. {block:permalinkpage}
  1027. padding-top:0px;
  1028. {/block:permalinkpage}
  1029.  
  1030. }
  1031.  
  1032.  
  1033.  
  1034.  
  1035. /* POSTS: PHOTO/PHOTOSETS */
  1036.  
  1037.  
  1038. #psingle {
  1039. margin-top:24px!important;
  1040. width: 500px;
  1041. margin-top:-1px;
  1042. -webkit-filter: brightness(1) contrast(1.1) saturate(0.75);
  1043. -webkit-transition: all 0.9s ease-in-out;
  1044. -moz-transition: all 0.9s ease-in-out;
  1045. -o-transition: all 0.9s ease-in-out;
  1046. -ms-transition: all 0.9s ease-in-out;
  1047. transition: all 0.9s ease-in-out;
  1048. }
  1049.  
  1050.  
  1051.  
  1052. #psingle:hover {
  1053. -webkit-filter: brightness(1) contrast(1.1) saturate(0.75);
  1054. -webkit-transition: all 0.9s ease-in-out;
  1055. -moz-transition: all 0.9s ease-in-out;
  1056. -o-transition: all 0.9s ease-in-out;
  1057. -ms-transition: all 0.9s ease-in-out;
  1058. transition: all 0.9s ease-in-out;
  1059. }
  1060.  
  1061.  
  1062.  
  1063.  
  1064.  
  1065. #pset {
  1066. width: 474px;
  1067. margin-top:24px!important;
  1068. margin-bottom:0px;
  1069. margin-left:0px;
  1070. -webkit-filter: brightness(.65) contrast(1.1) saturate(0.75);
  1071. -webkit-transition: all 0.9s ease-in-out;
  1072. -moz-transition: all 0.9s ease-in-out;
  1073. -o-transition: all 0.9s ease-in-out;
  1074. -ms-transition: all 0.9s ease-in-out;
  1075. transition: all 0.9s ease-in-out;
  1076. }
  1077.  
  1078.  
  1079.  
  1080.  
  1081. #pset:hover {
  1082. -webkit-filter: brightness(.65) contrast(1.1) saturate(0.75);
  1083. -webkit-transition: all 0.9s ease-in-out;
  1084. -moz-transition: all 0.9s ease-in-out;
  1085. -o-transition: all 0.9s ease-in-out;
  1086. -ms-transition: all 0.9s ease-in-out;
  1087. transition: all 0.9s ease-in-out;
  1088. }
  1089.  
  1090.  
  1091.  
  1092.  
  1093.  
  1094.  
  1095.  
  1096.  
  1097.  
  1098. /* POSTS: QUOTE */
  1099.  
  1100.  
  1101. #quotebox {
  1102. outline:1px solid {color:border};
  1103. padding-left:24px;
  1104. padding-right:24px;
  1105. padding-top:24px;
  1106. padding-bottom:0px;
  1107. margin-left:0px;
  1108. margin-right:0px;
  1109. margin-bottom:0px;
  1110. margin-top:24px;
  1111. }
  1112.  
  1113.  
  1114.  
  1115. #quote {
  1116. font-size:14px;
  1117. text-align:left;
  1118. padding-top:0px;
  1119. padding-bottom:0px;
  1120. letter-spacing:-0.6px;
  1121. line-height:14px;
  1122. }
  1123.  
  1124.  
  1125.  
  1126.  
  1127.  
  1128.  
  1129. .source {
  1130. font-family:calibri;
  1131. font-weight:bold;
  1132. text-align:left;
  1133. font-size:9.5px;
  1134. height:24px;
  1135. line-height:24px;
  1136. color: #e8e8e8;
  1137. text-transform:uppercase;
  1138. border-top:1px solid {color:border};
  1139. letter-spacing:0.2px;
  1140. margin-top:-1px;
  1141. padding-right:24px;
  1142. padding-left:24px;
  1143. margin-top:24px;
  1144. margin-left:-25px;
  1145. margin-right:-25px;
  1146. }
  1147.  
  1148.  
  1149.  
  1150.  
  1151.  
  1152.  
  1153. /* POSTS: LINK */
  1154.  
  1155.  
  1156.  
  1157. #link {
  1158. margin-top:32px;
  1159. border:1px solid {color:border};
  1160. padding:24px;
  1161. }
  1162.  
  1163.  
  1164. #link a {
  1165. font-size:12px;
  1166. }
  1167.  
  1168.  
  1169.  
  1170.  
  1171.  
  1172.  
  1173.  
  1174.  
  1175.  
  1176. /* POSTS: CHAT */
  1177.  
  1178.  
  1179. #chatbox {
  1180. margin-right:-25px;
  1181. margin-left:-25px!important;
  1182. padding-bottom:0px!important;
  1183. }
  1184.  
  1185.  
  1186.  
  1187. #chat {
  1188. margin-top:25px;
  1189. border-top:1px solid {color:border};
  1190. padding-top:27px;
  1191. padding-left:24px;
  1192. padding-right:24px;
  1193. }
  1194.  
  1195.  
  1196.  
  1197.  
  1198.  
  1199.  
  1200. /* POSTS: AUDIO */
  1201.  
  1202.  
  1203. #audiobox {
  1204. {block:permalinkpage}
  1205. margin-top:0px;
  1206. {/block:permalinkpage}
  1207. margin-top:-24px!important;
  1208. padding-left:24px;
  1209. padding-right:24px;
  1210. padding-bottom:20px;
  1211. padding-top:24px;
  1212. margin-left:0px;
  1213. margin-right:0px;
  1214. margin-bottom:-18px;
  1215. }
  1216.  
  1217.  
  1218.  
  1219.  
  1220. .player {
  1221. opacity: 1;
  1222. position: absolute;
  1223. z-index: 1;
  1224. line-height:33px;
  1225. margin-left: -16px;
  1226. margin-top:35px;
  1227. display: block;
  1228. }
  1229.  
  1230.  
  1231.  
  1232.  
  1233. .audioplayer {
  1234. width: 24px;
  1235. height: 24px;
  1236. margin-left: 0px;
  1237. overflow: hidden;
  1238. padding: 0px;
  1239. }
  1240.  
  1241.  
  1242.  
  1243. .audioinfo {
  1244. border:1px solid {color:border};
  1245. margin-left: -24px;
  1246. margin-right: -24px;
  1247. padding-left:48px;
  1248. padding-right:24px;
  1249. margin-top:24px;
  1250. margin-bottom:-4px;
  1251. height:48px;
  1252. line-height:48px;
  1253. display: block;
  1254. font-family:calibri;
  1255. font-weight:bold;
  1256. text-transform: uppercase;
  1257. text-align: left;
  1258. letter-spacing:0.2px;
  1259. word-spacing:-0.5px;
  1260. overflow:hidden;
  1261. font-size:9.5px;
  1262. color:{color:bold};
  1263. }
  1264.  
  1265.  
  1266.  
  1267. #acaption {
  1268. border-top:0px solid #151515;
  1269. padding-top:12px;
  1270. padding-bottom:12px;
  1271. margin-left:-24px;
  1272. padding-left:24px;
  1273. }
  1274.  
  1275. #acaption a {
  1276. font-size:10px;
  1277. }
  1278.  
  1279.  
  1280.  
  1281.  
  1282.  
  1283.  
  1284.  
  1285.  
  1286.  
  1287. /* POSTS: VIDEO */
  1288.  
  1289.  
  1290. .video-container {
  1291. margin-top:25px;
  1292. padding:25px;
  1293. outline:1px solid {color:border};
  1294. }
  1295.  
  1296.  
  1297. .video-content {
  1298. -webkit-filter: brightness(1) contrast(1.1) saturate(0.85);
  1299. position: relative;
  1300. margin-top:55px!important;
  1301. height: 0;
  1302. overflow: hidden;
  1303. margin-right:25px!important;
  1304. padding:25px;
  1305. outline:1px solid {color:border};
  1306. }
  1307.  
  1308. .video-content iframe, .video-content object, .video-content embed {
  1309. position: absolute;
  1310. margin-top:25px!important;
  1311. padding:25px;
  1312. outline:1px solid {color:border};
  1313. overflow: hidden;
  1314. }
  1315.  
  1316.  
  1317.  
  1318.  
  1319.  
  1320.  
  1321.  
  1322. /* POSTS: ASK */
  1323.  
  1324.  
  1325. #question {
  1326. margin-top:25px;
  1327. height:70px;
  1328. margin-left:1px;
  1329. background-color:{color:background};
  1330. }
  1331.  
  1332.  
  1333.  
  1334. #ask {
  1335. z-index:999999!important;
  1336. float:left;
  1337. font-family:calibri, sans-serif;
  1338. text-transform:uppercase;
  1339. position: absolute;
  1340. font-weight:bold;
  1341. background-color:{color:background};
  1342. font-size:9px;
  1343. line-height:12px!important;
  1344. width:358px;
  1345. min-height:21px;
  1346. max-height:21px;
  1347. overflow:scroll;
  1348. margin-top:0px;
  1349. margin-left:0px;
  1350. margin-bottom:0px;
  1351. padding-left:24px;
  1352. padding-right:24px;
  1353. outline:solid 1px {color:border};
  1354. border-top:22px solid {color:background};
  1355. border-bottom:22px solid {color:background};
  1356. -moz-transition-duration:1.5s;
  1357. -webkit-transition-duration:1.5s;
  1358. -o-transition-duration:1.5s;
  1359. }
  1360.  
  1361.  
  1362.  
  1363. #ask:hover {
  1364. max-height:35px!important;
  1365. width:424px;
  1366. z-index:999999!important;
  1367. -moz-transition-duration:1.5s;
  1368. -webkit-transition-duration:1.5s;
  1369. -o-transition-duration:1.5s;
  1370. }
  1371.  
  1372.  
  1373. #ask a {
  1374. font-weight:bold;
  1375. color:{color:links};
  1376. font-size:9px;
  1377. text-decoration:none;
  1378. }
  1379.  
  1380.  
  1381. #ask b {
  1382. color:{color:links};
  1383. font-size:9px;
  1384. line-height:11px;
  1385. font-family:calibri!important;
  1386. }
  1387.  
  1388.  
  1389.  
  1390. #ask img {
  1391. -webkit-filter:grayscale(1);
  1392. }
  1393.  
  1394.  
  1395.  
  1396.  
  1397. .letterask {
  1398. font-family:'Frank Ruhl Libre', serif;
  1399. z-index:9999!important;
  1400. position:absolute;
  1401. text-align:center;
  1402. font-size:44px;
  1403. margin-left:407px;
  1404. outline:1px solid {color:border};
  1405. background-color:{color:background};
  1406. padding-top:25px;
  1407. padding-bottom:26px;
  1408. padding-left:17px;
  1409. padding-right:17px;
  1410. color:{color:first letter};
  1411. -webkit-user-select: none; /* Chrome all / Safari all */
  1412. -moz-user-select: none; /* Firefox all */
  1413. -ms-user-select: none; /* IE 10+ */
  1414. user-select: none; /* Likely future */
  1415. }
  1416.  
  1417.  
  1418.  
  1419.  
  1420. #response {
  1421. margin-top:24px;
  1422. padding-top:0px;
  1423. }
  1424.  
  1425.  
  1426.  
  1427.  
  1428.  
  1429.  
  1430.  
  1431. /* POST INFORMATION */
  1432.  
  1433.  
  1434.  
  1435. .permalinkbar {
  1436. margin-top:24px!important;
  1437. margin-left:-25px;
  1438. margin-right:-25px;
  1439. color:#151515!important;
  1440. }
  1441.  
  1442.  
  1443.  
  1444.  
  1445. .permalinkbuttons {
  1446. height:25px;
  1447. background-color:{color:background};
  1448. font-weight:bold!important;
  1449. line-height:25px;
  1450. letter-spacing:-0.2px;
  1451. margin-left:0px!important;
  1452. margin-bottom:1px!important;
  1453. border:1px solid {color:border};
  1454. color:{color:border};
  1455. }
  1456.  
  1457.  
  1458.  
  1459.  
  1460. .permalinkbuttons a {
  1461. display:inline-block;
  1462. box-sizing: border-box;
  1463. font-size:9.5px;
  1464. text-align:center;
  1465. padding-left:25px;
  1466. padding-right:25px;
  1467. font-family: calibri, sans-serif;
  1468. text-transform:uppercase;
  1469. width:173.7px;
  1470. max-width:173.7px;
  1471. height:25px;
  1472. background-color:{color:background};
  1473. outline:1px solid {color:border};
  1474. line-height:25px;
  1475. color: #2f2f2f;
  1476. font-weight:bold!important;
  1477. overflow:hidden; /* older browsers */
  1478. }
  1479.  
  1480.  
  1481. .permalinkbuttons a:hover {
  1482. color:{color:links };
  1483. -moz-transition-duration:2s;
  1484. -webkit-transition-duration:2s;
  1485. -o-transition-duration:2s;
  1486. }
  1487.  
  1488.  
  1489.  
  1490.  
  1491.  
  1492. .tags {
  1493. font-family: calibri!important;
  1494. font-weight:bold!important;
  1495. background-color:{color:background};
  1496. border:1px solid {color:border};
  1497. padding-top:6px;
  1498. padding-bottom:6px;
  1499. padding-left:24px;
  1500. padding-right:24px;
  1501. margin-left:-25px;
  1502. margin-right:-25px;
  1503. margin-top:-2px;
  1504. color:{color:bold};
  1505. text-transform:uppercase!important;
  1506. font-style:normal;
  1507. line-height:150%;
  1508. font-size:8.4px;
  1509. text-align:justify;
  1510. -moz-text-align-last: center; /* Code for Firefox */
  1511. text-align-last: center;
  1512.  
  1513. }
  1514.  
  1515.  
  1516.  
  1517. .tags a {
  1518. text-decoration:none!important;
  1519. font-weight:bold!important;
  1520. font-size:8.4px;
  1521. margin-right:1px;
  1522. text-transform:uppercase!important;
  1523. font-family: calibri!important;
  1524. color:{color:border};
  1525. -moz-transition-duration:1s;
  1526. -webkit-transition-duration:1s;
  1527. -o-transition-duration:1s;
  1528. }
  1529.  
  1530.  
  1531. .tags a:hover {
  1532. color:{color:italic}!important;
  1533. -moz-transition-duration:1s;
  1534. -webkit-transition-duration:1s;
  1535. -o-transition-duration:1s;
  1536. {block:ifBiggerTagsonHover}
  1537. font-size:9px!important;
  1538. {block:ifBiggerTagsonHover}
  1539. }
  1540.  
  1541.  
  1542.  
  1543.  
  1544.  
  1545.  
  1546.  
  1547.  
  1548.  
  1549.  
  1550.  
  1551.  
  1552. /* PERMAPAGE NOTES */
  1553.  
  1554.  
  1555. #notes {
  1556. outline:1px solid {color:border};
  1557. margin-bottom:1px!important;
  1558. margin-left:1px;
  1559. margin-right:1px;
  1560. margin-top:25px!important;
  1561. padding-top:16px;
  1562. padding-bottom:16px;
  1563. padding-left:16px;
  1564. padding-right:16px;
  1565. text-align:left;
  1566. }
  1567.  
  1568.  
  1569. .note li {
  1570. list-style-type:none;
  1571. padding-top:0px;
  1572. line-height:14px;
  1573. padding-bottom:0px;
  1574. padding-left:0px;
  1575. padding-right:0px;
  1576. text-align:left!important;
  1577. -moz-transition-duration:0.5s;
  1578. -webkit-transition-duration:0.5s;
  1579. -o-transition-duration:0.5s;
  1580. font-family:calibri!important;
  1581. font-size:9px!important;
  1582. font-weight:bold;
  1583. text-transform:uppercase;
  1584. color:{color:button text};
  1585. }
  1586.  
  1587.  
  1588. .note li a {
  1589. text-align:left!important;
  1590. padding-top:25px;
  1591. font-family:calibri!important;
  1592. font-size:9px!important;
  1593. padding-right:0px;
  1594. font-weight:bold;
  1595. text-transform:uppercase;
  1596. letter-spacing:0px;
  1597. color: {color:body text};
  1598. }
  1599.  
  1600.  
  1601. .more_notes_link, .more_notes_link a {
  1602. text-align:left!important;
  1603. margin-top:25px!important;
  1604. padding-top:25px!important;
  1605. color:{color:italic}!important;
  1606. }
  1607.  
  1608.  
  1609. .note blockquote a {
  1610. padding-top:12px;
  1611. padding-bottom:12px;
  1612. padding-left:24px;
  1613. padding-right:24px;
  1614. margin-top:12px;
  1615. margin-bottom:12px;
  1616. margin-left:0px;
  1617. margin-right:0px;
  1618. color:{color:bold}!important;
  1619. }
  1620.  
  1621.  
  1622. .note img.avatar {
  1623. display:none;
  1624. width: 0px;
  1625. height: 0px;
  1626. }
  1627.  
  1628.  
  1629.  
  1630.  
  1631.  
  1632.  
  1633.  
  1634. /* PAGINATION */
  1635.  
  1636.  
  1637. .navigation1 {
  1638. left:337px;
  1639. top:439px;
  1640. position:absolute;
  1641. width: 523px;
  1642. outline:1px solid {color:border};
  1643. height:25px;
  1644. line-height:25px;
  1645. z-index:9099999999999999999999999999999000999999999999999999999;
  1646. }
  1647.  
  1648.  
  1649.  
  1650.  
  1651.  
  1652. .pagination {
  1653. height:25px;
  1654. line-height:25px;
  1655. }
  1656.  
  1657.  
  1658.  
  1659.  
  1660.  
  1661. .pagination b {
  1662. color:{color:pagination links};!important;
  1663. }
  1664.  
  1665.  
  1666.  
  1667.  
  1668. .pagination a {
  1669. display:inline-block;
  1670. box-sizing: border-box;
  1671. font-size:10px;
  1672. text-align:center;
  1673. padding-left:24px;
  1674. padding-right:24px;
  1675. font-family: calibri, sans-serif;
  1676. text-transform:uppercase;
  1677. width:173.8px;
  1678. max-width:173.8px;
  1679. height:25px;
  1680. background-color:{color:background};
  1681. outline:1px solid {color:border};
  1682. line-height:25px;
  1683. margin-right:0px;
  1684. color: {color:bold};
  1685. font-weight:bold!important;
  1686. overflow:hidden; /* older browsers */
  1687. }
  1688.  
  1689.  
  1690.  
  1691.  
  1692. .pagination a:first-child {
  1693. margin-left:0px!important;
  1694. }
  1695.  
  1696.  
  1697. .pagination a:last-child {
  1698. margin-right:0px!important;
  1699. }
  1700.  
  1701.  
  1702.  
  1703. .pagination a:hover {
  1704. font-weight:bold!important;
  1705. color:{color:Links Hover and Active}!important;
  1706. -moz-transition-duration:2s;
  1707. -webkit-transition-duration:2s;
  1708. -o-transition-duration:2s;
  1709. }
  1710.  
  1711.  
  1712.  
  1713.  
  1714.  
  1715.  
  1716.  
  1717.  
  1718.  
  1719.  
  1720.  
  1721.  
  1722.  
  1723.  
  1724.  
  1725.  
  1726. /* POPUPS: GENERAL */
  1727.  
  1728.  
  1729. .popup_block {
  1730. box-sizing: border-box;
  1731. width:400px;
  1732. height:388px;
  1733. max-height:388px;
  1734. margin-top:76px!important;
  1735. margin-left:337px!important;
  1736. display:none;
  1737. background-color:{color:background}!important;
  1738. outline:1px solid {color:border};
  1739. border-bottom:24px solid {color:background};
  1740. padding-left:24px;
  1741. padding-right:24px;
  1742. position:absolute;
  1743. z-index:999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999;
  1744. opacity:1;
  1745. overflow-y:hidden;
  1746. text-align:justify;
  1747. overflow-x:hidden;
  1748. }
  1749.  
  1750.  
  1751.  
  1752.  
  1753. .popup_block h1 {
  1754. outline: 1px solid {color:border};
  1755. background-color: transparent;
  1756. height:24px;
  1757. overflow:hidden;
  1758. margin-top:1px;
  1759. margin-left:0px;
  1760. margin-right:0px;
  1761. margin-bottom:24px;
  1762. padding-left:24px;
  1763. padding-right:24px;
  1764. z-index:9999999;
  1765. text-align:left;
  1766. font-family:calibri;
  1767. font-weight:700;
  1768. font-size:11px;
  1769. line-height:24px;
  1770. color: {color:first letter};
  1771. text-transform:uppercase;
  1772. }
  1773.  
  1774.  
  1775.  
  1776. .popup_block blockquote {
  1777. color:#6a6a6a!important;
  1778. }
  1779.  
  1780.  
  1781. .popup_block a {
  1782. margin-right:0px;
  1783. vertical-align:top;
  1784. font-family: calibri, sans-serif;
  1785. font-size:9px;
  1786. color:#ffffff;
  1787. font-weight:bold!important;
  1788. position: relative;
  1789. text-decoration:none;
  1790. text-transform:uppercase;
  1791. }
  1792.  
  1793.  
  1794.  
  1795. *html #fade {
  1796. position: absolute;
  1797.  
  1798. }
  1799.  
  1800.  
  1801.  
  1802. *html .popup_block {
  1803. position: absolute;
  1804.  
  1805. }
  1806.  
  1807.  
  1808.  
  1809. #fade {
  1810. display:none;
  1811. position:fixed;
  1812. left:0px;
  1813. top:0px;
  1814. width:100%;
  1815. height:100%;
  1816. z-index:9;
  1817. background:transparent;
  1818. opacity:0;
  1819. }
  1820.  
  1821.  
  1822.  
  1823.  
  1824.  
  1825.  
  1826.  
  1827.  
  1828.  
  1829.  
  1830.  
  1831. /* POPUPS: NAVIGATION */
  1832.  
  1833.  
  1834. #nvbar {
  1835. background-color:{color:background};
  1836. }
  1837.  
  1838.  
  1839.  
  1840. .nvlinks {
  1841. margin-top:10px!important;
  1842. margin-bottom:10px!important;
  1843. margin-left:0px;
  1844. padding-top:0px;
  1845. padding-bottom:0px;
  1846. text-align:center;
  1847. }
  1848.  
  1849.  
  1850.  
  1851. .nvlinks a {
  1852. font-family: calibri, sans-serif;
  1853. font-weight:lighter!important;
  1854. text-transform:uppercase;
  1855. display:inline-block;
  1856. box-sizing: border-box;
  1857. width:178px;
  1858. height:24px!important;
  1859. padding-left:24px;
  1860. line-height:25px;
  1861. margin-left:-0px;
  1862. margin-right:4px;
  1863. margin-bottom:7.2px;
  1864. text-align:left;
  1865. border: 1px solid {color:border};
  1866. line-height:24px;
  1867. color:{color:italic}!important;
  1868. font-size:8.5px;
  1869. letter-spacing:0.4px;
  1870. cursor: pointer;
  1871. z-index:2;
  1872. -moz-transition-duration:1s;
  1873. -webkit-transition-duration:1s;
  1874. -o-transition-duration:1s;
  1875. }
  1876.  
  1877.  
  1878.  
  1879.  
  1880. .nvlinks a:nth-of-type(2n) {
  1881. margin-right:0px!important;
  1882. }
  1883.  
  1884.  
  1885.  
  1886.  
  1887. .nvlinks:last-child {
  1888. margin-bottom:0px!important;
  1889. bottom:0px!important;
  1890. }
  1891.  
  1892.  
  1893.  
  1894.  
  1895. .nvlinks a:hover {
  1896. color:{color:links hover};
  1897. -moz-transition-duration:1s;
  1898. -webkit-transition-duration:1s;
  1899. -o-transition-duration:1s;
  1900. }
  1901.  
  1902.  
  1903.  
  1904.  
  1905.  
  1906.  
  1907.  
  1908.  
  1909.  
  1910.  
  1911.  
  1912.  
  1913.  
  1914.  
  1915.  
  1916.  
  1917.  
  1918. /* MUSES */
  1919.  
  1920.  
  1921. .mcontent {
  1922. position:absolute;
  1923. left:52px;
  1924. margin-top:173px;
  1925. height:144px;
  1926. max-height:144px;
  1927. width:231px;
  1928. max-width:231px;
  1929. border-bottom:0px solid #000000!important;
  1930. border-top:0px solid #000000!important;
  1931. overflow-y:scroll;
  1932. padding-left:0px;
  1933. padding-right:0px;
  1934. outline:1px solid {color:border}!important;
  1935. opacity:1!important;
  1936. }
  1937.  
  1938.  
  1939.  
  1940.  
  1941.  
  1942. .mtitle {
  1943. position:absolute;
  1944. font-family: 'letter_1882regular';
  1945. color:{color:italic};
  1946. font-weight:100!important;
  1947. font-size:66px;
  1948. width:225px;
  1949. margin-left:0px;
  1950. margin-top:100px;
  1951. line-height:14px;
  1952. letter-spacing:-2px;
  1953. text-align:right!important;
  1954. pointer-events:none;
  1955. z-index:99999999999999999999999999999;
  1956. }
  1957.  
  1958.  
  1959.  
  1960.  
  1961.  
  1962. .mmuse {
  1963. margin-top:0px;
  1964. padding-left:0px!important;
  1965. width:275px;
  1966. background-color:{color:background};
  1967. }
  1968.  
  1969.  
  1970.  
  1971.  
  1972.  
  1973.  
  1974. .mmuse:active, .mmuse:focus {
  1975. background-color:{color:background}!important;
  1976. color:{color:bold};
  1977. }
  1978.  
  1979.  
  1980.  
  1981.  
  1982.  
  1983.  
  1984.  
  1985. .mmuse a {
  1986. display:inline-block;
  1987. box-sizing: border-box;
  1988. padding-right:24px;
  1989. outline:1px solid {color:border};
  1990. background-color:{color:background};
  1991. width:275px;
  1992. overflow:hidden;
  1993. height:50px;
  1994. padding-left:24px;
  1995. padding-right:24px;
  1996. font-family:calibri;
  1997. text-align:left;
  1998. font-style:normal;
  1999. font-weight:bold!important;
  2000. margin-right:0px;
  2001. margin-bottom:-3px;
  2002. font-size:8.5px;
  2003. letter-spacing:0.4px;
  2004. line-height:50px;
  2005. color: {color:bold};
  2006. text-transform:uppercase;
  2007. }
  2008.  
  2009.  
  2010.  
  2011.  
  2012.  
  2013.  
  2014. .mmuse a:active, .mmuse a:focus {
  2015. color:{color:links}!important;
  2016. background-color:{color:background}!important;
  2017. }
  2018.  
  2019.  
  2020. .mmuse a:hover, .mmuse a:nth-of-type(even):hover {
  2021. color:{color:links}!important;
  2022. }
  2023.  
  2024.  
  2025.  
  2026. .mmuse a:nth-of-type(odd) {
  2027. color:{color:links};!important;
  2028.  
  2029. }
  2030.  
  2031.  
  2032.  
  2033.  
  2034.  
  2035.  
  2036.  
  2037.  
  2038.  
  2039. /* MUSE PAGES */
  2040.  
  2041.  
  2042.  
  2043. .mimage {
  2044. margin-top:0px;
  2045. margin-left:-24px;
  2046. margin-bottom:0px!important;
  2047. height:100px;
  2048. width:523px;
  2049. outline:1px solid #151515;
  2050. }
  2051.  
  2052.  
  2053.  
  2054. .mnavi {
  2055. margin-top:0px;
  2056. margin-left:-25px!important;
  2057. margin-right:-25px!important;
  2058. margin-bottom:0px;
  2059. }
  2060.  
  2061.  
  2062.  
  2063.  
  2064. ul#tabs {
  2065. text-align: left;
  2066. Cursor:pointer;
  2067. }
  2068.  
  2069.  
  2070.  
  2071. ul#tabs li {
  2072. display:inline-block;
  2073. box-sizing: border-box;
  2074. font-size:9.5px;
  2075. text-align:center;
  2076. padding-left:24px;
  2077. padding-right:24px;
  2078. margin-bottom:-5px!important;
  2079. font-family: calibri, sans-serif;
  2080. text-transform:uppercase;
  2081. width:263px;
  2082. max-width:263px;
  2083. height:25px;
  2084. background-color:transparent;
  2085. border:1px solid {color:border};
  2086. line-height:25px;
  2087. margin-left:0px;
  2088. margin-right:-2px;
  2089. color: {color:bold};
  2090. font-weight:bold!important;
  2091. overflow:hidden; /* older browsers */
  2092. }
  2093.  
  2094.  
  2095.  
  2096.  
  2097.  
  2098.  
  2099. ul#tabs li.active {
  2100. display:inline-block;
  2101. box-sizing: border-box;
  2102. font-size:9.5px;
  2103. text-align:center;
  2104. padding-left:24px;
  2105. padding-right:24px;
  2106. font-family: calibri, sans-serif;
  2107. text-transform:uppercase;
  2108. background-color:transparent;
  2109. border:1px solid {color:border};
  2110. margin-left:0px;
  2111. margin-right:-2px;
  2112. color:{color:links};
  2113. font-weight:bold!important;
  2114. overflow:hidden; /* older browsers */
  2115. }
  2116.  
  2117.  
  2118.  
  2119. ul#tab, ul#tabs{
  2120. list-style-type:none;
  2121. margin:0px;
  2122. padding:0px;
  2123. }
  2124.  
  2125. ul#tab li.active {
  2126. display: block;
  2127. }
  2128.  
  2129. ul#tab li {
  2130. display: none;
  2131. }
  2132.  
  2133.  
  2134.  
  2135.  
  2136. .mdescription {
  2137. margin-top:2px!important;
  2138. border-top:24px solid {color:background};
  2139. border-bottom:24px solid {color:background};
  2140. overflow-y:scroll!important;
  2141. height:240px;
  2142. background-color:transparent;
  2143. }
  2144.  
  2145.  
  2146. .mlinks a {
  2147. font-family: calibri, sans-serif;
  2148. font-weight:bold!important;
  2149. text-transform:uppercase;
  2150. display:inline-block;
  2151. box-sizing: border-box;
  2152. width:234px;
  2153. height:25px!important;
  2154. padding-left:24px;
  2155. line-height:25px;
  2156. margin-left:-0px;
  2157. margin-right:4px;
  2158. margin-bottom:8.4px;
  2159. text-align:left;
  2160. background:{color:background};
  2161. border: 1px solid #151515;
  2162. color:#6a6a6a!important;
  2163. font-size:8.5px;
  2164. letter-spacing:0.4px;
  2165. cursor: pointer;
  2166. z-index:2;
  2167. -moz-transition-duration:1s;
  2168. -webkit-transition-duration:1s;
  2169. -o-transition-duration:1s;
  2170. }
  2171.  
  2172.  
  2173.  
  2174. .mlinks a:nth-of-type(even) {
  2175. margin-right:0px!important;
  2176. }
  2177.  
  2178.  
  2179.  
  2180.  
  2181. .mlinks a:hover {
  2182. color:#ffffff!important;
  2183. -moz-transition-duration:1s;
  2184. -webkit-transition-duration:1s;
  2185. -o-transition-duration:1s;
  2186. }
  2187.  
  2188.  
  2189.  
  2190.  
  2191.  
  2192.  
  2193.  
  2194.  
  2195.  
  2196.  
  2197.  
  2198.  
  2199.  
  2200. /* CREDIT */
  2201.  
  2202.  
  2203. #credit {
  2204. background-color:{color:background};
  2205. border:1px solid {color:border};
  2206. padding:6px 10px;
  2207. z-index:999;
  2208. position:absolute;
  2209. bottom:44px;
  2210. right:44px;
  2211. width:6px;
  2212. height:14px;
  2213. word-wrap:break-word;
  2214. font-family:calibri;
  2215. overflow:hidden;
  2216. -webkit-transition:all 1s ease;
  2217. -moz-transition:all 1s ease;
  2218. -o-transition:all 1s ease;
  2219. transition:all 1s ease-in-out;
  2220. }
  2221.  
  2222.  
  2223. #credit a {
  2224. color:{color:links};
  2225. text-transform:uppercase;
  2226. font-size:9.5px;
  2227. }
  2228.  
  2229.  
  2230.  
  2231. #credit:hover {
  2232. width:73px;
  2233. }
  2234.  
  2235.  
  2236.  
  2237.  
  2238. #credit span {
  2239. text-shadow:1px 1px .2px #000;
  2240. color:{color:bold};
  2241. font-family:calibri;
  2242. margin-right:10px;
  2243. font-size:10.5px;
  2244. }
  2245.  
  2246.  
  2247.  
  2248.  
  2249.  
  2250.  
  2251.  
  2252. </style>
  2253.  
  2254. </head>
  2255.  
  2256.  
  2257.  
  2258.  
  2259.  
  2260. <body>
  2261.  
  2262.  
  2263. <div id="container">
  2264.  
  2265.  
  2266.  
  2267.  
  2268. <!-- sidebarBG -->
  2269.  
  2270.  
  2271. <div class="sidebar">
  2272.  
  2273. <div class="sidebarbg">
  2274. <img src="{image:Sidebar Background}">
  2275. </div class="sidebarbg">
  2276.  
  2277.  
  2278. <div class="inner">
  2279.  
  2280.  
  2281. <div class="desctitle">
  2282. {text:Title}
  2283. </div class="desctitle">
  2284.  
  2285.  
  2286.  
  2287. <div class="sidebarimgtop">
  2288. <img src="{image:Sidebar Image Top}">
  2289. </div class="sidebarimgtop">
  2290.  
  2291.  
  2292. <div class="description">
  2293.  
  2294. An independent and private portrayal for the character of <b style="color:{color:links}!important">James Kidd</b> as introduced in Ubisoft's entry of <i>Assassin's Creed: Black Flag.</i> I would appreciate it if my rules were read before approaching me! <b style="color:{color:links}!important">As written and deeply adored by Melody.</b>
  2295.  
  2296. </div class="description">
  2297.  
  2298.  
  2299. <div class="sidebarimgbottom">
  2300. <img src="{image:Sidebar Image Bottom}">
  2301. </div class="sidebarimgbottom">
  2302.  
  2303.  
  2304.  
  2305. </div class="inner">
  2306.  
  2307. </div class="sidebar">
  2308.  
  2309.  
  2310.  
  2311.  
  2312.  
  2313.  
  2314.  
  2315. <!-- POSTS -->
  2316.  
  2317.  
  2318. <div class="navigation">
  2319.  
  2320. <button class="w3-bar-item w3-button" onclick="openNavi('Index')" autofocus style="text-align:left;">Refresh / Index</button>
  2321. <button class="w3-bar-item w3-button" onclick="openNavi('Inquiries')">Inquiries / Askbox</button>
  2322. <button class="w3-bar-item w3-button" onclick="openNavi('Muses')" style="text-align:right;">The Navigation</button>
  2323.  
  2324. </div class="navigation">
  2325.  
  2326.  
  2327.  
  2328.  
  2329. <div id="content">
  2330. <div id="contenttopspace"></div id="contenttopspace">
  2331.  
  2332.  
  2333.  
  2334.  
  2335.  
  2336.  
  2337. {block:Posts}
  2338. <div class="posts">
  2339.  
  2340.  
  2341.  
  2342.  
  2343.  
  2344.  
  2345.  
  2346.  
  2347. <!-- POSTS: TEXT -->
  2348.  
  2349.  
  2350. {block:Text}
  2351.  
  2352.  
  2353. <div id="textbody">
  2354. {block:Title}
  2355. <h1>{Title}</a></h1>
  2356. {/block:Title}
  2357. <div id="wrap">
  2358. {Body}
  2359. <div style="clear:both">
  2360. </div style="clear:both">
  2361. </div id="wrap">
  2362. </div id="textbody">
  2363.  
  2364.  
  2365. {/block:Text}
  2366.  
  2367.  
  2368.  
  2369.  
  2370.  
  2371. <!-- POSTS: PHOTO/SET -->
  2372.  
  2373. {block:Photo}
  2374. <div id="psingle">
  2375. {LinkOpenTag}
  2376. <img src="{PhotoURL-HighRes}">
  2377. {LinkCloseTag}
  2378. </div id="psingle">
  2379.  
  2380. {block:Caption}
  2381. <div id="pcaption">
  2382. {Caption}
  2383. </div id="pcaption">
  2384. {/block:Caption}
  2385. {/block:Photo}
  2386.  
  2387.  
  2388. {block:Photoset}
  2389. <div id="pset">
  2390. {Photoset}
  2391. </div id="pset">
  2392.  
  2393. {block:Caption}
  2394. <div id="pcaption">
  2395. {Caption}
  2396. </div id="pcaption">
  2397. {/block:Caption}
  2398. {/block:Photoset}
  2399.  
  2400.  
  2401.  
  2402.  
  2403.  
  2404. <!-- POSTS: QUOTE -->
  2405.  
  2406. {block:Quote}
  2407. <div id="quote">
  2408. {Quote} — <span style="font-family:calibri; font-size:10.4px; text-transform:uppercase; color:{color:bold}; font-weight:bold!important; letter-spacing:0.2px;">by {Source}</span>
  2409. </div id="quote">
  2410. {/block:Quote}
  2411.  
  2412.  
  2413.  
  2414.  
  2415.  
  2416. <!-- POSTS: LINK -->
  2417.  
  2418. {block:Link}
  2419. <div id="linkpost">
  2420. <div id="link">
  2421. <a href="{URL}" {Target}>{Name}&nbsp;&nbsp; ►</a>
  2422. </div id="link">
  2423. </div id="linkpost">
  2424. {/block:Link}
  2425.  
  2426.  
  2427.  
  2428.  
  2429.  
  2430. <!-- POSTS: CHAT -->
  2431.  
  2432.  
  2433. {block:Chat}
  2434.  
  2435. <div id="chatbox">
  2436. <div id="chat">
  2437. {block:Lines}
  2438. <div id="{Alt}">
  2439. {block:Label}<i>{Label}</i>{/block:Label} {Line}
  2440. </div id="{Alt}">
  2441. {/block:Lines}
  2442. </div id="chat">
  2443. </div id="chatbox">
  2444.  
  2445. {/block:Chat}
  2446.  
  2447.  
  2448.  
  2449.  
  2450.  
  2451. <!-- POSTS: AUDIO -->
  2452.  
  2453. {block:Audio}
  2454. <div id="audiobox">
  2455.  
  2456. <div class="player">
  2457. <div class="audioplayer">
  2458.  
  2459. {AudioPlayerWhite}
  2460.  
  2461. </div class="audioplayer">
  2462. </div class="player">
  2463.  
  2464.  
  2465. <div class="audioinfo">
  2466. {block:TrackName}{TrackName}{/block:TrackName} — {block:Artist}{Artist}{/block:Artist}
  2467. </div class="audioinfo">
  2468.  
  2469. </div id="audiobox">
  2470.  
  2471.  
  2472. {block:Caption}
  2473. {Caption}
  2474. {/block:Caption}
  2475.  
  2476. {/block:Audio}
  2477.  
  2478.  
  2479.  
  2480.  
  2481.  
  2482. <!-- POSTS: VIDEO -->
  2483.  
  2484. {block:Video}
  2485. <div class="video-container">
  2486. {Video-400}
  2487. {block:Caption}{Caption}{/block:Caption}
  2488. </div class="video-container">
  2489. {Caption}
  2490. {/block:Video}
  2491.  
  2492.  
  2493.  
  2494.  
  2495.  
  2496. <!-- POSTS: ASK -->
  2497.  
  2498. {block:Answer}
  2499. <div id="answer">
  2500.  
  2501. <div id="question"><div id="ask"><b>{Asker} is inquiring for information:</b> {Question}</div><div class="letterask">Q</div></div>
  2502.  
  2503.  
  2504.  
  2505.  
  2506. <div id="response"><div id="wrap">{Answer}</div id="wrap"><div style="clear:both; margin-bottom:-5px;"></div>
  2507. </div id="response">
  2508.  
  2509. </div id="answer">
  2510. {/block:Answer}
  2511.  
  2512.  
  2513.  
  2514.  
  2515.  
  2516.  
  2517. <!-- POST INFORMATION -->
  2518.  
  2519.  
  2520.  
  2521. {block:Date}
  2522. {block:indexpage}
  2523.  
  2524. <div class="permalinkbar">
  2525.  
  2526.  
  2527. <div class="permalinkbuttons">
  2528.  
  2529. <a href="{Permalink}" style="text-align:left;">{Month} {DayOfMonth}{DayOfMonthSuffix} / {12Hour}:{Minutes}{CapitalAmPm} / {NoteCountWithLabel}</a>
  2530.  
  2531. {block:RebloggedFrom} <a href="{ReblogParentName}" title="{ReblogParentName}">REBLOGGED FROM / VIA</a>{/block:RebloggedFrom}
  2532.  
  2533. <a href="{ReblogURL}" target="_blank" class="details" style="float:right; text-align:right;">CLICK TO REBLOG THIS POST</a>
  2534.  
  2535. </div class="permalinkbuttons">
  2536.  
  2537.  
  2538. </div class="permalinkbar">
  2539.  
  2540. {block:HasTags}
  2541. <div class="tags">
  2542. {block:Tags}
  2543. <a href="{TagURL}">{Tag}&nbsp;&nbsp;</a>
  2544. {/block:Tags}
  2545.  
  2546. </div class="tags">
  2547. {/block:HasTags}
  2548. {/block:indexpage}
  2549.  
  2550.  
  2551.  
  2552.  
  2553. {block:permalinkpage}
  2554. <div class="permalinkbar">
  2555. <div class="permalinkbuttons">
  2556. {block:RebloggedFrom}
  2557. <a href="{ReblogParentName}" title="{ReblogParentName}">REBLOGGED FROM / VIA / SOURCE</a>
  2558. {/block:RebloggedFrom}
  2559.  
  2560. <a href="{ReblogURL}" target="_blank" class="details" style="float:right; ">CLICK HERE TO REBLOG THIS POST</a>
  2561. </div class="permalinkbuttons">
  2562. </div class="permalinkbar">
  2563.  
  2564.  
  2565. {block:HasTags}
  2566. <div class="tags">
  2567. {block:Tags}
  2568. <a href="{TagURL}">{Tag}&nbsp;&nbsp;</a>
  2569. {/block:Tags}
  2570.  
  2571. </div class="tags">
  2572. {/block:HasTags}
  2573.  
  2574. {/block:permalinkpage}
  2575.  
  2576.  
  2577. {/block:Date}
  2578.  
  2579.  
  2580.  
  2581.  
  2582. <!-- NOTES -->
  2583.  
  2584. {block:PostNotes}
  2585. <div id="notes">
  2586. <div class="note">
  2587. {PostNotes}
  2588. </div class="note">
  2589. </div id="notes">
  2590. {/block:PostNotes}
  2591.  
  2592.  
  2593.  
  2594.  
  2595. <!-- HIDE VIA/SOURCE IN POSTS -->
  2596.  
  2597.  
  2598. {block:ContentSource}<!-- {SourceURL}
  2599. {block:SourceLogo}<img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}
  2600. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  2601. {/block:ContentSource}
  2602.  
  2603.  
  2604. <!-- {block:NoRebloggedFrom}
  2605. {block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}
  2606. {/block:NoRebloggedFrom} -->
  2607.  
  2608.  
  2609. </div class="posts">
  2610.  
  2611.  
  2612. {/block:Posts}
  2613.  
  2614.  
  2615.  
  2616.  
  2617. </div id="content">
  2618.  
  2619.  
  2620.  
  2621.  
  2622.  
  2623. <div class="navigation1">
  2624. <div class="pagination">
  2625.  
  2626.  
  2627. <a href="/" style="color:{color:links}!important; text-align:left;" title="Refresh the page">RETURN TO MAIN PAGE</a>
  2628.  
  2629. {block:Indexpage}
  2630. {block:PreviousPage}<a href="{PreviousPage}">RETURN TO LAST PAGE</a>{/block:PreviousPage}
  2631. {block:NextPage}<a href="{NextPage}" style="float:right; margin-right:1px; text-align:right;">PROCEED TO NEXT PAGE</a>{/block:NextPage}
  2632. {/block:Indexpage}
  2633.  
  2634.  
  2635.  
  2636. {block:PermalinkPagination}
  2637. {block:PreviousPost}<a href="{PreviousPost}" title="Previous Post">RETURN TO LAST POST</a>{/block:PreviousPost}
  2638. {block:NextPost}<a href="{NextPost}" title="Next Post" style="float:right; margin-right:1px; text-align:right;">PROCEED TO NEXT POST</a>{/block:NextPost}
  2639. {/block:PermalinkPagination}
  2640.  
  2641.  
  2642.  
  2643. </div class="pagination">
  2644. </div class="navigation1">
  2645.  
  2646.  
  2647.  
  2648.  
  2649.  
  2650.  
  2651. <div id="Index" class="navi" style="display:block">
  2652.  
  2653. </div id="Index" class="navi">
  2654.  
  2655.  
  2656.  
  2657.  
  2658.  
  2659.  
  2660.  
  2661.  
  2662.  
  2663. <!-- POPUP: INQUIRIES -->
  2664.  
  2665.  
  2666. <div id="Inquiries" class="navi" style="display:none;">
  2667. <div id="tabcontent" style="overflow:hidden!important;">
  2668.  
  2669.  
  2670. <div class="mimage">
  2671. <img src="https://i.imgur.com/ysCzh7b.png">
  2672. </div class="mimage">
  2673.  
  2674. <div class="mnavi">
  2675. <ul id="tabs">
  2676.  
  2677. <li class="active" autofocus>Inquiries / Askbox</li>
  2678. <li>Other Submissions</li>
  2679.  
  2680.  
  2681.  
  2682. </ul id="tabs">
  2683. </div class="mnavi">
  2684.  
  2685.  
  2686.  
  2687. <!-- TAB ONE -->
  2688.  
  2689.  
  2690. <ul id="tab"><li class="active">
  2691.  
  2692. <div id="mdescription">
  2693.  
  2694.  
  2695. <iframe frameborder="0" scrolling="yes" width="454px" height="190px" src="https://www.tumblr.com/ask_form/onlycertainty.tumblr.com" style="padding:8px;margin-top:24px; background-color:transparent; border:1px solid #151515; overflow:hidden;" id="ask_form"></iframe><!--[if IE]><script type="text/javascript">document.getElementById('ask_form').allowTransparency=true;</script><![endif]--></p>
  2696.  
  2697. </div id="mdescription">
  2698.  
  2699.  
  2700. </li>
  2701. <li>
  2702.  
  2703. <div id="mdescription">
  2704.  
  2705. <iframe frameborder="0" scrolling="yes" width="454px" height="250px" id="submit_form" src="https://www.tumblr.com/submit_form/onlycertainty.tumblr.com" style="padding:8px;margin-top:24px; background-color:transparent; border:1px solid #151515; overflow:scroll;" id="ask_form"></iframe><!--[if IE]><script type="text/javascript">document.getElementById('submit_form').allowTransparency=true;</script><![endif]--></p>
  2706.  
  2707. </div id="mdescription">
  2708.  
  2709. </li>
  2710. </ul>
  2711.  
  2712.  
  2713. </div id="tabcontent">
  2714. </div id="Inquiries" class="navi">
  2715.  
  2716.  
  2717.  
  2718.  
  2719.  
  2720.  
  2721.  
  2722.  
  2723.  
  2724.  
  2725.  
  2726.  
  2727.  
  2728. <!-- POPUP PAGE: MUSES -->
  2729.  
  2730.  
  2731. <div id="Muses" class="navi" style="display:none;">
  2732.  
  2733.  
  2734. <div class="mcontent">
  2735.  
  2736.  
  2737. <div class="mmuse">
  2738.  
  2739. <a href="#?w=523" rel="Rules" class="poplight" style="height:40px; line-height:40px;">
  2740. The Assassin's Creed
  2741. </a>
  2742.  
  2743. <a href="https://assassinscreed.fandom.com/wiki/Mary_Read" rel="Fergus" class="poplight">
  2744. Assassin's Creed wiki: James Kidd
  2745. </a>
  2746.  
  2747.  
  2748. <a href="#?w=523" rel="Navigation" class="poplight">
  2749. The Navigation / Links
  2750. </a>
  2751.  
  2752.  
  2753. </div class="mmuse">
  2754.  
  2755. </div class="mcontent">
  2756.  
  2757. </div id="Muses" class="navi">
  2758.  
  2759.  
  2760.  
  2761.  
  2762.  
  2763.  
  2764.  
  2765.  
  2766. <!-- MUSE PAGE: Creed -->
  2767.  
  2768.  
  2769. <div id="Rules" class="popup_block">
  2770.  
  2771. <div class="mimage">
  2772. <img src="https://i.imgur.com/z0xAJqV.png">
  2773. </div class="mimage">
  2774.  
  2775.  
  2776. <div class="mdescription">
  2777.  
  2778.  
  2779. <h4>GENERAL</h4>
  2780.  
  2781. <b>VERY!! IMPORTANT NOTE FOR MY PORTRAYAL OF JAMES KIDD!!!</b> After doing some research on Mark Read, and the nature of his life, his psyche, I’ve found that he would prefer being Mark. Therefore, after educating myself with help from members of the trans community- and constantly aware of how I do things and making sure I am aware and therefore educated, I write James Kidd as being a trans male. While main canon is set around the 17th Century, James Kidd still has a dead name that he is sometimes referred to in canon. Realistically there is still only four people who know, his mother, Anne, Jack -forced circumstance that he is bitter over-, and Edward. And all of the listed names respect the fact that he <b>doesn’t</b> use it, and that I am sticking to. I will not, by any means, refer to James Kidd as such OOC as well either. So please avoid that as well, IC and OOC.</p>
  2782.  
  2783. <p>— All interactions are welcomed! <i>Mutuals are preferable</i>, but I won’t be angry if a non-mutual approaches me. I noticed though, that it comes easiest to me to plot with people who I’ve talked with prior, so don’t be afraid to talk with me. I may be selective but I am not unapproachable.</p>
  2784.  
  2785. <p>— I am a terrible conversation holder, and am prone to long awkward silences. It also sometimes takes me a while to build up the nerve to reach out. But I promise it’s all me. Just give me time, and PLEASE HAVE PATIENCE WITH ME. I have many blogs and sometimes my attention will be pulled elsewhere.</p>
  2786.  
  2787. <p>— I am duplicate friendly! Give me all the threads! if you like one of my headcanons and want to adopt it, please ask me. This also includes metas!</p>
  2788.  
  2789. <p>— I am super super chill. If we have a thread going and you don’t want to continue it, don’t be afraid to let me know. And I will let you know too if I don’t have the muse for a thread. It’s not a requirement to let me know, because sometimes we all forget and lose stuff. But if you want to talk to me about dropping one, just know I won’t be angry or anything whatsoever.</p>
  2790.  
  2791. <p>— I’m an EXTREMELY slow writer, trust me, I AM A TURTLE. But have patience, I write for what I have the muse for. Sometimes I’ll reply instantly, sometimes I’ll reply a month later. Please DO NOT pester and pester, as I will get mostly frustrated and lose all muse for the thread. Have patience, please, I won’t rush you. So don’t rush me.</p>
  2792.  
  2793. <p>— If I do a long and lengthy response, know that I will never require you to match mine. But please don’t get ridiculous and do a one line to a five paragraph response.</p>
  2794.  
  2795. <h4>SHIPPING / ROMANCE</h4>
  2796.  
  2797. Shipping with James Kidd is exclusive to <a href="https://onlyliberty.tumblr.com">onlyliberty.</a> While he is pansexual, his love is for Anne and Anne only. </p>
  2798.  
  2799. <h4>THE DO NOTS (RESPECT IS KEY HERE). HATE WILL ABSOLUTELY NOT BE TOLERATED.</h4>
  2800.  
  2801. <p>- Don’t send me hate, don’t send others hate. If I see any sign of it, it is to the block with you.</p><p>- This blog does not condone the call out culture whatsoever. Especially if it is a simple matter that could have been settled privately. Private matters and actual concern for the general safety of the public are two completely separate matters. If it is untagged, or simple calloused hate, will result in an immedaite unfollow from me. <b>UNTAGGED CALLOUT POSTS = UNFOLLOW.</b></p><p><i> -THIS ALSO APPLIES TO VAGUE POSTING AND NEGATIVITY FESTS.</i> If these are continuously untagged, and i start to feel uncomfortable I don’t care how well we know each other it will be an unfollow. On that note please don’t negatively vague about me, act like an adult and IM me and discuss your issue with me.</p><p>- Passive aggression. If there are any personal issues that summon aggressive and rude comments. Such aggression will absolutely NOT be tolerated. This shouldn’t have to be a rule in regards to respect and communications. But experience has taught me otherwise, and thus. My warning is here.</p><p>- I also understand the concept of people having different opinions. But demeaning everything that I have to say and holding yours as superior over my head and having differing opinions are two completely separate concepts. I shouldn’t have to say this but <i>PLEASE RESPECT WHAT I HAVE TO SAY AND DO NOT TAKE AWAY FROM ME TO MAKE YOURSELF SOUND ABOVE ME.</i></p><p>- If I ask you to leave me alone and you do not concede and instead send me rude and aggressive IMs. <b>THIS WILL RESULT IN A BLOCK.</b></p><p>- When you are blocked please do not contact me on other platforms with an equally passive attitude. Continuous actions such as these can be considered harassment and a minor form of gas lighting. If I say that I am uncomfortable, please respect that and keep your distance as I would keep mine in regards to you.</p><p>- Don’t ask me to water down my muse’s mean to make them more likeable for your taste.</p><p>- There WILL be dark content on this blog, if you do not like it. Do not follow.</p><p>
  2802.  
  2803. <h4>THE DO’S</h4>
  2804.  
  2805. Message me, send me a meme, send me an IC ask and I will give your blog a look through. But as I said; I am selective and the muse rules my actions. If she wants to respond she will, there is never a true promise that she will <b>BUT I WLL DEFINITELY TRY.</b></p>
  2806.  
  2807. <h4>TRIGGERS</h4>
  2808.  
  2809. Please just don’t demean suicide experiences...</p>
  2810.  
  2811. <h4>MUN / WRITER</h4>
  2812.  
  2813. </p><p>My name is Melody, I’m going to be 25 years old. I’m a native american so please respect that.I will NOT smut with minors, though I will absolutely write with minors, but smut is a definite no no. I’m very opinionated so please respect my opinion. Furthermore, I’m usually pretty chill. I don’t bite.</p><p><b>I’M ALSO A HUGE AVOCADO FAN.</b> So on that note… if you want to get my attention, you need only mention the word and <i>I’LL LOVE YOU FOREVER.</i></p>
  2814.  
  2815.  
  2816. </div>
  2817.  
  2818. </div>
  2819.  
  2820.  
  2821.  
  2822.  
  2823.  
  2824.  
  2825.  
  2826.  
  2827.  
  2828. <!-- MUSE PAGE: Navigation -->
  2829.  
  2830.  
  2831.  
  2832. <div id="Navigation" class="popup_block">
  2833.  
  2834. <div class="mimage">
  2835. <img src="https://i.imgur.com/M5cQC7C.png">
  2836. </div class="mimage">
  2837.  
  2838.  
  2839. <div class="mdescription">
  2840.  
  2841.  
  2842. <div class="mlinks" style="margin-top:0px!important;">
  2843.  
  2844. <h4>General Links</h4>
  2845.  
  2846. <a href="https://onlycertainty.tumblr.com/tagged/a-raft-fit-for-a-pirate-%5B-ooc-%5D">
  2847. Out of character posts
  2848. </a>
  2849.  
  2850.  
  2851. <a href="https://onlycertainty.tumblr.com/tagged/ten-times-the-demon-%5B-ic-interactions-%5D">
  2852. In character posts
  2853. </a>
  2854.  
  2855.  
  2856. <a href="https://onlycertainty.tumblr.com/tagged/bad-excuse-is-better-than-none-at-all-%5B-psa-%5D">
  2857. Public Service Announcements
  2858. </a>
  2859.  
  2860.  
  2861. <a href="https://onlycertainty.tumblr.com/tagged/a-contract-in-nassau-%5B-answered-%5D">
  2862. Answered
  2863. </a>
  2864.  
  2865.  
  2866. <a href="https://onlycertainty.tumblr.com/tagged/people-i-adore-%5B-promotion-%5D">
  2867. Other Promotions
  2868. </a>
  2869.  
  2870.  
  2871. <a href="https://onlycertainty.tumblr.com/tagged/loser-behind-the-desk-%5B-self-promotion-%5D">
  2872. Self Promotions
  2873. </a>
  2874.  
  2875. </div class="mlinks">
  2876.  
  2877. <h4>Muse-related</h4>
  2878.  
  2879. <div class="mlinks">
  2880.  
  2881.  
  2882. <a href="https://onlycertainty.tumblr.com/tagged/put-your-ambitions-to-better-use-%5B-visage-%2F-primary-%5D">
  2883. Visage / Countenance
  2884. </a>
  2885.  
  2886.  
  2887. <a href="https://onlycertainty.tumblr.com/tagged/we-follow-a-creed-aye-%5B-aesthetics-%5D">
  2888. Aesthetic / Vibe
  2889. </a>
  2890.  
  2891.  
  2892. <a href="https://onlycertainty.tumblr.com/tagged/but-it-does-not-command-us-to-act-%5B-meta-%5D">
  2893. Meta / Analyzing
  2894. </a>
  2895.  
  2896.  
  2897. <a href="https://onlycertainty.tumblr.com/search/headcanon">
  2898. Headcanons / Thoughts
  2899. </a>
  2900.  
  2901.  
  2902. <a href="https://onlycertainty.tumblr.com/tagged/this-is-whats-left-in-your-experiment-in-democracy-%5B-musings-%5D">
  2903. Musings / Inspiration
  2904. </a>
  2905.  
  2906.  
  2907. <a href="https://onlycertainty.tumblr.com/tagged/this-is-my-home-for-now-%5B-memes-%5D">
  2908. Memes / Prompts
  2909. </a>
  2910.  
  2911.  
  2912. <a href="https://onlycertainty.tumblr.com/tagged/riddles-%27n-rhymes-%5B-dash-games-%5D">
  2913. Dashboard Games
  2914. </a>
  2915.  
  2916.  
  2917. <a href="https://onlycertainty.tumblr.com/tagged/why-is-the-rum-always-gone-%5B-crack-%5D">
  2918. Crack things
  2919. </a>
  2920.  
  2921.  
  2922.  
  2923. </div class="mlinks">
  2924.  
  2925.  
  2926. </div class="mdescription">
  2927.  
  2928.  
  2929. </li></ul>
  2930.  
  2931. </div id="Navigation" class="popup_block">
  2932.  
  2933.  
  2934.  
  2935.  
  2936.  
  2937.  
  2938.  
  2939.  
  2940.  
  2941.  
  2942.  
  2943.  
  2944. </div id="container">
  2945.  
  2946.  
  2947. </div>
  2948.  
  2949.  
  2950.  
  2951.  
  2952.  
  2953.  
  2954.  
  2955.  
  2956.  
  2957. <!-- CREDIT -->
  2958.  
  2959. <div id="credit"><div style="width:105px;margin-right:10px;">
  2960. <a href="http://iniziare.tumblr.com/post/183826974792/base-theme-viper-preview-download-code" target="blank">
  2961. <span>S.</span>MADE BY SAE.</a>
  2962. </div></div>
  2963.  
  2964. </body>
  2965. </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!