API tools faq
paste
Advertisement
tiffxny21

danny ★

tiffxny21
Apr 21st, 2019
137
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 25.63 KB | None | 0 0
raw download clone embed print report
  1. <html>
  2. <head>
  3. <meta name="color:background" content="#000000" />
  4. <meta name="color:text" content="#626262" />
  5. <meta name="color:scrollbar" content="#000000" />
  6. <meta name="color:link" content="#626262" />
  7. <meta name="color:link hover" content="#203b47" />
  8. <meta name="color:select" content="#aaaaaa" />
  9. <meta name="image:Background" content="https://static.tumblr.com/epuaw6b/hMcovztbq/bg.png"/>
  10. <meta name="image:Texture" content="https://static.tumblr.com/epuaw6b/ybsovztc4/tx.png"/>
  11. <link href="https://fonts.googleapis.com/css?family=Fjalla+One"
  12. rel="stylesheet" type="text/css" />
  13. <link href="https://fonts.googleapis.com/css?family=Playfair+Display+SC"
  14. rel="stylesheet" type="text/css" />
  15. <title>
  16. {Title}
  17. </title>
  18. <link rel="shortcut icon" href="{FavIcon}" />
  19. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  20. <meta name="description" content="{MetaDescription}" />
  21. <style type="text/css">
  22.  
  23. ::-webkit-scrollbar {
  24. height: 5px;
  25. width: 3px; }
  26. sup {
  27. line-height: 65%;
  28. font-size: 11px; }
  29. sub {
  30. line-height: 65%;
  31. font-size: 11px; }
  32.  
  33. ::-webkit-scrollbar-thumb:vertical {
  34. background:{color:scrollbar};
  35. opacity:0.3; }
  36.  
  37. #s-m-t-tooltip{
  38. max-width: 300px;
  39. border-width: 0px;
  40. background-position: center;
  41. background-image: url('{image:Texture}');
  42. border-radius:3px;
  43. text-transform:uppercase;
  44. z-index: 9999999;
  45. padding: 5px;
  46. color: #f2eee7;
  47. margin: 20px 7px -2px 20px;
  48. font-family:'Playfair Display SC';
  49. font-size:9px;
  50. letter-spacing:1px; }
  51.  
  52. body {
  53. background-image: url('{image:Background}');
  54. background-attachment:fixed;
  55. font-family: Helvetica;
  56. font-size: 11px;
  57. background-color:{color:background} ;
  58. color: {color:text};
  59. text-align: justify;
  60. background-repeat: no-repeat;
  61. background-position: left bottom;
  62. overflow: hidden; }
  63.  
  64. a {
  65. color: {color:link};
  66. text-decoration: none;
  67. -moz-transition-duration:0.4s;
  68. -webkit-transition-duration:0.4s;
  69. -o-transition-duration:0.4s; }
  70.  
  71. a:hover {
  72. color:{color:link hover};
  73. text-decoration: none;
  74. -moz-transition-duration:0.4s;
  75. -webkit-transition-duration:0.4s;
  76. -o-transition-duration:0.4s; }
  77.  
  78. small { font-size: 11px; }
  79. hr {
  80. margin-bottom: 5px;
  81. margin-top: 5px;
  82. border-top: 1px dotted {color:Text};
  83. border-bottom: hidden; }
  84.  
  85. b, bold,strong {
  86. font-size:12px;
  87. text-transform: uppercase;
  88. font-weight:normal;
  89. font-family: 'Playfair Display SC';
  90. font-weight:bold;
  91. color: {color:text};
  92. line-height: 125%;}
  93.  
  94. i, em{ font-family: 'Playfair Display SC'; }
  95. h1 {
  96. padding: 3px;
  97. text-transform: uppercase;
  98. margin-bottom: 5px;
  99. font-weight:bold;
  100. font-family: 'Playfair Display SC', sans-serif;
  101. font-size: 20px;
  102. color: {color:text};
  103. line-height: 125%; }
  104.  
  105. h2 {
  106. color: {color:text};
  107. cursor:pointer;
  108. font-family: 'Playfair Display SC'!important;
  109. text-transform:uppercase;
  110. font-size: 14px;
  111. letter-spacing:1px;font-weight:100;
  112. padding-left: 4px; }
  113.  
  114. h3 {
  115. background-image: url('{image:Texture}');
  116. width:100%;
  117. padding: 5px 0px 3px 0px;
  118. letter-spacing: 1px;
  119. font-family: 'Playfair Display SC';
  120. text-transform: uppercase;
  121. font-size: 10px;
  122. text-align:center;
  123. color: {color:text};
  124. font-weight: normal!important; }
  125.  
  126. h3 a{ color:{color:background};}
  127.  
  128. .tumblr_blog {
  129. padding-left: 5px;
  130. padding-bottom:2px;
  131. font-weight: 600;
  132. margin-bottom: 5px;
  133. font-family: 'Playfair Display SC';
  134. text-transform:uppercase;
  135. font-size: 14px;
  136. letter-spacing: 1px;
  137. line-height: 125%; }
  138.  
  139. #asker {
  140. min-height:50px;
  141. font-family: 'Playfair Display SC';
  142. font-size: 17px;
  143. cursor: pointer;
  144. text-transform: uppercase;
  145. text-decoration: none; }
  146.  
  147. #asker a:hover {
  148. text-decoration: none;
  149. color: #f2eee7; }
  150.  
  151. #asker a {
  152. color:{color:text};
  153. text-decoration: none; }
  154.  
  155. figure{ margin: 0px;}
  156.  
  157. #question {
  158. line-height: 105%;
  159. font-size: 11px;
  160. font-family: arial;
  161. padding-top: 1%;
  162. text-transform: none;
  163. text-align: justify; }
  164.  
  165. #answer {
  166. text-transform: none;
  167. font-size: 11px;
  168. text-align: justify;
  169. color: {color:text}; }
  170.  
  171. #answer img {
  172. border-radius: 0px;
  173. margin-right: 6px;
  174. margin-bottom: -5px; }
  175.  
  176. #posts {
  177. width:300px;
  178. padding-right: 15px;
  179. margin-bottom: 50px;
  180. text-align: justify;
  181. color: {color:text}; }
  182.  
  183. #posts img {
  184. opacity: 0.8;
  185. height: auto;
  186. max-width: 300px; }
  187.  
  188. .caption {
  189. width: 300px;
  190. text-align: left;
  191. line-height: 150%;
  192. font-size: 9px;
  193. letter-spacing: 1px;
  194. text-transform: uppercase; }
  195.  
  196. .permalink {
  197. background-image: url('{image:Texture}');
  198. padding-left: 15px;
  199. background-position: top center;
  200. width: 280px;
  201. background-size: initial;
  202. padding-top: 3px;
  203. line-height: 100%;
  204. height: 25px;
  205. opacity: 0.99;
  206. letter-spacing: -1px;
  207. font-size: 11px;
  208. z-index: 1;
  209. text-align: left;
  210. -webkit-transition: all 0.5s ease-in-out;
  211. -moz-transition: all 0.5s ease-in-out;
  212. -o-transition: all 0.5s ease-in-out;
  213. -ms-transition: all 0.5s ease-in-out;
  214. display:block;
  215. transition: all 0.5s ease-in-out; }
  216.  
  217. .permalink img{ border-radius:3px;}
  218. .permalink a { color: {color:text}; }
  219. .permalink a:hover { color: #f2eee7; }
  220. .permalink img:hover{
  221. -moz-transition-duration:0.4s;
  222. -webkit-transition-duration:0.4s;
  223. -o-transition-duration:0.4s;
  224. text-shadow: -3px 0 1px rgb(30,242,241) , 3px 0 1px rgb(246,5,10) ; }
  225.  
  226. #tags {
  227. color: {color:text};
  228. font-family: 'Playfair Display SC';
  229. font-size:9px!important;
  230. letter-spacing: 1px;
  231. padding:5px;
  232. text-transform: uppercase;
  233. -moz-transition-duration:0.5s;
  234. -webkit-transition-duration:0.5s;
  235. -o-transition-duration:0.5s; }
  236.  
  237. #tags a { text-decoration: none; color: {color:text}; }
  238. #tags a:hover { text-decoration: none; color:{color:link hover}; }
  239.  
  240. .read_more_container {
  241. color: {color:text};
  242. font-family: 'Playfair Display SC';
  243. text-transform:uppercase;
  244. font-size: 18px;
  245. letter-spacing: 0px;
  246. opacity:0.8.5; }
  247.  
  248. ::selection {
  249. color: {color:select};
  250. background: {color:link}; }
  251.  
  252. ::-moz-selection {
  253. color: {color:select};
  254. background: {color:link}; }
  255.  
  256. ::-webkit-selection {
  257. color: {color:select};
  258. background: {color:link}; }
  259.  
  260. blockquote {
  261. border-left:3px solid {color:link hover};
  262. padding-left: 15px;
  263. margin-left: 5px;
  264. width: 92%; }
  265.  
  266. blockquote img { max-width: 275px!important; }
  267.  
  268. pre, xmp, plaintext, listing {
  269. display: block;
  270. font-family: monospace;
  271. word-wrap: break-word;
  272. white-space: pre;
  273. margin: 1em 0px; }
  274.  
  275. .notes {
  276. list-style-type: none;
  277. width: 260px;
  278. margin-left: -30px; }
  279.  
  280. .notes img {
  281. border-radius: 3px;
  282. margin: 0px 10px -4px 0px; }
  283.  
  284. .notes li { padding-bottom: 7px; }
  285.  
  286. .mus {
  287. margin-bottom:5px;
  288. min-height: 100px;
  289. height: 100px;
  290. padding: 0px 20px;
  291. padding-left: 0px;
  292. display: table; }
  293.  
  294. .mus img {
  295. width: 100px;
  296. position: absolute;
  297. border-radius: 5px;}
  298.  
  299. .musiclabel {
  300. padding: 10px 20px;
  301. padding-left: 120px;
  302. display: table-cell;
  303. font-family: calibri;
  304. letter-spacing: 1px;
  305. width: 300px;
  306. font-size: 9px;
  307. text-transform: uppercase;}
  308.  
  309. .audioverlay {
  310. opacity: 0.3;
  311. background-color: #fff;
  312. position: absolute;
  313. z-index: 10;
  314. border-radius: 5px;
  315. transition-duration: 0.6s;
  316. -moz-transition-duration: 0.6s;
  317. -webkit-transition-duration: 0.6s;
  318. -o-transition-duration: 0.6s;
  319. z-index: 100;}
  320.  
  321. .mus:hover .audioverlay {
  322. opacity: 0.8;
  323. transition-duration: 0.6s;
  324. -moz-transition-duration: 0.6s;
  325. -webkit-transition-duration: 0.6s;
  326. -o-transition-duration: 0.6s;}
  327.  
  328. .audioarrow {
  329. width: 20px;
  330. height: 30px;
  331. overflow: hidden;
  332. margin: 35px 45px 35px 35px;}
  333.  
  334. .simple-player .audio-player .play-pause {
  335. font-size: 19px;
  336. padding: 5px!important;
  337. width: auto; }
  338.  
  339. ul.tab {
  340. list-style-type: none;
  341. left: 635px;
  342. bottom: 30px;
  343. position: fixed;
  344. margin: 0;
  345. padding: 0;
  346. overflow: hidden; }
  347.  
  348.  
  349. ul.tab li {float: left;}
  350. ul.tab li a {
  351. border-bottom: 1.5px transparent solid;
  352. display: inline-block;
  353. text-shadow: 0px 0px 5px black;
  354. text-align: center;
  355. padding-bottom: 20px;
  356. width: 35px;
  357. text-decoration: none;
  358. transition: 0.3s;
  359. color:{color:text}; }
  360. ul.tab li a:hover { text-shadow:none; color: #f2eee7; }
  361. ul.tab li a:focus, .active { color:#f2eee7; }
  362. .links a { font-family:'Playfair Display SC'; text-transform:uppercase; font-size:12px; }
  363.  
  364. .tabcontent {
  365. display: none;
  366. overflow: auto;
  367. line-height: 120%;
  368. bottom:120px;
  369. margin-top: 30px;
  370. position: fixed;
  371. left: 575px;
  372. overflow-x: hidden;
  373. text-align: justify;
  374. height: 630px;
  375. color: {color:text}; }
  376.  
  377. .tabcontent {
  378. -webkit-animation: fadeEffect 0.5s;
  379. animation: fadeEffect 0.5s; }
  380.  
  381. @-webkit-keyframes fadeEffect {
  382. from {opacity: 0;}
  383. to {opacity: 1;} }
  384.  
  385. @keyframes fadeEffect {
  386. from {opacity: 0;}
  387. to {opacity: 1;} }
  388.  
  389. .description {
  390. position: fixed;
  391. left: 980px;
  392. width:160px;
  393. height:320px;
  394. bottom:180px;
  395. padding: 0px 20px 0px 0px; overflow:auto; }
  396.  
  397. #pagination {
  398. text-align: right;
  399. bottom: 630px;
  400. line-height: 100%;
  401. position: fixed;
  402. left: 880px;}
  403.  
  404. #pagination a{
  405. font-size: 12px;
  406. opacity: 0.2;
  407. letter-spacing: 1px;
  408. text-transform: uppercase;
  409. font-family: 'Playfair Display SC'; }
  410.  
  411. .play {
  412. z-index: 9999;
  413. left: 100px;
  414. width: 55px;
  415. opacity: 0.5;
  416. bottom: 280px;
  417. height: 15px;
  418. overflow: hidden;
  419. position: fixed; }
  420.  
  421. main { margin: 0 auto; }
  422. section { display: none; padding: 20px 0 0; }
  423. input { display: none; }
  424. label {
  425. font-family: Playfair Display SC;
  426. text-transform:uppercase;
  427. letter-spacing:1px;
  428. display: inline-block;
  429. margin: 0 7% 0;
  430. padding: 5px 25px;
  431. font-size:10px;
  432. font-weight: 600;
  433. text-align: center;
  434. border: 1px solid transparent;
  435. -webkit-transition: all .7s ease;
  436. -moz-transition: all .7s ease;
  437. -o-transition: all .7s ease;
  438. transition: all .7s ease; }
  439.  
  440. label:before {
  441. font-weight: normal;
  442. margin-right: 10px;
  443. -webkit-transition: all .7s ease;
  444. -moz-transition: all .7s ease;
  445. -o-transition: all .7s ease;
  446. transition: all .7s ease; }
  447.  
  448. label:hover {
  449. color: #888;
  450. cursor: pointer;
  451. -webkit-transition: all .7s ease;
  452. -moz-transition: all .7s ease;
  453. -o-transition: all .7s ease;
  454. transition: all .7s ease; }
  455.  
  456. input:checked + label {
  457. color: {color:link hover};
  458. border-bottom: 1px solid {color:link hover}; }
  459.  
  460. #tab1:checked ~ #content1, #tab2:checked ~ #content2, #tab3:checked ~ #content3, #tab4:checked ~ #content4 { display: block; }
  461.  
  462. @media screen and (max-width: 650px) { label { font-size: 0; }
  463. label:before { margin: 0; font-size: 18px; } }
  464.  
  465. @media screen and (max-width: 400px) { label { padding: 15px; } }
  466.  
  467. button.accordion {
  468. background-image: url('{image:Texture}');
  469. background-position: center;
  470. color: {color:text};
  471. height: 40px;
  472. width: 100%;
  473. border: none;
  474. text-align: center;
  475. outline: none;
  476. font-size: 15px;
  477. margin-bottom: 10px;
  478. font-family: 'Playfair Display SC';
  479. text-transform:uppercase;
  480. transition: 0.4s; }
  481.  
  482. button.accordion.active, button.accordion:hover { color: white; }
  483.  
  484. div.panel {
  485. padding: 0 18px;
  486. max-height: 0;
  487. overflow: hidden;
  488. transition: max-height 0.2s ease-out;
  489. -webkit-transition: all .7s ease;
  490. -moz-transition: all .7s ease;
  491. -o-transition: all .7s ease;
  492. transition: all .7s ease; }
  493.  
  494. div.panel img:hover{
  495. opacity:0.6;
  496. -webkit-transition: all .7s ease;
  497. -moz-transition: all .7s ease;
  498. -o-transition: all .7s ease;
  499. transition: all .7s ease; }
  500.  
  501. </style>
  502. </head>
  503. <body> <script src=
  504. "https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"
  505. type="text/javascript">
  506. </script><script src="https://static.tumblr.com/awdnhgg/vHfohsb4i/jquery.style-my-tooltips.js"
  507. type="text/javascript">
  508. </script>
  509. <script type="text/javascript">
  510. //<![CDATA[
  511. (function($){ $(document).ready(function(){ $("[title]").style_my_tooltips(); }); })(jQuery);
  512. //]]>
  513. </script>
  514. <div class="links">
  515. <ul class="tab">
  516. <li title="POSTS">
  517. <a href="javascript:void(0)" class="tablinks" onclick=
  518. "openCity(event, 'Yavin IV')" id="defaultOpen" name=
  519. "defaultOpen">I.</a>
  520. </li>
  521. <li title="ASK">
  522. <a href="javascript:void(0)" class="tablinks" onclick=
  523. "openCity(event, 'Messages')">II.</a>
  524. </li>
  525. <li title="GUIDELINES">
  526. <a href="javascript:void(0)" class="tablinks" onclick=
  527. "openCity(event, 'Rules')">III.</a>
  528. </li>
  529. <li title="ABOUT">
  530. <a href="javascript:void(0)" class="tablinks" onclick=
  531. "openCity(event, 'About')">IV.</a>
  532. </li>
  533. <li title="NAVIGATION">
  534. <a href="javascript:void(0)" class="tablinks" onclick=
  535. "openCity(event, 'Navigate')">V.</a>
  536. </li>
  537. </ul>
  538. </div>
  539. <div class="description">
  540. <center>
  541. <h2 style="font-size:17px;">
  542. {title}
  543. </h2>
  544. </center>{description}
  545. </div>
  546. <div id="Yavin IV" class="tabcontent">
  547. {block:Posts}
  548. <div id="posts">
  549. {block:Pagination}
  550. <div id="pagination">
  551. {block:PreviousPage}<a href="{PreviousPage}" title="previous page" class="jump_page">prev</a>
  552. {/block:PreviousPage}{block:NextPage}<br />
  553. <a href="{NextPage}" title="next page" class="jump_page">next</a>{/block:NextPage}
  554. </div>{/block:Pagination}
  555. {block:Text}{block:Title}
  556. <h2>
  557. {Title}
  558. </h2>{/block:Title}
  559. <p>
  560. {Body}
  561. </p>{/block:Text} {block:Quote}
  562. <h2>
  563. ❝{Quote}❞
  564. </h2>—{Source}{/block:Quote} {block:Link} <a href="{URL}"></a>
  565. <h2>
  566. <a href="{URL}">{Name}</a>
  567. </h2>{block:Description}
  568. <p>
  569. {Description}
  570. </p>{/block:Description}{/block:Link} {block:Photo}
  571. <center>
  572. <img src="{photourl-400}" />
  573. </center>{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  574. {block:Photoset}
  575. <center>
  576. {Photoset}
  577. </center>{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  578. {block:Audio}
  579. <div class="mus">
  580. <div class="audioverlay">
  581. <div class="audioarrow">
  582. {AudioPlayerWhite}
  583. </div>
  584. </div><img src="https://static.tumblr.com/jn9hrij/20Ul2zzsr/albumart.jpg" alt="default album art" />{block:AlbumArt}<img class="cover" src="{AlbumArtURL}" />{/block:AlbumArt}
  585. <div class="musiclabel">
  586. {block:TrackName}<span style="font-weight:normal;text-transform: uppercase;font-family:'Playfair Display SC';font-size:10px;letter-spacing:-1px;">{TrackName}</span>{/block:TrackName}<br />
  587.  
  588. {block:Artist}{Artist}{/block:Artist} {block:Album}·
  589. {Album}{/block:Album}<br />
  590. {block:Playcount}{Playcount} Plays{/block:Playcount}
  591. </div>
  592. </div>{block:Caption}{Caption}{/block:Caption}{/block:Audio}
  593. {block:Chat}
  594. <ul class="chat">
  595. <li style="list-style: none">{block:Title}
  596. <h2>
  597. <strong>{Title}</strong>
  598. </h2>{/block:Title}{block:Lines}
  599. </li>
  600. <li>{block:Label}<span class="label">
  601. {Label}</span>{/block:Label}&nbsp;{Line}
  602. </li>
  603. <li style="list-style: none">{/block:Lines}
  604. </li>
  605. </ul>{/block:Chat}
  606. {block:Video}{Video-400}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  607. {block:Answer}
  608. <div id="asker">
  609. <img src="{AskerPortraitURL-30}" style=" float: left; margin: 0px 10px 0px 0px;" /> {Asker}:
  610. <div id="question">
  611. {Question}
  612. <hr />
  613. </div>
  614. </div>{block:Answerer}
  615. <p>
  616. {Answer}
  617. </p>{/block:Answerer}
  618. <div id="replies">
  619. <p>
  620. {Answer}
  621. </p>
  622. </div>{/block:Answer} {block:Date}
  623. <div class="permalink">
  624. <strong style=" font-family: 'Playfair Display SC'; font-size: 17px;"><a href="{Permalink}">
  625. {TimeAgo}</a></strong>
  626. <div style=" text-align: right; margin-top: -20px; margin-left: 1px;text-transform:uppercase; line-height: 100%; font-family: 'fjalla one'; font-size: 9px; padding-right: 15px; padding-left: 120px; letter-spacing: 1px;">
  627. {block:NotReblog}<a href="{ReblogURL}" title="reblog"
  628. target="_blank">reblog</a>{/block:NotReblog}{/block:Date}<br />
  629.  
  630. {block:NoteCount}{NoteCount} notes{/block:NoteCount}
  631. </div>
  632. </div>{block:HasTags}
  633. <div id="tags">
  634. {block:Tags}<a href="{TagURL}">{Tag}</a> {/block:Tags}
  635. </div>{/block:HasTags}
  636. {block:PostNotes}{PostNotes}{/block:PostNotes}
  637. </div>{/block:Posts}
  638. </div>
  639. <div id="Messages" class="tabcontent" title="ask">
  640. <div id="posts">
  641. <center>
  642. <h2>
  643. ASK ME ANYTHING
  644. </h2>
  645. </center><br />
  646. <br />
  647. <iframe frameborder="0" scrolling="yes" width="300" src=
  648. "https://www.tumblr.com/ask_form/YOURURL.tumblr.com"
  649. style=
  650. "background-color: #0f0f0f; overflow:hidden;height: 270px;"
  651. id="ask_form" name="ask_form"></iframe>
  652. </div>
  653. </div>
  654. <div id="Rules" class="tabcontent">
  655. <div id="posts">
  656. <p>
  657. Dāervose jevosy yne enkot daor. Jemot ziry tepagon koston
  658. daor. Dāerves jevys tepagon yne sytilībos daor. Jemēle
  659. mērī sytilības. Lo ziry arlī jaelāt, jemēlo syt ziry
  660. mazemagon jemo bēvilza. Tolvies jemys. Jevys qrinuntys
  661. ikson daor. Jevys qrinuntys jemo paktot issa. Jevys
  662. qrinuntys jevor riñar laodissis ossēnīs. Jevys qrinuntys
  663. jemo syt mērī belma se boteri se udrāzmī ēzi. Udrāzmī
  664. jemot maghon daor. Iderennon maghan. Se jevo qrinuntoti
  665. pōjor gūrotriri maghan. Naejot!
  666. </p>
  667. </div>
  668. </div>
  669. <div id="About" class="tabcontent">
  670. <div id="posts">
  671. <p>
  672. Dāervose jevosy yne enkot daor. Jemot ziry tepagon koston
  673. daor. Dāerves jevys tepagon yne sytilībos daor. Jemēle
  674. mērī sytilības. Lo ziry arlī jaelāt, jemēlo syt ziry
  675. mazemagon jemo bēvilza. Tolvies jemys. Jevys qrinuntys
  676. ikson daor. Jevys qrinuntys jemo paktot issa. Jevys
  677. qrinuntys jevor riñar laodissis ossēnīs. Jevys qrinuntys
  678. jemo syt mērī belma se boteri se udrāzmī ēzi. Udrāzmī
  679. jemot maghon daor. Iderennon maghan. Se jevo qrinuntoti
  680. pōjor gūrotriri maghan. Naejot!
  681. </p>
  682. </div>
  683. </div>
  684. <div id="Navigate" class="tabcontent">
  685. <div id="posts">
  686. <button class="accordion">Nābēmātās</button>
  687. <div class="panel">
  688. <p>
  689. Dāervose jevosy yne enkot daor. Jemot ziry tepagon
  690. koston daor. Dāerves jevys tepagon yne sytilībos daor.
  691. Jemēle mērī sytilības. Lo ziry arlī jaelāt, jemēlo syt
  692. ziry mazemagon jemo bēvilza. Tolvies jemys. Jevys
  693. qrinuntys ikson daor. Jevys qrinuntys jemo paktot issa.
  694. Jevys qrinuntys jevor riñar laodissis ossēnīs. Jevys
  695. qrinuntys jemo syt mērī belma se boteri se udrāzmī ēzi.
  696. Udrāzmī jemot maghon daor. Iderennon maghan. Se jevo
  697. qrinuntoti pōjor gūrotriri maghan. Naejot!
  698. </p>
  699. </div><button class="accordion">Nābēmātās</button>
  700. <div class="panel">
  701. <p>
  702. Dāervose jevosy yne enkot daor. Jemot ziry tepagon
  703. koston daor. Dāerves jevys tepagon yne sytilībos daor.
  704. Jemēle mērī sytilības. Lo ziry arlī jaelāt, jemēlo syt
  705. ziry mazemagon jemo bēvilza. Tolvies jemys. Jevys
  706. qrinuntys ikson daor. Jevys qrinuntys jemo paktot issa.
  707. Jevys qrinuntys jevor riñar laodissis ossēnīs. Jevys
  708. qrinuntys jemo syt mērī belma se boteri se udrāzmī ēzi.
  709. Udrāzmī jemot maghon daor. Iderennon maghan. Se jevo
  710. qrinuntoti pōjor gūrotriri maghan. Naejot!
  711. </p>
  712. </div><button class="accordion">Nābēmātās</button>
  713. <div class="panel">
  714. <p>
  715. Dāervose jevosy yne enkot daor. Jemot ziry tepagon
  716. koston daor. Dāerves jevys tepagon yne sytilībos daor.
  717. Jemēle mērī sytilības. Lo ziry arlī jaelāt, jemēlo syt
  718. ziry mazemagon jemo bēvilza. Tolvies jemys. Jevys
  719. qrinuntys ikson daor. Jevys qrinuntys jemo paktot issa.
  720. Jevys qrinuntys jevor riñar laodissis ossēnīs. Jevys
  721. qrinuntys jemo syt mērī belma se boteri se udrāzmī ēzi.
  722. Udrāzmī jemot maghon daor. Iderennon maghan. Se jevo
  723. qrinuntoti pōjor gūrotriri maghan. Naejot!
  724. </p>
  725. </div><script type="text/javascript">
  726. //<![CDATA[
  727. var acc = document.getElementsByClassName("accordion"); var i; for (i = 0; i < acc.length; i++) { acc[i].onclick = function() { this.classList.toggle("active"); var panel = this.nextElementSibling; if (panel.style.maxHeight){ panel.style.maxHeight = null; } else { panel.style.maxHeight = panel.scrollHeight + "px"; } } }
  728. //]]>
  729. </script>
  730. </div>
  731. </div><script src=
  732. "https://static.tumblr.com/awdnhgg/6IWohsa5y/tabs.js" type=
  733. "text/javascript">
  734. </body>
  735. </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!