API tools faq
paste
Advertisement
tiffxny21

BULLETS ★

tiffxny21
Apr 21st, 2019
190
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 37.60 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "https://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="https://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3.  
  4. <!---------------------
  5. Theme Heavily edited by Nina
  6. https://whiskeysalvatore.tumblr.com/
  7. DO NOT REMOVE EITHER CREDIT
  8. Like/Reblog if using!
  9.  
  10. BASE CODE by Clara @
  11. https://mandrakescry.tumblr.com/
  12. ------------------------>
  13. <html>
  14. <head>
  15.  
  16. <meta name="color:background" content="#FFFFFF">
  17. <meta name="color:sidebar link" context="#413f3f">
  18. <meta name="color:links" content="#928f8f">
  19. <meta name="color:post links" content="#928f8f">
  20. <meta name="color:hover" content="#454545">
  21. <meta name="color:info" content="#dadada">
  22. <meta name="color:text" content="#9A9A9A">
  23. <meta name="color:title" content="#0a0a0a">
  24. <meta name="color:sidebar text" content="#a8a6a6">
  25. <meta name="color:tags" content="#dddddd">
  26. <meta name="color:scrollbar" content="#313231">
  27. <meta name="color:border" content="#313231">
  28. <meta name="color:home" content="#866b6b" />
  29. <meta name="color:home hover" content="#866b6b" />
  30.  
  31. <meta name="image:background" content=""/>
  32. <meta name="image:pop" content""/>
  33.  
  34. <meta name="text:link 1" content="" />
  35. <meta name="text:link 1 Text" content="" />
  36. <meta name="text:link 2" content="" />
  37. <meta name="text:link 2 Text" content="" />
  38. <meta name="text:link 3" content="" />
  39. <meta name="text:link 3 Text" content="" />
  40. <meta name="text:link 4" content="" />
  41. <meta name="text:link 4 Text" content="" />
  42. <meta name="text:link 5" content="" />
  43. <meta name="text:link 5 Text" content="" />
  44. <meta name="text:link 6" content="" />
  45. <meta name="text:link 6 Text" content="" />
  46.  
  47.  
  48. <meta https-equiv="Content-Type" content="text/html; charset=utf-8" />
  49. <title>{Title}</title> {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  50. <link rel="shortcut icon" href="{Favicon}" />
  51. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  52.  
  53. <script type="text/javascript"
  54. src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  55.  
  56.  
  57. <link href="https://fonts.googleapis.com/css?family=Lovers+Quarrel" rel="stylesheet">
  58.  
  59. <style type="text/css">
  60.  
  61. .popup_block{
  62. display:none;
  63. background: url('{image:pop}');
  64. float:left;
  65. height:353px;
  66. position:fixed;
  67. top:56.2%; left: 43%;
  68. z-index:9999999999999;
  69. opacity:1;
  70. }
  71.  
  72.  
  73. *html #fade {position: absolute;}
  74. *html .popup_block {position: absolute;}
  75. #fade {
  76. display:none;
  77. position:fixed;
  78. left:0px;
  79. top:0px;
  80. width:100%;
  81. height:100%;
  82. z-index:999999;
  83. background:rgba(0, 0, 0, 0.7); /* change to #fff for solid white */
  84. }
  85.  
  86. #popheader {
  87. margin-right:10px;
  88. margin-top:-15px;
  89. padding-right:10px;
  90. font-size:30px;
  91. letter-spacing:5px;
  92. text-align:right;
  93. font-family: 'Puolelta toiselle';
  94. font-style:italic;
  95. color:#eee;
  96. text-transform:lowercase;
  97. text-shadow: -1px 0px 1px #ac8c75;
  98. }
  99.  
  100. #poptext {
  101. margin-top:60px;
  102. margin-left:20px;
  103. width:280px;
  104. height:270px;
  105. overflow:scroll;
  106. padding:3px;
  107. text-align:justify;
  108. font-size:9px;
  109. font-family:verdana;
  110. color:#111;
  111. }
  112.  
  113.  
  114. #headerbar{
  115. left:49%;
  116. top:50%;
  117. width:329px;
  118. margin-top:330px;
  119. overflow:scroll;
  120. padding:10px;
  121. text-align:left;
  122. color:#eee;
  123. font-family:calibri;
  124. font-size:12px;
  125. }
  126.  
  127. #tabbar{
  128. left:50%;
  129. top:50%;
  130. width:280px;
  131. height:270px;
  132. margin-top:-307px;
  133. margin-left:20px;
  134. overflow: scroll;
  135. text-align:justify;
  136. font-family:calibri;
  137. font-size:11px;
  138. color:#222;
  139. }
  140.  
  141. ul#tabs {text-align: center;}
  142. ul#tabs li {display:inline-block;padding:2px;cursor:pointer;text-decoration:none;opacity:1; color:#222;}
  143. ul#tabs li.active {display:inline; background-color:#222;color:#ccc;-webkit-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;}
  144. ul#tab, ul#tabs{list-style-type:none;margin:0px;padding:0px;}
  145. ul#tab li.active {display: block;}
  146. ul#tab li {display: none;}
  147.  
  148.  
  149. a {
  150. color:{color:links};
  151. text-decoration:none;
  152. -moz-transition-duration:0.5s;
  153. -webkit-transition-duration:0.5s;
  154. -o-transition-duration:0.5s;
  155. }
  156.  
  157. a:hover {
  158. color:{color:hover};
  159. text-decoration:none;
  160. -moz-transition-duration:0.5s;
  161. -webkit-transition-duration:0.5s;
  162. -o-transition-duration:0.5s;
  163. }
  164.  
  165.  
  166. ::-webkit-scrollbar {
  167. height:5px;
  168. width:3px}
  169.  
  170. ::-webkit-scrollbar-thumb:vertical {
  171. background-color:{color:scrollbar};
  172. height:30px;
  173. }
  174.  
  175. body {
  176. background:{color:background};
  177. margin:0px;
  178. background-image:url('{image:background}');
  179. color:{color:text};
  180. font-family:calibri;
  181. font-size:9px;
  182. line-height:100%;
  183. letter-spacing:0px;
  184. text-align:justify;
  185. }
  186.  
  187. i, italic, em{color:#000;text-transform:italic;font-family:'times new';font-size:11px;}
  188. b, bold, strong{color:#f4f4f4;text-transform:bold;font-family:'arial';font-size:12px}
  189. small, sub, sup {color:#bbbbbb;font-size:9px;}
  190. big{font-family:'tahoma';
  191. font-size:18px;
  192. letter-spacing:2px;
  193. text-transform:uppercase;
  194. font-weight:none;
  195. font-style:none;
  196. text-align:justify;
  197. color:{color:border}; }
  198. h1 {font-family:'BenchNine, sans-serif;
  199. font-size:14px;
  200. letter-spacing:3px;
  201. text-transform:uppercase;
  202. font-style:none;
  203. text-align:left;
  204. color:{color:links};
  205. text-shadow: 0 0 6px {color:links hover}; }
  206. h2 {font-family:'BenchNina', sans-serif;
  207. font-size:12px;
  208. letter-spacing:5px;
  209. text-transform:uppercase;
  210. font-style:none;
  211. text-align:left;
  212. color: maroon;
  213. text-shadow: 0 0 6px {color:links}; }
  214.  
  215.  
  216. blockquote {
  217. border-left:2px solid {color:text};
  218. padding-left:5px;
  219. margin:5px;
  220. }
  221.  
  222. #description {
  223. width:150px;
  224. margin-top:5px;
  225. font-size: 10px;
  226. color:{color:sidebar text};
  227. line-height: 18px;
  228. text-align:center;
  229. line-height:10px;
  230. padding:5px 0px 5px;
  231. }
  232.  
  233.  
  234. #home { /*THIS IS YOUR REFRESH AKA THE TEXT AT THE TOP OF THE CONTAINERS */
  235. position:fixed;
  236. width:500px;
  237. top:120px;
  238. left:425px;
  239. text-transform:normal;
  240. text-align:none;
  241. font-style:none;
  242. line-height:80%;
  243. z-index:9999999; }
  244.  
  245. #home a{
  246. font-family:'Lovers Quarrel';
  247. font-size:70px;
  248. line-height:80%;
  249. padding:1px;
  250. margin-top:1px;
  251. margin-left:6px;
  252. color:{color:home};
  253. text-shadow: 1px 1px 1px #000;
  254. -webkit-filter:blur(0px);
  255. -moz-transition-duration:.7s;
  256. -webkit-transition-duration:.7s;
  257. -o-transition-duration:.7s;}
  258.  
  259. #home a:hover {
  260. color:{color:home hover};
  261. text-shadow:2px 1px 2px #000;
  262. -webkit-filter:blur(0px);
  263. -webkit-transition: all 0.3s ease-in-out;
  264. -moz-transition: all 0.3s ease-in-out;
  265. -o-transition: all 0.3s ease-in-out;
  266. -ms-transition: all 0.3s ease-in-out;
  267. transition: all 0.3s ease-in-out; }
  268.  
  269.  
  270.  
  271. .pagination {
  272. margin-top:5px;
  273. text-align:right;
  274. font-size:9px;
  275. width:150px;
  276. }
  277.  
  278. .link1 {
  279. width:152px;
  280. font-family: 'Playfair Display', serif;
  281. padding: 4px;
  282. text-align:center;
  283. text-transform:uppercase;
  284. position:fixed;
  285. margin-top:185px;
  286. margin-left:230px;
  287. transform: rotate(30deg);
  288. -ms-transform: rotate(30deg);
  289. -webkit-transform: rotate(30deg);
  290. -o-transform: rotate(30deg);
  291. -moz-transform: rotate(30deg);
  292. }
  293.  
  294. .link1 a {
  295. width:94px;
  296. padding:3px;
  297. font-size:18px;
  298. letter-spacing:0px;
  299. color:#0b0a0a;
  300. }
  301.  
  302. .link1 a:hover {
  303. -moz-transition-duration:0.3s;
  304. -webkit-transition-duration:0.3s;
  305. -o-transition-duration:0.3s;
  306. color:#0b0a0a;
  307. -webkit-filter: blur(2px);
  308. }
  309.  
  310. .link2 {
  311. width:152px;
  312. font-family: 'Playfair Display', serif;
  313. padding: 4px;
  314. text-align:center;
  315. text-transform:uppercase;
  316. position:fixed;
  317. margin-top:498px;
  318. margin-left:708px;
  319. transform: rotate(-20deg);
  320. -ms-transform: rotate(-20deg);
  321. -webkit-transform: rotate(-20deg);
  322. -o-transform: rotate(-20deg);
  323. -moz-transform: rotate(-20deg);
  324. }
  325.  
  326. .link2 a {
  327. width:94px;
  328. padding:3px;
  329. font-size:15px;
  330. letter-spacing:0px;
  331. color:#0b0a0a;
  332. }
  333.  
  334. .link2 a:hover {
  335. -moz-transition-duration:0.3s;
  336. -webkit-transition-duration:0.3s;
  337. -o-transition-duration:0.3s;
  338. color:#0b0a0a;
  339. -webkit-filter: blur(2px);
  340. }
  341.  
  342. .link3 {
  343. width:152px;
  344. font-family: 'Playfair Display', serif;
  345. padding: 4px;
  346. text-align:center;
  347. text-transform:uppercase;
  348. position:fixed;
  349. margin-top:85px;
  350. margin-left:650px;
  351. transform: rotate(-40deg);
  352. -ms-transform: rotate(-40deg);
  353. -webkit-transform: rotate(-40deg);
  354. -o-transform: rotate(-40deg);
  355. -moz-transform: rotate(-40deg);
  356. }
  357.  
  358. .link3 a {
  359. width:94px;
  360. padding:3px;
  361. font-size:10px;
  362. letter-spacing:0px;
  363. color:#0b0a0a;
  364. }
  365.  
  366. .link3 a:hover {
  367. -moz-transition-duration:0.3s;
  368. -webkit-transition-duration:0.3s;
  369. -o-transition-duration:0.3s;
  370. color:#0b0a0a;
  371. -webkit-filter: blur(2px);
  372. }
  373.  
  374. .link4 {
  375. width:152px;
  376. font-family: 'Playfair Display', serif;
  377. padding: 4px;
  378. text-align:center;
  379. text-transform:uppercase;
  380. position:fixed;
  381. margin-top:235px;
  382. margin-left:800px;
  383. transform: rotate(20deg);
  384. -ms-transform: rotate(20deg);
  385. -webkit-transform: rotate(20deg);
  386. -o-transform: rotate(20deg);
  387. -moz-transform: rotate(20deg);
  388. }
  389.  
  390. .link4 a {
  391. width:94px;
  392. padding:3px;
  393. font-size:16px;
  394. letter-spacing:0px;
  395. color:#0b0a0a;
  396. }
  397.  
  398. .link4 a:hover {
  399. -moz-transition-duration:0.3s;
  400. -webkit-transition-duration:0.3s;
  401. -o-transition-duration:0.3s;
  402. color:#0b0a0a;
  403. -webkit-filter: blur(2px);
  404. }
  405.  
  406. .link5 {
  407. width:152px;
  408. font-family: 'Playfair Display', serif;
  409. padding: 4px;
  410. text-align:center;
  411. text-transform:uppercase;
  412. position:fixed;
  413. margin-top:407px;
  414. margin-left:200px;
  415. transform: rotate(-20deg);
  416. -ms-transform: rotate(-20deg);
  417. -webkit-transform: rotate(-20deg);
  418. -o-transform: rotate(-20deg);
  419. -moz-transform: rotate(-20deg);
  420. }
  421.  
  422. .link5 a {
  423. width:94px;
  424. padding:3px;
  425. font-size:15px;
  426. letter-spacing:0px;
  427. color:#0b0a0a;
  428. }
  429.  
  430. .link5 a:hover {
  431. -moz-transition-duration:0.3s;
  432. -webkit-transition-duration:0.3s;
  433. -o-transition-duration:0.3s;
  434. color:#0b0a0a;
  435. -webkit-filter: blur(2px);
  436. }
  437.  
  438. .link6 {
  439. width:152px;
  440. font-family: 'Playfair Display', serif;
  441. padding: 4px;
  442. text-align:center;
  443. text-transform:uppercase;
  444. position:fixed;
  445. margin-top:630px;
  446. margin-left:315px;
  447. transform: rotate(20deg);
  448. -ms-transform: rotate(20deg);
  449. -webkit-transform: rotate(20deg);
  450. -o-transform: rotate(20deg);
  451. -moz-transform: rotate(20deg);
  452. }
  453.  
  454. .link6 a {
  455. width:94px;
  456. padding:3px;
  457. font-size:10px;
  458. letter-spacing:0px;
  459. color:#0b0a0a;
  460. }
  461.  
  462. .link6 a:hover {
  463. -moz-transition-duration:0.3s;
  464. -webkit-transition-duration:0.3s;
  465. -o-transition-duration:0.3s;
  466. color:#0b0a0a;
  467. -webkit-filter: blur(2px);
  468. }
  469.  
  470.  
  471. #entries {
  472. padding:10px;
  473. width:250px;
  474. margin-left:302px;
  475. margin-top:5px;
  476. font-size:10px;
  477. font-family:'arial';
  478. color:#05070f;
  479. letter-spacing:0px;
  480.  
  481. padding: 5px;
  482. top:-4px;
  483. Width:358px;
  484. margin-bottom:40px;
  485. margin-left:340px;
  486. position:relative;
  487. background-color:;
  488. height:430px;
  489. overflow-y:scroll;
  490. overflow-x:hidden;
  491. white-space:wrap;
  492. word-wrap: break-word;
  493. padding: 5px 30px;
  494. border:0px solid {color:border};
  495. }
  496.  
  497.  
  498. #container {
  499. width:350px;
  500. padding:15px;
  501. background-color: ;
  502. border:1px solid {color:border};
  503. margin-top:0px;
  504. margin-bottom:30px;
  505. margin-left:-13px;
  506. white-space:wrap;
  507. word-wrap: break-word;
  508. }
  509.  
  510. #container img {
  511. height:auto;
  512. max-width:100%;
  513. }
  514.  
  515. .caption {
  516. width:500px;
  517. text-align:justify;
  518. line-height:120%;
  519. }
  520.  
  521. .asker {
  522. padding:10px;
  523. font-family:cambria;
  524. letter-spacing:1px;
  525. text-align:left;
  526. text-transform:none;
  527. }
  528.  
  529. .ans {
  530. text-align:left;
  531. padding:10px;
  532. color:{color:text};
  533. }
  534.  
  535. .audio {
  536. width:250px;
  537. padding-bottom:10px;
  538. background-color:{color:infobg};
  539. }
  540.  
  541. .albumart {
  542. float:left;
  543. padding:0px 10px 10px 0px;
  544. }
  545.  
  546. .albumart img {
  547. width:45px;
  548. height:45px;
  549. }
  550.  
  551. .playercontainer {
  552. text-align:left;
  553. padding:10px;
  554. background-color:#ffffff;
  555. width:480px;
  556. }
  557.  
  558. .audioinfo {
  559. padding:10px;
  560. color:{color:text};
  561. }
  562.  
  563. #postinfo {
  564. background-image:url('https://i.imgur.com/hwbBenu.png');
  565. width:340px;
  566. padding:5px;
  567. font-size:8px;
  568. color:maroon;
  569. text-transform:uppercase;
  570. font-style:normal;
  571. letter-spacing:2px;
  572. text-align:left;
  573. -moz-transition-duration:0.5s;
  574. -webkit-transition-duration:0.5s;
  575. -o-transition-duration:0.5s;
  576. }
  577.  
  578. #postinfo a {
  579. color:{color:post links};
  580. text-align:center;
  581. letter-spacing:1px;
  582. font-style:normal;
  583. }
  584.  
  585. #postinfo a:hover {
  586. color:{color:hover};
  587. -webkit-filter: blur(1px);
  588. }
  589.  
  590. .note {
  591. text-transform:uppercase;
  592. font-style:normal;
  593. letter-spacing:0px;
  594. font-size: 9px;
  595. text-align:left;
  596. line-height:90%;
  597. margin-left:-40px;
  598. }
  599.  
  600. .note li {
  601. list-style-type:none;
  602. padding:10px 25px 10px 25px;
  603. text-align:left;
  604. margin:0px;
  605. -moz-transition-duration:0.5s;
  606. -webkit-transition-duration:0.5s;
  607. -o-transition-duration:0.5s;
  608. }
  609.  
  610. .tags {
  611. font-style:normal;
  612. width:355px;
  613. text-transform:uppercase;
  614. font-style:normal;
  615. color:{color:tags};
  616. letter-spacing:2px;
  617. line-height:120%;
  618. font-size:8px;
  619. text-align:left;
  620. padding:2px;
  621. -moz-transition-duration:0.5s;
  622. -webkit-transition-duration:0.5s;
  623. -o-transition-duration:0.5s;
  624. }
  625.  
  626. .tags a {
  627. color:{color:tags};
  628. letter-spacing:1px;
  629. padding:1px;
  630. }
  631.  
  632. .tags a:hover {
  633. color:{color:link};
  634. }
  635.  
  636. ul.chat, .chat ol, .chat li {
  637. list-style:none;
  638. margin:0px;
  639. padding:2px;
  640. }
  641.  
  642. .label {
  643. text-decoration:underline;
  644. font-weight:700;
  645. background-color:{color:infobg};
  646. margin-right:5px;
  647. }
  648.  
  649. .credit {
  650. position:fixed;
  651. bottom:4px;
  652. right:8px;
  653. font: 9px consolas;
  654. border:0px solid ;
  655. text-transform:uppercase;
  656. letter-spacing: 0px;
  657. padding: 2px;
  658. }
  659.  
  660. .credit a{
  661. color: #020202;
  662. opacity:0.8;
  663. }
  664.  
  665. .credit a:hover{
  666. color:{color:hover};
  667. opacity:1.0;
  668. }
  669.  
  670. {CustomCSS}
  671.  
  672. /************** FLAGS UPDATES TAB **************/
  673. /* tutorial by deanlirium|tumblr (clarence.tk) */
  674.  
  675. #flags {
  676. position:fixed;
  677. top:370px; /* distance from the top of the page - adjust as you wish! */
  678. left:770px;
  679. text-align:center;
  680. text-transform:uppercase; /* the text is in all caps - delete this line and it won't be */
  681. color:#8C8C8C; /* change text color: use sites like https://www.colorpicker.com/ or the tumblr thing, copy the code it gives you and paste it! remember the #! */
  682. font-size:8px; /* adjust font size */
  683. letter-spacing:1px;
  684. z-index:2147483607;
  685. font-family:calibri;}
  686.  
  687.  
  688. #flag1 {
  689. border:solid 6px #151515; /* flag color */
  690. border-right:solid 0px transparent; /* IMPORTANT! -- to make the flag thicker increase the border and border-right value; it looks better if they both have the same number! */
  691. padding-left:10px;
  692. width:10px; /* increase or decrease to change the lenght of the CLOSED flag */
  693. height:0px;
  694. position:absolute;
  695. -moz-transition:all 0.7s ease-out;
  696. -webkit-transition:all 0.7s ease-out;
  697. -o-transition:all 0.7s ease-out;}
  698.  
  699. #flag1:hover {
  700. width:150px;} /* lenght of the OPEN flag */
  701.  
  702. #upd1 {
  703. position:absolute;
  704. width:110px;
  705. padding:10px;
  706. padding-left:40px; /* adjust this if you've changed the length of the open flag, subtract what you add here to the 'left' value below */
  707. left:-120px;
  708. margin-top:6px; /* keep this number equal to the 'border' value for the flag */
  709. opacity:0;
  710. -moz-transition:all 0.7s ease-out;
  711. -webkit-transition:all 0.7s ease-out;
  712. -o-transition:all 0.7s ease-out;}
  713.  
  714. #flag1:hover #upd1{
  715. left:0px;
  716. opacity:1;}
  717.  
  718. /* following is the coding for the other flags - same as above! */
  719.  
  720. #flag2 {
  721. border:solid 6px #151515;
  722. margin-top:20px;
  723. position:absolute;
  724. border-right:solid 0px transparent;
  725. padding-left:10px;
  726. width:10px;
  727. height:0px;
  728. -moz-transition:all 0.7s ease-out;
  729. -webkit-transition:all 0.7s ease-out;
  730. -o-transition:all 0.7s ease-out;}
  731.  
  732. #flag2:hover {
  733. width:150px;}
  734.  
  735. #upd2 {
  736. position:absolute;
  737. width:110px;
  738. padding:10px;
  739. padding-left:40px;
  740. left:-120px;
  741. margin-top:6px;
  742. opacity:0;
  743. -moz-transition:all 0.7s ease-out;
  744. -webkit-transition:all 0.7s ease-out;
  745. -o-transition:all 0.7s ease-out;}
  746.  
  747. #flag2:hover #upd2{
  748. left:0px;
  749. opacity:1;}
  750.  
  751. /*if you want more flags, just copy the part of the code below and change the numbers - then increase the margin-top value for the #flag(number) adding 20px each new flag! copy from here: */
  752.  
  753. #flag3 {
  754. border:solid 6px #151515;
  755. position:absolute;
  756. margin-top:40px; /* this one! */
  757. border-right:solid 0px transparent;
  758. padding-left:10px;
  759. width:10px;
  760. height:0px;
  761. -moz-transition:all 0.7s ease-out;
  762. -webkit-transition:all 0.7s ease-out;
  763. -o-transition:all 0.7s ease-out;}
  764.  
  765. #flag3:hover {
  766. width:150px;}
  767.  
  768. #upd3 {
  769. position:absolute;
  770. width:110px;
  771. padding:10px;
  772. padding-left:40px;
  773. left:-120px;
  774. margin-top:6px;
  775. opacity:0;
  776. -moz-transition:all 0.7s ease-out;
  777. -webkit-transition:all 0.7s ease-out;
  778. -o-transition:all 0.7s ease-out;}
  779.  
  780. #flag3:hover #upd3{
  781. left:0px;
  782. opacity:1;}
  783.  
  784. /* to here */
  785.  
  786. </style>
  787.  
  788. <script type="text/javascript"
  789. src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  790. <!-------- script for the pop ups ----- -->
  791. <script>$(document).ready(function() {$('a.poplight[href^=#]').click(function() {var popID = $(this).attr('rel'); var popURL = $(this).attr('href'); var query= popURL.split('?');var dim= query[1].split('&');var popWidth = dim[0].split('=')[1]; $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<ahref="#" class="close"></a>');var popMargTop = ($('#' + popID).height() + 80) / 2;var popMargLeft = ($('#' + popID).width() + 80) / 2;$('#' + popID).css({'margin-top' : -popMargTop,'margin-left' : -popMargLeft});$('body').append('<div id="fade"></div>');$('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); return false;});$('a.close, #fade').live('click', function() {$('#fade , .popup_block, .question_block').fadeOut(function() {$('#fade, a.close').remove(); });return false;});});</script>
  792. <!------- script for the verses aka box1 ------->
  793. <script src="https://static.tumblr.com/dxh5xq2/v6Gn8ju1e/tabs.js"></script>
  794.  
  795. </head>
  796.  
  797. <div id="flags">
  798. <div id="flag1"><div id="upd1">
  799.  
  800. <h2>header</h2><br>
  801. primary flag
  802.  
  803. </div></div>
  804.  
  805. <div id="flag2"><div id="upd2">
  806.  
  807. <h2>header</h2><br>
  808. secondary flag
  809.  
  810. </div></div>
  811.  
  812. <!---- if you want more flags, copy from here ---->
  813.  
  814. <div id="flag3"><div id="upd3">
  815.  
  816. <h2>header</h2><br>
  817. third flag
  818.  
  819. </div></div>
  820.  
  821. <!---- to here and change the numbers according to your css! ---->
  822.  
  823. <!---- thanks for passing by and using this tutorial you're raaaaaaaaad c: ---->
  824.  
  825. </div>
  826.  
  827.  
  828. <div id="sidebar">
  829. <div id="simg"><img src=""/></div>
  830.  
  831. <div class="link1"><a href="/" title="return"><img src="https://66.media.tumblr.com/01830501fa0b3413f72ac78ecb7dcf4d/tumblr_inline_pqwdktjVeM1sg6dtz_540.png"></a></div>
  832.  
  833. <div class="link2"><a href="/ask" rel="question"><img src="https://66.media.tumblr.com/01830501fa0b3413f72ac78ecb7dcf4d/tumblr_inline_pqwdktjVeM1sg6dtz_540.png"></a></div>
  834.  
  835. <div class="link3"><a href="#?w=329" rel="abox" class="poplight"><img src="https://66.media.tumblr.com/01830501fa0b3413f72ac78ecb7dcf4d/tumblr_inline_pqwdktjVeM1sg6dtz_540.png"></a></div>
  836.  
  837. <div class="link4"><a href="#?w=329" rel="bbox" class="poplight"><img src="https://66.media.tumblr.com/01830501fa0b3413f72ac78ecb7dcf4d/tumblr_inline_pqwdktjVeM1sg6dtz_540.png"></a></div>
  838.  
  839. <div class="link5"><a href="#?w=329" rel="cbox" class="poplight"><img src="https://66.media.tumblr.com/01830501fa0b3413f72ac78ecb7dcf4d/tumblr_inline_pqwdktjVeM1sg6dtz_540.png"></a></div>
  840.  
  841. <div class="link6"><a href="#?w=329" rel="dbox" class="poplight"><img src="https://66.media.tumblr.com/01830501fa0b3413f72ac78ecb7dcf4d/tumblr_inline_pqwdktjVeM1sg6dtz_540.png"></a></div>
  842.  
  843. <div id="description">
  844. {block:Description}{Description}{/block:Description}
  845. </div>
  846.  
  847. <div id="abox" class="popup_block">
  848. <div id="popheader">box1</div>
  849. <div id="headerbar">
  850. <ul id="tabs">
  851. <!----- you can add more tabs if you wish but it may looks funny ------>
  852.  
  853. <li class="active">tab1.</li>
  854. <li>tab2.</li>
  855. <li>tab3.</li>
  856. <li>tab4.</li>
  857.  
  858. </ul></div>
  859. <div id="tabbar">
  860. <ul id="tab">
  861. <li class="active">
  862. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
  863. </li>
  864. <li>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
  865. </li>
  866. <li>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
  867. </li>
  868. <li>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
  869. </li>
  870.  
  871. </ul>
  872. </div></div>
  873.  
  874. <div id="bbox" class="popup_block">
  875. <div id="popheader">box2</div>
  876. <div id="poptext">
  877. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
  878. </div></div>
  879.  
  880. <div id="cbox" class="popup_block">
  881. <div id="popheader">box3</div>
  882. <div id="poptext">
  883. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
  884. </div></div>
  885.  
  886. <div id="dbox" class="popup_block">
  887. <div id="popheader">box4</div>
  888. <div id="poptext">
  889. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
  890. </div></div>
  891.  
  892. <div class="pagination">
  893.  
  894. {block:PreviousPage}<a href="{PreviousPage}"><b><big>-forward</big></b></a>{/block:PreviousPage} {CurrentPage} of {TotalPages} {block:NextPage}<a href="{NextPage}"><b><big>+past</big></b></a>
  895. {/block:NextPage}
  896.  
  897. </div>
  898. </div>
  899.  
  900. </div>
  901.  
  902. <div id="entries">
  903.  
  904. {block:Posts}
  905.  
  906. <div id="container">
  907.  
  908. {block:Text}{block:Title}<h2>{Title}</h2>{/block:Title}{Body}{/block:Text}
  909.  
  910. {block:Quote}<h2>“{Quote}”</h2><h1>{Source}</h1>{/block:Quote}
  911.  
  912. {block:Link}<a href="{URL}"><h2>{Name}</h2></a>
  913. {block:Description}<p>{Description}</p>{/block:Description}{/block:Link}
  914.  
  915. {block:Photo}<center><img src="{PhotoURL-250}"/></center>{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  916.  
  917. {block:Photoset}<center>{Photoset-250}</center>
  918. {block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  919.  
  920. {block:Chat}<ul class="chat">{block:Title}<h2>{Title}</h2>{/block:Title}{block:Lines}<li>{block:Label}<span class="label">{Label}</span>{/block:Label}&nbsp;{Line}</li>{/block:Lines}</ul>{/block:Chat}
  921.  
  922. {block:Video}{Video-250}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  923.  
  924. {block:Answer}<div id="asker" style="margin-left:-5px;width:350px;"><span style="font-family:cambria;font-size:12px;font-style:italic; margin-left:15px;">{Asker} whispered: {Question}</span></div><br><left><font face="cambria"><span style="font-family:cambria;font-size:10px; marging-left:5px;">{Answer}</span></font>{/block:Answer}
  925.  
  926. {block:Audio}<div class="audio">{block:AlbumArt}<div class="albumart"><img src="{AlbumArtURL}"/></div>{/block:AlbumArt}
  927. <div class="audioinfo">{block:TrackName}<b>Title:</b> {TrackName}<br />{/block:TrackName}{block:Artist}<b>Artist:</b> {Artist}<br />{/block:Artist}
  928. {/block:ExternalAudio}<b>Played:</b> {PlayCount} times</div>
  929. <br><div class="playercontainer">{AudioPlayerWhite}</div></div>
  930. {block:Caption}{Caption}{/block:Caption}<br>{/block:Audio}
  931.  
  932. <p>
  933.  
  934. {block:Date}<div id="postinfo">{MonthNumberWithZero}-{DayOfMonthWithZero} • <a href="{Permalink}">{24Hour}:{Minutes}</a>{block:NoteCount} • <a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount}{block:RebloggedFrom} • <a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom}
  935. {block:ContentSource} • <a href="{SourceURL}">{SourceLink}</a>{/block:ContentSource}</div>{/block:Date}
  936. {block:HasTags}
  937. <div class="tags">
  938. {block:Tags}<a href="{TagURL}">#&nbsp;{Tag}</a>{/block:Tags}</div>
  939. {/block:HasTags}
  940. <div class="note">
  941. {block:PostNotes}{PostNotes}{/block:PostNotes}
  942. </div>
  943. </div>
  944. {/block:Posts}
  945.  
  946.  
  947.  
  948. </div>
  949.  
  950. <div id="home"><a href="/" title="retreat.">Ada Wong</a></div>
  951.  
  952. <div class="credit"><a href="https://whiskeysalvatore.tumblr.com/"><center>whiskey</center></a></div>
  953.  
  954. </body>
  955.  
  956.  
  957.  
  958. </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!