API tools faq
paste
Advertisement
caturner746

merrioh

caturner746
Oct 25th, 2018
132
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 41.73 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2. This code has been written by http://ddkinzart.tumblr.com
  3. Do not sell, repost, remove credit or claim as your own.
  4.  
  5. __ ____ _ __
  6. ____/ /___/ / /__(_)___ ____ ____ ______/ /_
  7. / __ / __ / //_/ / __ \/_ / / __ `/ ___/ __/
  8. / /_/ / /_/ / ,< / / / / / / /_/ /_/ / / / /_
  9. \__,_/\__,_/_/|_/_/_/ /_/ /___/\__,_/_/ \__/
  10. __ __ __
  11. / /_/ /_ ___ ____ ___ ___ _________ ____/ /__
  12. / __/ __ \/ _ \/ __ `__ \/ _ \ / ___/ __ \/ __ / _ \
  13. / /_/ / / / __/ / / / / / __/ / /__/ /_/ / /_/ / __/
  14. \__/_/ /_/\___/_/ /_/ /_/\___/ \___/\____/\__,_/\___/
  15.  
  16. -->
  17.  
  18. <html>
  19. <head>
  20. <title>{Title}</title>
  21. <link rel="shortcut icon" href="{Favicon}">
  22. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  23. {block:Description}
  24. <meta name="description" content="{MetaDescription}" />
  25. {/block:Description}
  26. </head>
  27.  
  28. <!--tooltip script (it's to edit the way the title of your links look when you hover over them -->
  29. <style>figure{margin:0}.tmblr-iframe{position:absolute}.tmblr-iframe.hide{display:none}</style><link href="http://static.tumblr.com/5omyijl/bzrn2yg7i/style-my-tooltips.css" rel="stylesheet" type="text/css" />
  30. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  31. <script src="http://static.tumblr.com/5omyijl/RZtn2yg9v/jquery.style-my-tooltips.js"></script>
  32. <script>
  33. (function($){
  34. $(document).ready(function(){
  35. $("[title]").style_my_tooltips({
  36. tip_follows_cursor:true,
  37. tip_delay_time:200,
  38. tip_fade_speed:500
  39. });
  40. });
  41. })(jQuery);
  42. </script>
  43.  
  44. <!--pop up tabs script-->
  45. <script>
  46. $(document).ready(function(){
  47. $("ul#tabs li").click(function(e){
  48. if (!$(this).hasClass("active")) {
  49. var tabNum = $(this).index();
  50. var nthChild = tabNum+1;
  51. $("ul#tabs li.active").removeClass("active");
  52. $(this).addClass("active");
  53. $("ul#tab li.active").removeClass("active");
  54. $("ul#tab li:nth-child("+nthChild+")").addClass("active");
  55. }
  56. });
  57. });
  58. </script>
  59. <!--script end-->
  60.  
  61. <!--tooltip script end-->
  62. <!--pop up script-->
  63. <script type="text/javascript"
  64. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  65. <script>
  66. $(document).ready(function() {
  67. //
  68. $('a.poplight[href^=#]').click(function() {
  69. var popID = $(this).attr('rel'); //Get Popup Name
  70. var popURL = $(this).attr('href'); //Get Popup href to define size
  71. var query= popURL.split('?');
  72. var dim= query[1].split('&');
  73. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  74. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"><img src="http://upload.wikimedia.org/wikipedia/commons/f/f8/Tooltip-CloseButton.png" class="btn_close" title="escape" alt="escape" /></a>');
  75. var popMargTop = ($('#' + popID).height() + 80) / 2;
  76. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  77. //Apply Margin to Popup
  78. $('#' + popID).css({
  79. 'margin-top' : -popMargTop,
  80. 'margin-left' : -popMargLeft
  81. });
  82. $('body').append('<div id="fade"></div>');
  83. $('#fade').css({'filter' : 'alpha(opacity=100)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  84. return false;
  85. });
  86. $('a.close, #fade').live('click', function() {
  87. $('#fade , .popup_block').fadeOut(function() {
  88. $('#fade, a.close').remove(); //fade them both out
  89. });
  90. return false;
  91. });
  92. });
  93. </script>
  94. <!--ask pop script end-->
  95.  
  96.  
  97. <link href="https://fonts.googleapis.com/css?family=Cinzel" rel="stylesheet">
  98. <link href="https://fonts.googleapis.com/css?family=Vollkorn:900" rel="stylesheet">
  99.  
  100.  
  101.  
  102. <style type="text/css">
  103.  
  104. /*cursor code, change image to change cursor*/
  105. /*find more at http://pixel-soup.tumblr.com/tagged/cursors */
  106.  
  107. *, body, a { cursor:url("http://i.imgur.com/2qleX.jpg"), auto }
  108. a:hover { cursor:url("http://68.media.tumblr.com/tumblr_m2umkqvNUT1qfamg6.gif"), auto } /*this defines the pointer cursor*/
  109.  
  110. /*these are the custom fonts, you can install more just by pasting the code here*/
  111.  
  112.  
  113.  
  114. /*selection color*/
  115.  
  116. ::-moz-selection { /* Code for Firefox */
  117. color: #fff; /*text color of selected text*/
  118. background: #576d8c; /*color of selection bg*/
  119. }
  120.  
  121. ::selection {
  122. color: #fff; /*text color of selected text*/
  123. background: #576d8c; /*color of selection bg*/
  124. }
  125.  
  126. /*selection color end*/
  127.  
  128. ::-webkit-scrollbar-thumb {
  129. background-color:#212121; /*scrollbar's slider color*/
  130. background-image:url('URL HERE'); /*optional background image*/
  131. height:0px;
  132. -moz-border-radius: 50px; /*these make bar rounded*/
  133. border-radius: 50px;
  134. }
  135.  
  136. ::-webkit-scrollbar {
  137. height:0px;
  138. width:4px; /*width of slider*/
  139. background-color:transparent; /*scrollbar's main color*/
  140. background-image:url('URL HERE'); /*optional background image*/
  141. }
  142.  
  143. /*the code here is to reduce the opacity of an image and make it more visible on hover, you can remove it if you want your image to always be at 100%*/
  144.  
  145. img, iframe {
  146.  
  147. opacity:1; /*change this to change visibility, set it to 1 if you want it completely visible*/
  148.  
  149. -moz-transition-duration: 0.5s;
  150.  
  151. -o-transition-duration: 0.5s;
  152.  
  153. -webkit-transition-duration: 0.5s;
  154.  
  155. transition-duration: 0.5s;
  156.  
  157. padding:5px;
  158. }
  159.  
  160.  
  161.  
  162. img:hover,iframe:hover {
  163.  
  164. opacity:1;
  165.  
  166. -webkit-filter:none;
  167.  
  168. -moz-transition-duration: 0.5s;
  169.  
  170. -o-transition-duration: 0.5s;
  171.  
  172. -webkit-transition-duration: 0.5s;
  173.  
  174. transition-duration: 0.5s;}
  175.  
  176. /*HOVER IMAGE CODE END*/
  177.  
  178.  
  179. body {
  180. background-color:#000000; /*set this the same color as your background image to avoid black areas on different resolutions*/
  181. background-image:url('https://i.imgur.com/p6qAQrp.gif'); /*bg image goes here*/
  182. background-attachment: fixed;
  183. background-repeat: no-repeat;
  184. background-position: left top;
  185. color:#707070; /*body font color*/
  186. text-shadow: 0px 0px 3px #212121;
  187. font-family:arial;
  188. text-align:justify;
  189. font-size: 12px;
  190. letter-spacing:3px;
  191. }
  192.  
  193. .pagi {
  194. font-size:13px;
  195. font-family:arial;
  196. margin-top:570px; /*change to decide position of pagination*/
  197. margin-left:705px;
  198. position:fixed;
  199. -webkit-transition-duration: 0.8s; -moz-transition-duration: 0.8s;
  200. transition-duration: 0.8s; -o-transition-duration: 0.8s;}
  201.  
  202. /*the tooltip is the text that appears when you hover on a link / tag / etc.
  203. this script stylizes it*/
  204.  
  205. #s-m-t-tooltip{
  206. max-width:400px;
  207. margin:15px;
  208. padding:2px 8px;
  209. background-image: url('https://i.imgur.com/8gM88We.gif'); /*include image if you want a background for the tooltip text*/
  210. background-repeat:repeat;
  211. background-attachment:fixed;
  212. border:1px solid #212121;
  213. outline:1px dashed #212121;
  214. outline-offset:2px;
  215. color:#707070;
  216. /*the text shadow determines the outline of the text because there's no easy way to add an outline to it, you can change all the code to another color*/
  217. -1px -1px #090a0b;
  218. z-index:99999999999999999999;
  219. font-size:10px;
  220. letter-spacing:2px;
  221. font-style:bold;
  222. letter-spacing:2px;
  223. font-family: arial;
  224. text-transform:lowercase;
  225. box-shadow:0px 0px 0px;}
  226.  
  227. #s-m-tooltip:hover {
  228. -webkit-transition: all 0.6s ease-out;
  229. -moz-transition: all 0.6s ease-out;
  230. transition: all 0.6s ease-out;
  231. -o-transition:all 0.6s ease;
  232. -ms-transition: all 0.6s ease-in-out;}
  233.  
  234.  
  235. small{
  236. font-size:10px;
  237. text-shadow: 0px 0px 3px #000;
  238. }
  239. sup{
  240. font-size:8px;
  241. text-shadow: 0px 0px 3px #000;
  242. }
  243.  
  244. sub{
  245. font-size:8px;
  246. text-shadow: 0px 0px 3px #000;
  247. }
  248.  
  249. small sub, small sup, sup small, sub small {
  250. font-size:6px;
  251. text-shadow: 0px 0px 3px #000;
  252. }
  253.  
  254. b, bold, strong {
  255. font-size:14px;
  256. text-transform:uppercase;
  257. letter-spacing:2px;
  258. font-weight:normal;
  259. font-family: 'Vollkorn', serif;
  260. color: #5a3636;
  261. text-shadow:0 0 3px #000;
  262. }
  263.  
  264. i, italic, em {
  265. font-size:14px;
  266. color: #5a3636;
  267. font-family: 'Cinzel', serif;
  268. font-weight:normal;
  269. letter-spacing:1px;
  270. text-transform:lowercase;
  271. text-shadow:0 0 3px #21212;
  272. }
  273.  
  274. h1{
  275. font-family: 'Vollkorn', serif;
  276. font-size:15px;
  277. text-transform:uppercase;
  278. letter-spacing:2px;
  279. text-align:center;
  280. }
  281. h2{
  282. font-family: 'Vollkorn', serif;
  283. font-size:15px;
  284. text-transform:uppercase;
  285. letter-spacing:2px;
  286. text-align:left;
  287. }
  288.  
  289. h3 {
  290. background-image: url('https://i.imgur.com/8gM88We.gif');
  291. background-repeat:repeat;
  292. background-attachment:fixed;
  293. border: solid 1px #212121; /*color of border of the titles of the sidebar*/
  294. outline: dashed 1px #212121;
  295. outline-offset:2px;
  296. padding:2px;
  297. color:#707070; /*text color of sidebar titles*/
  298. text-shadow:1px 1px #090a0b,
  299. 1px -1px #090a0b,
  300. 1px 0px #090a0b,
  301. 0px 1px #090a0b,
  302. 0px -1px #090a0b,
  303. -1px 1px #090a0b,
  304. -1px 0px #090a0b,
  305. -1px -1px #090a0b;
  306. /*change all the hex of the text shadow to the same code
  307. to change the outline of the text*/
  308. font-size:9px;
  309. font-family:calibri;
  310. text-transform:uppercase;
  311. letter-spacing:1px;
  312. text-align:center;}
  313.  
  314. h4{
  315. font-family: 'Cinzel', serif;
  316. font-size:15px;
  317. text-transform:uppercase;
  318. letter-spacing:2px;
  319. text-align:center;
  320. }
  321.  
  322. h5{
  323. font-family: 'Cinzel', serif;
  324. font-size:15px;
  325. text-transform:uppercase;
  326. letter-spacing:2px;
  327. text-align:left;
  328. }
  329.  
  330. lft{
  331. font-family: 'Vollkorn', serif;
  332. font-size:15px;
  333. text-transform:uppercase;
  334. letter-spacing:2px;
  335. text-align:left;
  336. float:left;
  337. }
  338.  
  339. rght{
  340. font-family: 'Vollkorn', serif;
  341. font-size:15px;
  342. text-transform:uppercase;
  343. letter-spacing:2px;
  344. text-align:right;
  345. float:right;
  346. }
  347.  
  348.  
  349. ln{
  350. background:transparent;
  351. border-bottom: 1px solid #212121;
  352. padding:25px;
  353. }
  354.  
  355.  
  356. a,a:visited,a:active {
  357. color: #5a3636; /*color of links*/
  358. text-decoration:none;
  359. /*change all the hex of the text shadow to the same code
  360. to change the outline of the text*/
  361. -moz-transition-duration: 0.6s;
  362. -o-transition-duration: 0.6s;
  363. -webkit-transition-duration: 0.6s;
  364. transition-duration: 0.6s;}
  365.  
  366. a:hover {
  367. color: #490000; /*color of links on hover*/
  368. -webkit-transition: all 0.6s ease-out;
  369. -moz-transition: all 0.6s ease-out;
  370. transition: all 0.6s ease-out;
  371. -o-transition:all 0.6s ease;
  372. -ms-transition: all 0.6s ease-in-out;}
  373.  
  374. /*POST TITLE SETTINGS*/
  375.  
  376. .titulo {
  377.  
  378. font-family: 'Vollkorn', serif;
  379. font-size: 23px; /*size of title*/
  380. text-align: center;
  381. text-transform: lowercase;
  382. color: #707070; /*color of title*/
  383. text-shadow: 0px 3px 0 #212121,
  384. -1px 2px 0 #212121,
  385. 1px 2px 0 #212121;
  386.  
  387. }
  388.  
  389. #container {
  390. position:absolute;
  391. left:399px; /*change to position posts to your bg image*/
  392. top:72px;
  393. height:497px; /*determines height of container*/
  394. overflow-y:scroll;
  395. opacity:1;
  396. -webkit-transition: all 0.6s ease-out;
  397. -moz-transition: all 0.6s ease-out;
  398. transition: all 0.6s ease-out;
  399. -o-transition:all 0.6s ease;
  400. -ms-transition: all 0.6s ease-in-out;
  401. }
  402.  
  403. #entries {
  404. background-color:#000000; /*set this as background color to hide the image in the background, in the preview case the word reading 'hover' */
  405.  
  406.  
  407. }
  408.  
  409.  
  410. #entries img {
  411. max-width: 100%;
  412. height: auto;
  413.  
  414. }
  415.  
  416. #content {
  417. width:255px; /*determines size of posts*/
  418. margin-bottom:20px;
  419. padding:20px;
  420. }
  421.  
  422.  
  423. #container:hover {
  424. opacity: 1; /*this makes the posts appear on hover if you choose to keep them on '0' opacity when not on hover*/
  425. -webkit-transition: all 0.6s ease-out;
  426. -moz-transition: all 0.6s ease-out;
  427. transition: all 0.6s ease-out;
  428. -o-transition:all 0.6s ease;
  429. -ms-transition: all 0.6s ease-in-out;
  430. }
  431.  
  432. blockquote {
  433. border-left:1px solid #212121; /*color of blockquote*/
  434. padding: 0px 3px ;
  435. margin:6px;
  436. }
  437.  
  438. blockquote img {
  439. max-width:100%;
  440. height:auto;
  441. }
  442.  
  443. /*ASK*/
  444.  
  445. #asker {
  446. font-size:20px;
  447. margin-top:10px;
  448. color: #490000; /*color of asker url / anonymous but if a user then it is also determined by 'a' as it will be a link*/
  449. font-family: 'Vollkorn', serif;
  450. text-align:center;
  451. text-decoration:none;
  452. -webkit-transition: all 0.6s ease-out;
  453. -moz-transition: all 0.6s ease-out;
  454. transition: all 0.6s ease-out;
  455. -o-transition:all 0.6s ease;
  456. -ms-transition: all 0.6s ease-in-out;
  457.  
  458. }
  459.  
  460. #asker a {
  461. font-size:20px;
  462. margin-top:10px;
  463. color: #490000; /*color of asker url / anonymous but if a user then it is also determined by 'a' as it will be a link*/
  464. font-family: 'Vollkorn', serif;
  465. text-align:center;
  466. text-decoration:none;
  467. -webkit-transition: all 0.6s ease-out;
  468. -moz-transition: all 0.6s ease-out;
  469. transition: all 0.6s ease-out;
  470. -o-transition:all 0.6s ease;
  471. -ms-transition: all 0.6s ease-in-out;
  472.  
  473. }
  474.  
  475. #asker a:hover {
  476. -webkit-filter: blur(2px);
  477. -moz-filter: blur(2px);
  478. -o-filter: blur(2px);
  479. -ms-filter: blur(2px);
  480. filter: blur(2px);
  481. transition: all 0.6s ease-out;
  482. }
  483.  
  484. #ask {
  485. background: #000;
  486. background: url("https://i.imgur.com/8gM88We.gif");/*image behind the question*/
  487. background-repeat:repeat;
  488. border: solid 1px #212121; /*color of border of the titles of the sidebar*/
  489. outline: dashed 1px #212121;
  490. outline-offset:2px;
  491. padding: 10px 20px 10px 20px;
  492. text-align:center;
  493. text-shadow: 1px 1px #090a0b,
  494. 1px -1px #090a0b,
  495. 1px 0px #090a0b,
  496. 0px 1px #090a0b,
  497. 0px -1px #090a0b,
  498. -1px 1px #090a0b,
  499. -1px 0px #090a0b,
  500. -1px -1px #090a0b;
  501. /*change all the hex of the text shadow to the same code
  502. to change the outline of the text*/
  503. }
  504.  
  505.  
  506. #answer {
  507. padding-top:20px;
  508. }
  509. /*ASK ENDS HERE*/
  510.  
  511. /*CHAT POST BEGINS HERE*/
  512.  
  513. .convo {
  514. font-size: 12px;
  515. text-align:left;
  516. padding:0px;
  517.  
  518. }
  519.  
  520. .convo li {
  521. list-style:none;
  522. }
  523.  
  524. .convo .label {
  525. text-transform: uppercase;
  526. font-weight:bold;
  527.  
  528. }
  529.  
  530. .line_odd .label {
  531. color: #5a3636; /* Color of odd person in the chat */
  532. background: none;
  533. }
  534.  
  535. .line_even .label {
  536. color: #5a3636;
  537. float:right;/* Color of even person in the chat */
  538. }
  539.  
  540. .line_even {
  541. background: #212121; /*background color of even chat*/
  542. margin:12px;
  543. padding: 5px;
  544. color: #707070; /*color of even text*/
  545. }
  546.  
  547. .line_odd {
  548. background: #000; /*background color of odd chat*/
  549. margin:12px;
  550. padding: 5px;
  551. color: #707070; /*color of odd text*/
  552. }
  553.  
  554.  
  555.  
  556.  
  557. /*CHAT POST ENDS HERE*/
  558.  
  559. /*QUOTE BEGINS HERE*/
  560.  
  561. /*I have the first letter stylized to be the same as the quote, but you can remove that part by simply deleting the p::first-letter*/
  562. /*QUOTE ENDS HERE*/
  563.  
  564.  
  565. /*LINK POST BEGIN*/
  566.  
  567. #linku {
  568. text-transform:uppercase;
  569. text-align:center;
  570. letter-spacing:0px;
  571. font-weight:normal;
  572. font-family: 'Vollkorn', serif;
  573. font-size:12px;
  574. }
  575.  
  576. /*LINK POST END*/
  577.  
  578. /*SIDE BAR / DESCRIPTION BEGINS HERE*/
  579.  
  580. #boxy {
  581. position:fixed;
  582. top:72px; /*position of the box*/
  583. overflow:scroll;
  584. height:489px; /*determines height of the box - increase it if you have too much text and want to avoid scrollbar*/
  585. margin-left:705px;
  586. opacity:1;
  587. background-color:#000;
  588. padding:4px;
  589. -webkit-transition: all 0.7s ease;
  590. -moz-transition: all 0.7s ease;
  591. -o-transition: all 0.7s ease;}
  592.  
  593. #boxy:hover {
  594. opacity:1;
  595. -webkit-transition: all 0.7s ease;
  596. -moz-transition: all 0.7s ease;
  597. -o-transition: all 0.7s ease;
  598. }
  599.  
  600. #despacito {
  601. margin-top:10px;
  602. width:140px; /*determines width of description*/
  603. text-align:center;
  604.  
  605. }
  606.  
  607. /*SIDE BAR / DESCRIPTION END*/
  608.  
  609. /* MUSIC PLAYER START */
  610.  
  611. .playbutton {
  612. position:relative;
  613. margin-top:45px;
  614. margin-left:44px;
  615. z-index:9;
  616. width:30px;
  617. height:30px;
  618. overflow:hidden;}
  619.  
  620. .albumart img {
  621. position:relative;
  622. margin-top:-75px;
  623. margin-left:0px
  624. height:120px;
  625. width:120px;
  626. -webkit-border-top-left-radius: 20px;
  627. -webkit-border-bottom-left-radius: 20px;
  628. -moz-border-radius-topleft: 20px;
  629. -moz-border-radius-bottomleft: 20px;
  630. border-top-left-radius: 20px;
  631. border-bottom-left-radius: 20px;
  632.  
  633. }
  634.  
  635. .trackinfo {
  636. margin-bottom:10px;
  637. background:#212121;
  638. color:#eee;
  639. top:-9px;
  640. position:relative;
  641. margin-left:120px;
  642. height:120px;
  643. margin-top:-120px;
  644. -webkit-border-top-right-radius: 20px;
  645. -webkit-border-bottom-right-radius: 20px;
  646. -moz-border-radius-topright: 20px;
  647. -moz-border-radius-bottomright: 20px;
  648. border-top-right-radius: 20px;
  649. border-bottom-right-radius: 20px;
  650. border:1px solid #212121;
  651. }
  652.  
  653. .trackname {
  654. position:relative;
  655. padding-top:10px;
  656. text-align:center;
  657. font-size:14px;
  658. text-transform:uppercase;
  659. font-weight: bold;
  660. letter-spacing:2px;}
  661.  
  662. .artist {
  663. text-align:center;
  664. font-size:12px;
  665. text-transform:uppercase;
  666. letter-spacing:4px;}
  667.  
  668. .album {
  669. text-align:center;
  670. font-style: italic;
  671. letter-spacing:4px;}
  672.  
  673. .playcount {
  674. font-weight: bold;
  675. margin-top:5px;
  676. text-align:center;
  677. letter-spacing:2px;}
  678.  
  679. /* MUSIC PLAYER END */
  680.  
  681. /*TAGS AND INFO BEGINS HERE*/
  682. .permalinks {
  683. text-align:center;
  684. margin-top:15px;
  685. padding-top: 5px;
  686. padding-bottom: 5px;
  687. font-size:9px;
  688. color:#707070;
  689. text-transform:uppercase;
  690. border: solid 1px #212121; /*color of border of the titles of the sidebar*/
  691. outline: dashed 1px #212121;
  692. outline-offset:2px;
  693. -moz-transition-duration:.6s;
  694. -webkit-transition-duration:.6s;
  695. -o-transition-duration:.6s;
  696. -webkit-filter: blur(0px);
  697. background-image: url('https://i.imgur.com/8gM88We.gif');
  698. background-repeat:repeat;
  699. background-attachment:fixed;/*you can insert image here for the permalinks bg*/
  700.  
  701. }
  702.  
  703. .permalinks a {
  704. font-family:arial;
  705. font-size:9px;
  706. color:#707070;
  707. text-decoration:none;
  708. }
  709.  
  710.  
  711. .permalinks a:hover {
  712. color:#5a3636;
  713. -webkit-transition: all 0.5s ease-in-out;
  714. -moz-transition: all 0.5s ease-in-out;
  715. -o-transition: all 0.5s ease-in-out;
  716. -ms-transition: all 0.5s ease-in-out;
  717. transition: all 0.5s ease-in-out;
  718. }
  719.  
  720. .tags {
  721.  
  722. padding-top:10px;
  723. text-align:center;
  724. padding-left:5px;
  725. padding-right:10px;
  726. color: #490000; /*this determines the color of the small symbol (by default a hashtag but you can change it) next to the tags*/
  727. font-size:11px;
  728. }
  729.  
  730. .tags a {
  731. color:#490000; /*change this for the actual color of the tags*/
  732. font-size:10px;
  733. font-weight:bold;
  734. font-family:arial;
  735. text-transform:uppercase;
  736. letter-spacing:0px;
  737.  
  738. }
  739.  
  740.  
  741. .tags a:hover {
  742. color: #5a3636; /*tag color on hover*/
  743. -webkit-transition: all 0.5s ease-in-out;
  744. -moz-transition: all 0.5s ease-in-out;
  745. -o-transition: all 0.5s ease-in-out;
  746. -ms-transition: all 0.5s ease-in-out;
  747. transition: all 0.5s ease-in-out;
  748.  
  749. }
  750.  
  751.  
  752. /*POP UP CODES AND LINKS BEGIN*/
  753.  
  754.  
  755. #pops {
  756. position:fixed;
  757.  
  758. }
  759.  
  760.  
  761. #linku1 {
  762. position:fixed;
  763. font-size:9px;
  764. font-family: 'Vollkorn', serif;
  765. text-decoration:none;
  766. margin-left:68px;
  767. margin-top:530px;
  768. }
  769.  
  770. #linku1:hover {
  771. -webkit-filter: blur(3px);
  772. -moz-filter: blur(3px);
  773. -o-filter: blur(3px);
  774. -ms-filter: blur(3px);
  775. filter: blur(3px);
  776. -webkit-transition: all 0.5s ease-in-out;
  777. -moz-transition: all 0.5s ease-in-out;
  778. -o-transition: all 0.5s ease-in-out;
  779. -ms-transition: all 0.5s ease-in-out;
  780. transition: all 0.5s ease-in-out;
  781. }
  782.  
  783. #linku2 {
  784. position:fixed;
  785. font-size:9px;
  786. font-family: 'Vollkorn', serif;
  787. text-decoration:none;
  788. margin-left:128px;
  789. margin-top:530px;
  790. }
  791.  
  792. #linku2:hover {
  793. -webkit-filter: blur(3px);
  794. -moz-filter: blur(3px);
  795. -o-filter: blur(3px);
  796. -ms-filter: blur(3px);
  797. filter: blur(3px);
  798. -webkit-transition: all 0.5s ease-in-out;
  799. -moz-transition: all 0.5s ease-in-out;
  800. -o-transition: all 0.5s ease-in-out;
  801. -ms-transition: all 0.5s ease-in-out;
  802. transition: all 0.5s ease-in-out;
  803. }
  804.  
  805. #linku3 {
  806. position:fixed;
  807. font-size:9px;
  808. font-family: 'Vollkorn', serif;
  809. text-decoration:none;
  810. margin-left:188px;
  811. margin-top:530px;
  812. }
  813.  
  814. #linku3:hover {
  815. -webkit-filter: blur(3px);
  816. -moz-filter: blur(3px);
  817. -o-filter: blur(3px);
  818. -ms-filter: blur(3px);
  819. filter: blur(3px);
  820. -webkit-transition: all 0.5s ease-in-out;
  821. -moz-transition: all 0.5s ease-in-out;
  822. -o-transition: all 0.5s ease-in-out;
  823. -ms-transition: all 0.5s ease-in-out;
  824. transition: all 0.5s ease-in-out;
  825. }
  826.  
  827. #linku4 {
  828. position:fixed;
  829. font-size:9px;
  830. font-family: 'Vollkorn', serif;
  831. text-decoration:none;
  832. margin-left:248px;
  833. margin-top:530px;
  834. }
  835.  
  836. #linku4:hover {
  837. -webkit-filter: blur(3px);
  838. -moz-filter: blur(3px);
  839. -o-filter: blur(3px);
  840. -ms-filter: blur(3px);
  841. filter: blur(3px);
  842. -webkit-transition: all 0.5s ease-in-out;
  843. -moz-transition: all 0.5s ease-in-out;
  844. -o-transition: all 0.5s ease-in-out;
  845. -ms-transition: all 0.5s ease-in-out;
  846. transition: all 0.5s ease-in-out;
  847. }
  848.  
  849. #linku5 {
  850. position:fixed;
  851. font-size:9px;
  852. font-family: 'Vollkorn', serif;
  853. text-decoration:none;
  854. margin-left:308px;
  855. margin-top:530px;
  856. }
  857.  
  858. #linku5:hover {
  859. -webkit-filter: blur(3px);
  860. -moz-filter: blur(3px);
  861. -o-filter: blur(3px);
  862. -ms-filter: blur(3px);
  863. filter: blur(3px);
  864. -webkit-transition: all 0.5s ease-in-out;
  865. -moz-transition: all 0.5s ease-in-out;
  866. -o-transition: all 0.5s ease-in-out;
  867. -ms-transition: all 0.5s ease-in-out;
  868. transition: all 0.5s ease-in-out;
  869. }
  870.  
  871.  
  872. .popup_block {
  873. display:none;
  874. HEIGHT:auto;
  875. width:auto;
  876. background:transparent;
  877. padding:0px;
  878. float:left;
  879. position:fixed;
  880. margin:auto;
  881. z-index: 99999;
  882. }
  883.  
  884. .popup_boxy {
  885. background:#000; /*color of popup background*/
  886. position:absolute;
  887. text-align:center;
  888. font-size: 10px; /*font size of the words inside the box */
  889. padding:20px;
  890. width: 256px;
  891. height:300px; /*height of pop up, I have it set to almost fit the container and be in the position of the posts but you can change it according to preference*/
  892. overflow-y:scroll;
  893. top:106px; /*position of pop up*/
  894. left:230px;
  895. z-index: 99999; /*if the box is hiding behind other things in your theme, add more 9′s */
  896. border:1px solid #460000;
  897. outline:1px dashed #460000;
  898. outline-offset:2px;
  899. }
  900.  
  901.  
  902.  
  903. /*tabbed popups begins*/
  904.  
  905. ul#tabs {
  906. list-style-type: none;
  907. padding: 0;
  908. text-align: center;
  909. }
  910.  
  911. ul#tabs li:hover { /*appearance when you hover on titles*/
  912. text-align:justify;
  913. width:80px; /*width of your title*/
  914. background-image: url('https://i.imgur.com/8gM88We.gif');
  915. background-repeat:repeat;
  916. background-attachment:fixed;
  917. border: solid 1px #460000;
  918. outline: dashed 1px #460000;
  919. outline-offset:2px;
  920. padding:8px;
  921. margin:14px;
  922. color:#707070; /*text color of tab titles*/
  923. font-size:10px;
  924. font-family:arial;
  925. text-transform:uppercase;
  926. letter-spacing:1px;
  927. text-align:center;
  928. -webkit-transition: all 0.5s ease-out;
  929. -moz-transition: all 0.5s ease-out;
  930. transition: all 0.5s ease-out;
  931. }
  932.  
  933. ul#tabs li.active { /*your active tab title*/
  934. text-align:justify;
  935. width:80px; /*width of your title*/
  936. background-image: url('https://i.imgur.com/8gM88We.gif');
  937. background-repeat:repeat;
  938. background-attachment:fixed;
  939. border: solid 1px #460000;
  940. outline: dashed 1px #460000;
  941. outline-offset:2px;
  942. padding:8px;
  943. margin:14px;
  944. color:#707070; /*text color of tab titles*/
  945. font-size:10px;
  946. font-family:arial;
  947. text-transform:uppercase;
  948. letter-spacing:1px;
  949. text-align:center;
  950. -webkit-transition: all 0.5s ease-out;
  951. -moz-transition: all 0.5s ease-out;
  952. transition: all 0.5s ease-out;
  953. }
  954.  
  955.  
  956. ul#tabs li { /*the rest of the titles / inactive one*/
  957. display: inline;
  958. text-align:justify;
  959. width:80px; /*width of your title*/
  960. background-color:#000;
  961. border: solid 1px #460000;
  962. outline: dashed 1px #460000;
  963. outline-offset:2px;
  964. padding:8px;
  965. margin:14px;
  966. color:#707070; /*text color of tab titles*/
  967. font-size:10px;
  968. font-family:arial;
  969. text-transform:uppercase;
  970. letter-spacing:1px;
  971. text-align:center;
  972. -webkit-transition: all 0.5s ease-out;
  973. -moz-transition: all 0.5s ease-out;
  974. transition: all 0.5s ease-out
  975.  
  976. }
  977.  
  978.  
  979. ul#tab {
  980. list-style-type: none;
  981. margin: 0;
  982. padding: 0;
  983. }
  984. ul#tab li {
  985. display: none;
  986. }
  987. ul#tab li.active {
  988. display: inline;
  989. }
  990.  
  991.  
  992. #tabid { /*this is the navigation of your tabbed pop ups*/
  993. position:absolute;
  994. top: 460px; /*position of navigation*/
  995. left:212px; /*position of navigation*/
  996. text-align:center;
  997. width:auto;
  998. background:transparent;
  999. height:auto;
  1000. overflow:scroll;
  1001. text-align:justify;
  1002. padding:3px;
  1003. font-size:9px;
  1004. font-family:calibri;
  1005. text-transform:uppercase;
  1006. letter-spacing:1px;
  1007. text-align:center;
  1008. z-index: 999999;
  1009.  
  1010. }
  1011. /*end*/
  1012.  
  1013. img.btn_close {
  1014. float: right;
  1015. margin: -5px -5px 0 0;
  1016. }
  1017. /*--Making IE6 Understand Fixed Positioning--*/
  1018. *html #fade {
  1019. position: absolute;
  1020. }
  1021. *html .popup_block {
  1022. position: absolute;
  1023. }
  1024.  
  1025. .navi_linksu {
  1026. text-align:center;
  1027. }
  1028.  
  1029. .navi_linksu a {
  1030. display: inline-block;
  1031. width: 80px;
  1032. padding: 5px;
  1033. margin:5px;
  1034. font-size:11px;
  1035. background-image: url('https://i.imgur.com/8gM88We.gif');
  1036. background-repeat:repeat;
  1037. background-attachment:fixed;
  1038. border: solid 1px #212121;
  1039. outline:dashed 1px #212121;
  1040. outline-offset:2px;
  1041. color:#707070;
  1042. font-family:arial;
  1043. text-transform:uppercase;
  1044.  
  1045.  
  1046. }
  1047.  
  1048. .navi_linksu a:hover {
  1049. width: 80px;
  1050. padding: 5px;
  1051. margin:5px;
  1052. font-size:11px;
  1053. background-image: url('');
  1054. background:#000;
  1055. background-repeat:repeat;
  1056. background-attachment:fixed;
  1057. border: solid 1px #212121;
  1058. outline:dashed 1px #212121;
  1059. outline-offset:2px;
  1060. color:#707070;
  1061. font-family:arial;
  1062. text-transform:uppercase;
  1063. }
  1064.  
  1065. .versu {
  1066. width:55px;
  1067. height:auto;
  1068. float:left;
  1069. padding:20px;
  1070. }
  1071.  
  1072. .versu2 {
  1073. width:55px;
  1074. height:auto;
  1075. float:right;
  1076. padding:20px;
  1077. }
  1078.  
  1079.  
  1080. .vee {
  1081. text-align:center;
  1082. padding:10px;
  1083. margin-bottom:20px;
  1084. }
  1085.  
  1086. /*POP UP END*/
  1087.  
  1088.  
  1089.  
  1090.  
  1091. /* DO NOT REMOVE THIS PART OR MAKE A COLOR THAT IS NOT VISIBLE */
  1092. .credit {
  1093. font-weight:bold;
  1094. background:#000;
  1095. color:#fff;
  1096. padding:10px;
  1097. font-size:15px;
  1098. bottom:0px;
  1099. right:20px;
  1100. position:fixed;
  1101. font-family:'sail';
  1102. -webkit-filter: blur(.5px);
  1103. -moz-filter: blur(.5px);
  1104. -o-filter: blur(.5px);
  1105. -ms-filter: blur(.5px);
  1106. filter: blur(.5px);
  1107.  
  1108. }
  1109. /*CREDIT END*/
  1110.  
  1111. </style>
  1112.  
  1113. <body>
  1114. <!--sidebar begins here-->
  1115. <div id="boxy">
  1116. <div id="despacito">
  1117. <h3>Title goes here</h3>
  1118. Some text
  1119. <h3>More titles</h3>
  1120. More Text
  1121. <h3>Even more</h3>
  1122. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam nisi lorem, pulvinar id, commodo feugiat, vehicula et, mauris. Aliquam mattis porta urna. Maecenas dui neque, rhoncus sed, vehicula vitae, auctor at, nisi. Aenean id massa ut lacus molestie porta. Curabitur sit amet quam id libero suscipit venenatis.Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam nisi lorem, pulvinar id, commodo feugiat, vehicula et, mauris. Aliquam mattis porta urna. Maecenas dui neque, rhoncus sed, vehicula vitae, auctor at, nisi. Aenean id massa ut lacus molestie porta. Curabitur sit amet quam id libero suscipit venenatis.Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam nisi lorem, pulvinar id, commodo feugiat, vehicula et, mauris. Aliquam mattis porta urna. Maecenas dui neque, rhoncus sed, vehicula vitae, auctor at, nisi. Aenean id massa ut lacus molestie porta. Curabitur sit amet quam id libero suscipit venenatis.Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam nisi lorem, pulvinar id, commodo feugiat, vehicula et, mauris. Aliquam mattis porta urna. Maecenas dui neque, rhoncus sed, vehicula vitae, auctor at, nisi. Aenean id massa ut lacus molestie porta. Curabitur sit amet quam id libero suscipit venenatis.Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam nisi lorem, pulvinar id, commodo feugiat, vehicula et, mauris. Aliquam mattis porta urna. Maecenas dui neque, rhoncus sed, vehicula vitae, auctor at, nisi. Aenean id massa ut lacus molestie porta. Curabitur sit amet quam id libero suscipit venenatis.Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam nisi lorem, pulvinar id, commodo feugiat, vehicula et, mauris. Aliquam mattis porta urna. Maecenas dui neque, rhoncus sed, vehicula vitae, auctor at, nisi. Aenean id massa ut lacus molestie porta. Curabitur sit amet quam id libero suscipit venenatis.Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam nisi lorem, pulvinar id, commodo feugiat, vehicula et, mauris. Aliquam mattis porta urna. Maecenas dui neque, rhoncus sed, vehicula vitae, auctor at, nisi. Aenean id massa ut lacus molestie porta. Curabitur sit amet quam id libero suscipit venenatis.Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam nisi lorem, pulvinar id, commodo feugiat, vehicula et, mauris. Aliquam mattis porta urna. Maecenas dui neque, rhoncus sed, vehicula vitae, auctor at, nisi. Aenean id massa ut lacus molestie porta. Curabitur sit amet quam id libero suscipit venenatis.
  1123. </div>
  1124. </div>
  1125.  
  1126. <!--sidebar end-->
  1127.  
  1128. <!--this is where you edit the size and titles of the scattered links, you can edit their content way below though. The #?w= determines the width of the pop up, make sure to give your popups different box numbers-->
  1129. <div id="pops">
  1130. <div id="linku1"> <a href="/" title="REFRESH.">LINK 1.</a></div>
  1131. <div id="linku2"> <a href="#?w=255" rel="box1" class="poplight" title="INBOX.">LINK 2.</a></div>
  1132. <div id="linku3"> <a href="#?w=255" rel="box2" class="poplight" title="NAVIGATION.">LINK 3.</a></div>
  1133. <div id="linku4"> <a href="#?w=255" rel="box3" class="poplight" title="RULES.">LINK 4.</a></div>
  1134. <div id="linku5"> <a href="#?w=255" rel="box5" class="poplight" title="MUSES.">LINK 5.</a></div>
  1135.  
  1136. </div>
  1137.  
  1138. <!--/* DO /NOT/ REMOVE THIS PART OR MAKE A COLOR THAT IS NOT VISIBLE */-->
  1139. <div class="credit"><a href="http://ddkinzart.tumblr.com" title="code by ddkinzart">D.</a></div>
  1140.  
  1141. <!--below is where the post structure begins, don't edit below this point if you're not familiar with coding or tumblr theme attritibutes-->
  1142.  
  1143. {block:Pagination}
  1144. <div class="pagi">
  1145. {block:PreviousPage}<a href="{PreviousPage}">previous</a>{/block:PreviousPage}
  1146. {block:NextPage}<a href="{NextPage}">next</a>{/block:NextPage}
  1147. </div>
  1148. {/block:Pagination}
  1149. <div id="container">
  1150. <div id="entries">
  1151. {block:Posts}
  1152. <div id="content">
  1153. {block:Text}{block:Title}<div class="titulo">{Title}</div>{/block:Title}{Body}{/block:Text}
  1154. {block:Photo}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  1155. {block:Panorama}{LinkOpenTag}<img src="{PhotoURL-Panorama}" alt="{PhotoAlt}"/>{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Panorama}
  1156.  
  1157. {block:Photoset}{Photoset}{block:Caption}{Caption}{/block:Caption}
  1158. {/block:Photoset}
  1159.  
  1160. {block:Quote}<div class="quote">{Quote}</div>{block:Source}{Source}{/block:Source}{/block:Quote}
  1161. {block:Link}
  1162. {block:Thumbnail}
  1163. <img src="{Thumbnail}" alt="{Name}" style="width:95%;border-radius:25px">
  1164. {/block:Thumbnail}
  1165. <div id="linku">
  1166. <span style="font-size:20px">❝ </span> <a href="{URL}" class="link" {Target}>{Name}</a><span style="font-size:20px"> ❞</span>
  1167. </div>
  1168. {/block:Link}
  1169.  
  1170. {block:Chat}
  1171. {block:Title}
  1172. <div class="titulo">{Title}</div>{/block:Title}<br>
  1173. <ul class="convo">{block:Lines}<li class="line_{Alt}">{block:Label}<span class="label">{Label}</span>{/block:Label}
  1174. {Line}</li>{/block:Lines}</ul>
  1175. {/block:Chat}
  1176.  
  1177. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  1178.  
  1179.  
  1180.  
  1181. {block:Audio}
  1182. {block:AudioPlayer}
  1183. <div class="playbutton">{AudioPlayerGrey}</div>
  1184. {block:AlbumArt}<div class="albumart"><img src="{AlbumArtURL}"></div>{/block:AlbumArt}
  1185. <div class="trackinfo">
  1186. <div class="trackname">
  1187. {block:TrackName}{TrackName}{/block:TrackName}
  1188. </div>
  1189. <div class="artist">
  1190. {block:Artist}{Artist}{/block:Artist}
  1191. </div>
  1192. <div class="album">
  1193. {block:Album}{Album}{/block:Album}
  1194. </div>
  1195. <div class="playcount">
  1196. {block:PlayCount}Played: {PlayCount} times{/block:PlayCount}
  1197. </div>
  1198. </div>
  1199. {block:Caption}{Caption}{/block:Caption}
  1200. {/block:AudioPlayer}
  1201. {/block:Audio}
  1202.  
  1203.  
  1204.  
  1205.  
  1206. {block:Answer}
  1207. <div id="asker" style="text-align:center;">{Asker}</div><div id="ask">{Question}</div>
  1208. <div id="answer">
  1209. {Answer}</div>
  1210. {/block:Answer}
  1211. <div class="permalinks">
  1212. {block:RebloggedFrom}
  1213. <a href="{ReblogParentURL}" title="via: {ReblogParentName}" > ✦ </a>
  1214. {/block:RebloggedFrom}
  1215. <span style="letter-spacing:-0.5px">posted </span><a href="{Permalink}" title="{timeago}" style="letter-spacing:-0.1px;"> &nbsp;{timeago}</a>{block:NoteCount} with
  1216. <a href="{Permalink}" title="{NoteCount} hits."> {NoteCount}</a> hits.{/block:NoteCount}
  1217. {block:ContentSource}
  1218. <a href="{SourceURL}" title="source: {SourceTitle}"> ✦ </a>
  1219. {/block:ContentSource}
  1220. <a href="{ReblogURL}" title="reblog" target="_blank"> ✦ </a>
  1221. {/block:RebloggedFrom}
  1222. </div>
  1223. <div class="tags">
  1224. {block:HasTags}
  1225. {block:Tags}
  1226. <!--you can change symbol before tags to something else--># <a href="{TagURL}" title="{Tag}">{Tag}</a>
  1227. {/block:Tags}
  1228. {/block:HasTags}
  1229. {block:PostNotes}{PostNotes}{/block:PostNotes}
  1230.  
  1231. </div></div>
  1232. {/block:Posts}
  1233. </div>
  1234. </div>
  1235. </body>
  1236.  
  1237.  
  1238. <!--This is where the pop up begins, you can edit beyond this point-->
  1239.  
  1240. <div id="box1" class="popup_block"><div class="popup_boxy">
  1241. <h3>INBOX.</h3>
  1242. <br>
  1243.  
  1244. <!-- this will automatically display your mobile header image, but you can substitute with the url of another image, try to choose image which's width matches your pop up-->
  1245. <iframe frameborder="0" height="200" id="ask_form" scrolling="yes" src="http://www.tumblr.com/ask_form/{Name}.tumblr.com" width="100%"></iframe><h3>&nbsp;&nbsp;&nbsp;</h3><br>
  1246. </div></div></div>
  1247.  
  1248. <div id="box2" class="popup_block"><div class="popup_boxy">
  1249. <h3>NAVIGATION.</h3>
  1250. <div class="navi_linksu">
  1251. <a href="/tagged/">TAG</a>
  1252. <a href="/tagged/">TAG</a>
  1253. <a href="/tagged/">TAG</a>
  1254. <a href="/tagged/">TAG</a>
  1255. <a href="/tagged/">TAG</a>
  1256. <a href="/tagged/">TAG</a>
  1257. <a href="/tagged/">TAG</a>
  1258. <a href="/tagged/">TAG</a>
  1259. <br>
  1260. <a href="/tagged/">TAG</a>
  1261. <a href="/tagged/">TAG</a>
  1262. <a href="/tagged/">TAG</a>
  1263. <a href="/tagged/">TAG</a>
  1264. <a href="/tagged/">TAG</a>
  1265. <a href="/tagged/">TAG</a>
  1266. <a href="/tagged/">TAG</a>
  1267. <a href="/tagged/">TAG</a>
  1268. <h3>&nbsp;&nbsp;&nbsp;</h3><br>
  1269. </div></div></div>
  1270.  
  1271. <div id="box3" class="popup_block"><div class="popup_boxy">
  1272. <h3>RULES.</h3>
  1273. <lft>01.</lft>&nbsp;&nbsp;&nbsp;all muses found on this blog are multiship.<br><br><br>
  1274. <rght>02.</rght>&nbsp;&nbsp;&nbsp;don’t bring drama to my doorstep. you’ll just get hit with the ban hammer 6000 and blacklisted. not gonna bite or go for that shit.<br><br><br>
  1275. <lft>03.</lft>&nbsp;&nbsp;&nbsp;if you are a duplicate, do not try to initiate some stupid rivalry over my cock’s bigger than your cock, cos it’s not gonna fly here. again, banhammer 6000. it’s a hobby, calm the hell down.<br><br><br>
  1276. <rght>04.</rght>&nbsp;&nbsp;&nbsp;i may engage in writing material that is not suitable for minors, and while there would be a strong preference in avoiding following minors for my own personal comfort, everything even moving into that territory will be tagged accordingly. if i fail to tag something, don’t be afraid to hit me a smack and remind me. i’m a forgetful sod, really.<br><br><br>
  1277. <lft>05.</lft>&nbsp;&nbsp;&nbsp;see something you don’t like on my blog? talk about it like an adult. i’m a reasonable woman, i will, more often than not, rectify what’s upsetting you. it’s as simple as. communication between writing partners is pretty fucking important and if you’re not able to do that? not the blog for you.<br><br><br>
  1278. <rght>06.</rght>&nbsp;&nbsp;&nbsp;don’t force ship. don’t assume things about my muse. don’t d.
  1279. <br><br><br>
  1280. <lft>07.</lft>&nbsp;&nbsp;&nbsp;don’t approach for the sole purpose of shipping. that makes my little heart sad asf.
  1281. <br><br><br>
  1282. <rght>08.</rght>&nbsp;&nbsp;&nbsp;this blog will run primarily on a queue in order to stagger how quickly posts get replied to. this has nothing on my partners, and is all on me. I’m slow, and I need to take regular breathers.
  1283. <br><br><br>
  1284. <lft>09.</lft>&nbsp;&nbsp;&nbsp;i don’t care how long your replies are, i care about content. don’t gotta match my length waffling on about this and that, things that have no relevance to the thread etc. If I give you a paragraph and you give me a few lines, that’s perfectly okay.
  1285. <br><br><br>
  1286.  
  1287. sup, name’s Hannah + I’m here to have fun, play games, make friends etc. these rules are bare af but you know. it is what it is. i’m 21+ and I live in England.
  1288. <h3>&nbsp;&nbsp;&nbsp;</h3><br>
  1289. </div></div></div>
  1290.  
  1291. <div id="box5" class="popup_block">
  1292. <div id="tabid">
  1293. <ul id="tabs">
  1294. <li class="active">primary.</li>
  1295. <li>secondary.</li>
  1296. <li>tertiary.</li>
  1297. </ul></div>
  1298.  
  1299.  
  1300. <div class="popup_boxy">
  1301. <h3>MUSES.</h3>
  1302. <ul id="tab">
  1303. <li class="active">
  1304. <h4>PRIMARY.</h4>
  1305.  
  1306. <!--start copying from here if you want more verse blocks-->
  1307.  
  1308. <div class="vee">
  1309.  
  1310. <img class="versu" src="https://i.imgur.com/Phl1PSt.gif"><br><br><br>
  1311. <a href="VERSE TAG">MUSE NAME.</a><br>
  1312. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam nisi lorem, pulvinar id, commodo feugiat, vehicula et, mauris. Aliquam mattis porta urna. Maecenas dui neque, rhoncus sed, vehicula vitae, auctor at, nisi. Aenean id massa ut lacus molestie porta. Curabitur sit amet quam id libero suscipit venenatis.Lorem ipsum dolor sit amet.
  1313.  
  1314.  
  1315. </div>
  1316.  
  1317. <!--paste here-->
  1318.  
  1319. <!--start copying from here if you want more verse blocks-->
  1320.  
  1321. <div class="vee">
  1322.  
  1323. <img class="versu2" src="https://i.imgur.com/Phl1PSt.gif"><br><br><br>
  1324. <a href="VERSE TAG">MUSE NAME.</a><br>
  1325. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam nisi lorem, pulvinar id, commodo feugiat, vehicula et, mauris. Aliquam mattis porta urna. Maecenas dui neque, rhoncus sed, vehicula vitae, auctor at, nisi. Aenean id massa ut lacus molestie porta. Curabitur sit amet quam id libero suscipit venenatis.Lorem ipsum dolor sit amet.
  1326.  
  1327.  
  1328. </div>
  1329.  
  1330. <!--paste here-->
  1331.  
  1332. </li>
  1333.  
  1334. <li>
  1335. <h4>SECONDARY.</h4>
  1336.  
  1337. <!--start copying from here if you want more verse blocks-->
  1338.  
  1339. <div class="vee">
  1340.  
  1341. <img class="versu" src="https://i.imgur.com/Phl1PSt.gif"><br><br><br>
  1342. <a href="VERSE TAG">MUSE NAME.</a><br>
  1343. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam nisi lorem, pulvinar id, commodo feugiat, vehicula et, mauris. Aliquam mattis porta urna. Maecenas dui neque, rhoncus sed, vehicula vitae, auctor at, nisi. Aenean id massa ut lacus molestie porta. Curabitur sit amet quam id libero suscipit venenatis.Lorem ipsum dolor sit amet.
  1344.  
  1345.  
  1346. </div>
  1347.  
  1348. <!--paste here-->
  1349.  
  1350. <!--start copying from here if you want more verse blocks-->
  1351.  
  1352. <div class="vee">
  1353.  
  1354. <img class="versu2" src="https://i.imgur.com/Phl1PSt.gif"><br><br><br>
  1355. <a href="VERSE TAG">MUSE NAME.</a><br>
  1356. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam nisi lorem, pulvinar id, commodo feugiat, vehicula et, mauris. Aliquam mattis porta urna. Maecenas dui neque, rhoncus sed, vehicula vitae, auctor at, nisi. Aenean id massa ut lacus molestie porta. Curabitur sit amet quam id libero suscipit venenatis.Lorem ipsum dolor sit amet.
  1357.  
  1358.  
  1359. </div>
  1360.  
  1361. <!--paste here-->
  1362.  
  1363. </li>
  1364.  
  1365. <li>
  1366. <h4>TERTIARY.</h4>
  1367.  
  1368. <!--start copying from here if you want more verse blocks-->
  1369.  
  1370. <div class="vee">
  1371.  
  1372. <img class="versu" src="https://i.imgur.com/Phl1PSt.gif"><br><br><br>
  1373. <a href="VERSE TAG">MUSE NAME.</a><br>
  1374. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam nisi lorem, pulvinar id, commodo feugiat, vehicula et, mauris. Aliquam mattis porta urna. Maecenas dui neque, rhoncus sed, vehicula vitae, auctor at, nisi. Aenean id massa ut lacus molestie porta. Curabitur sit amet quam id libero suscipit venenatis.Lorem ipsum dolor sit amet.
  1375.  
  1376.  
  1377. </div>
  1378.  
  1379. <!--paste here-->
  1380.  
  1381. <!--start copying from here if you want more verse blocks-->
  1382.  
  1383. <div class="vee">
  1384.  
  1385. <img class="versu2" src="https://i.imgur.com/Phl1PSt.gif"><br><br><br>
  1386. <a href="VERSE TAG">MUSE NAME.</a><br>
  1387. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam nisi lorem, pulvinar id, commodo feugiat, vehicula et, mauris. Aliquam mattis porta urna. Maecenas dui neque, rhoncus sed, vehicula vitae, auctor at, nisi. Aenean id massa ut lacus molestie porta. Curabitur sit amet quam id libero suscipit venenatis.Lorem ipsum dolor sit amet.
  1388.  
  1389.  
  1390. </div>
  1391.  
  1392. <!--paste here-->
  1393.  
  1394.  
  1395. </li>
  1396.  
  1397. </ul> <!--important don't delete-->
  1398. <h3>&nbsp;&nbsp;&nbsp;</h3><br>
  1399. </div></div></div>
  1400.  
  1401. </div></div></div></div></div></div></div></div></div>
  1402.  
  1403.  
  1404. </div></div>
  1405.  
  1406.  
  1407. </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!