API tools faq
paste
Advertisement
Guest User

001: SPACE DOODLE

a guest
Aug 12th, 2018
4,010
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 29.52 KB | None | 0 0
raw download clone embed print report
  1. <!---
  2.  
  3.  
  4. *:･ﾟ✧*:･ﾟ✧ BASE THEME CODE BY BILLIE! ゜・．
  5.  
  6. theme basecode provided to you by billie @kicksnames.
  7. ✦ Feel free to edit as much as you like!
  8. ✦ Please keep credit intact.
  9. ✦ Do not steal or claim as your own.
  10. ✦ Support provided! Feel free to ask.
  11.  
  12. if you are in need of a suitable background for this theme,
  13. I offer Graphic Commissions!
  14.  
  15.  
  16. --->
  17.  
  18. <!DOCTYPE html>
  19.  
  20. <title>{Title}</title>
  21. <link rel="shortcut icon" href="{Favicon}">
  22. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  23. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  24.  
  25. <html>
  26. <head>
  27.  
  28.  
  29. <!--- SCRIPTS --->
  30.  
  31. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  32.  
  33. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  34.  
  35. <script> (function($){ $(document).ready(function(){ $("a[title]").style_my_tooltips({ tip_follows_cursor:true, tip_delay_time:0, tip_fade_speed:0, attribute:"title" }); }); })(jQuery); </script>
  36.  
  37.  
  38. <script type="text/javascript"
  39. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  40. <script>
  41. $(document).ready(function() {
  42. //
  43. $('a.poplight[href^=#]').click(function() {
  44. var popID = $(this).attr('rel'); //Get Popup Name
  45. var popURL = $(this).attr('href'); //Get Popup href to define size
  46. var query= popURL.split('?');
  47. var dim= query[1].split('&');
  48. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  49. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"></a>');
  50. var popMargTop = ($('#' + popID).height() + 80) / 2;
  51. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  52. //Apply Margin to Popup
  53. $('#' + popID).css({
  54. 'margin-top' : -popMargTop,
  55. 'margin-left' : -popMargLeft
  56. });
  57. $('body').append('<div id="fade"></div>');
  58. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  59. return false;
  60. });
  61. $('a.close, #fade').live('click', function() {
  62. $('#fade , .popup_block').fadeOut(function() {
  63. $('#fade, a.close').remove(); //fade them both out
  64. });
  65. return false;
  66. });
  67. });
  68. </script>
  69.  
  70.  
  71. <!---------------------TABBED POP UP------------------->
  72.  
  73. <script>
  74.  
  75. $(document).ready(function(){
  76. $("ul#tabs li").click(function(e){
  77. if (!$(this).hasClass("active")) {
  78. var tabNum = $(this).index();
  79. var nthChild = tabNum+1;
  80. $("ul#tabs li.active").removeClass("active");
  81. $(this).addClass("active");
  82. $("ul#tab li.active").removeClass("active");
  83. $("ul#tab li:nth-child("+nthChild+")").addClass("active");
  84. }
  85. });
  86. });
  87. </script>
  88.  
  89. <!---------------------DROP DOWN VERSES ------------------->
  90.  
  91. <script type="text/javascript" src="http://static.tumblr.com/3ikgvxs/0TGl4zgpu/jquery.min.js"></script>
  92. <script type="text/javascript">
  93. $(document).ready(function(){
  94. $(".links_body").hide();
  95. $(".links_head").click(function(){
  96. $(this).next(".links_body").slideToggle('fast');
  97. }); }); </script>
  98.  
  99.  
  100. <style type="text/css">
  101.  
  102.  
  103.  
  104. /* CUSTOM FONTS */
  105.  
  106.  
  107.  
  108. /* HERE STARTS THE CSS / EDIT YOUR LOOKS HERE */
  109.  
  110.  
  111. ::-webkit-scrollbar {
  112. width:0px; }
  113.  
  114. ::-webkit-scrollbar-thumb:vertical {
  115. background:transparent;
  116. height:auto; }
  117.  
  118.  
  119.  
  120. /* TOOLTIPS */
  121.  
  122. #s-m-t-tooltip {
  123. max-width:150px;
  124. padding:5px 10px 5px 10px;
  125. margin:20px 14px 7px 10px;
  126. background-color:#151515;
  127. font-family:calibri;
  128. font-style: normal;
  129. font-size:10px;
  130. line-height:11px;
  131. letter-spacing:1px;
  132. text-transform:uppercase;
  133. color:#888;
  134. z-index:999999; }
  135.  
  136.  
  137. /* HERE STARTS YOUR BODY DESIGNS */
  138.  
  139. body {
  140. background:#151515 url('https://i.imgur.com/ihZ5Api.png')
  141. no-repeat fixed top center;
  142. font-family:arial;
  143. font-size:10px;
  144. line-height:17px;
  145. word-break:break-word;
  146. -webkit-font-smoothing:antialiased;
  147. font-smoothing:antialiased;
  148. text-align:justify;
  149. color:#555;
  150. font-weight:100%; }
  151.  
  152.  
  153.  
  154. /* HERE ARE YOUR TEXT DESIGNS */
  155.  
  156.  
  157. blockquote {
  158. text-align:justify;
  159. margin-top: 5px;
  160. margin-bottom: 5px;
  161. margin-left: 5px;
  162. padding-left: 15px;
  163. border-left: 1px dotted #999;
  164. margin-right:5px; }
  165.  
  166. a {
  167. text-decoration: none;
  168. color: #767391; }
  169.  
  170.  
  171. small, sup, sub, small sub, sub small {
  172. font-size:10px; }
  173.  
  174. b, big, bold {
  175. font-family:times;
  176. line-height:-1em;
  177. text-transform:uppercase;
  178. font-size:10px;
  179. font-weight:800;
  180. color:#6d7cb2;
  181. -webkit-font-smoothing:antialiased;
  182. font-smoothing:antialiased;
  183. text-shadow: 0px 0px 1px #000; }
  184.  
  185. b i, i b {
  186. font-family:times;
  187. color:#6d7cb2; }
  188.  
  189. italic, i, em {
  190. color:#eee;
  191. font-size:10px;
  192. letter-spacing:1px;
  193. text-transform:lowercase;
  194. font-family: georgia;
  195. text-shadow:0 0 4px #bbb; }
  196.  
  197. h1 {
  198. text-transform:uppercase;
  199. font-family:blanka;
  200. letter-spacing:2px;
  201. font-size:12px; }
  202.  
  203. h2 {
  204. text-transform:uppercase;
  205. text-align:center;
  206. font-family:ailerons;
  207. color:#111;
  208. text-shadow:0 0 2px #eee;
  209. letter-spacing:2px;
  210. font-weight:800;
  211. font-size:15px; }
  212.  
  213. pre {
  214. padding-top:5px;
  215. padding:3px;
  216. width:auto;
  217. text-align: left;
  218. word-wrap: break-word;
  219. color:#eee;
  220. text-shadow:0 0 4px #bbb;
  221. text-transform:uppercase;
  222. font-family: calibri;
  223. text-transform:avant;
  224. letter-spacing:1px;
  225. font-size:8px; }
  226.  
  227.  
  228. pre::before {
  229. content: "▸";
  230. margin-right:10px;
  231. font-size:10px;
  232. border-left:2px solid #008081;
  233. padding-left:5px;
  234. }
  235.  
  236.  
  237. /* HERE STARTS YOUR POST DESIGNS */
  238.  
  239. #entries {
  240. background-image:url('https://i.imgur.com/p0qTjnB.png');
  241. background-repeat:repeat;
  242. left:50%;
  243. margin-left:-418px;
  244. width:343px;
  245. height:700px;
  246. overflow:auto;
  247. position:fixed;
  248. overflow-y:scroll;
  249. overflow-x:hidden;
  250. -webkit-mask-image: -webkit-gradient( /* GRADIENT ON THE BOTTOM */
  251. linear, center 75%, center bottom,
  252. from(rgba(0,0,0,20)),
  253. to(rgba(20,0,0,0)));
  254. opacity:1;
  255. -webkit-transition: all 0.9s ease-out;
  256. -moz-transition: all 0.9s ease-out;
  257. transition: all 0.9s ease-out; }
  258.  
  259. #entries:hover {
  260. opacity:1;
  261. -webkit-transition: all 0.9s ease-out;
  262. -moz-transition: all 0.9s ease-out;
  263. transition: all 0.9s ease-out; }
  264.  
  265.  
  266. .post {
  267. width:304px;
  268. position:relative;
  269. word-wrap:break-word;
  270. margin-top:0px;
  271. margin-bottom:50px;
  272. padding-left:12px;
  273. padding-right:12px; }
  274.  
  275. .post img {
  276. max-width:100%; }
  277.  
  278. .textpost a {
  279. font-family:times;
  280. text-decoration: none;
  281. color: #767391;
  282. font-size:9px;
  283. letter-spacing:1px; }
  284.  
  285. .title {
  286. display:block;
  287. letter-spacing:2px;
  288. word-spacing:3px;
  289. display:block;
  290. text-align:center;
  291. text-transform:uppercase;
  292. font:8px avant;
  293. margin-bottom:10px; }
  294.  
  295. .photopost{
  296. max-width:400px; }
  297.  
  298.  
  299. /* QUOTE DESIGNS */
  300.  
  301. #quote{
  302. text-align:center;
  303. font:16px blanka;
  304. font-weight:700;
  305. color:#008081; }
  306.  
  307. #source {
  308. letter-spacing:2px;
  309. word-spacing:3px;
  310. display:block;
  311. text-align:center;
  312. text-transform:uppercase;
  313. font:8px avant;
  314. margin-bottom:10px; }
  315.  
  316. #source a {
  317. font-size:8px; }
  318.  
  319. #link {
  320. display:block;
  321. padding:10px;
  322. margin-top:5px;
  323. text-transform:uppercase;
  324. font:16px georgia;
  325. text-align:center; }
  326.  
  327.  
  328.  
  329. /* CHAT DESIGNS */
  330.  
  331. .chat li {
  332. list-style-type:none;
  333. margin-left:-40px;
  334. margin-top:4px;
  335. margin-bottom:2px;
  336. font:11px arial; }
  337.  
  338. .chat li::before {
  339. content: " » ";
  340. margin-right:10px;
  341. font-size:10px;
  342. }
  343.  
  344. /* ASK DESIGNS */
  345.  
  346. .asker {
  347. text-align:center;
  348. text-transform:uppercase;
  349. font-family:blanka;
  350. font-size:20px; }
  351.  
  352.  
  353. .question {
  354. margin-top:5px;
  355. text-align:justify;
  356. border-top: dashed 1px #444;
  357. border-bottom: dashed 1px #444;
  358. padding-top:5px;
  359. padding-bottom:5px;
  360. margin-left:10px; }
  361.  
  362.  
  363. /* PERMALINK DESIGNS */
  364.  
  365. .permalinks{
  366. background-image:url('https://i.imgur.com/SFDgws4.png');
  367. background-repeat:repeat;
  368. background-attachment:fixed;
  369. margin-left:-2px;
  370. margin-top:-2px;
  371. width:280px;
  372. border: solid 1px #444;
  373. display:block;
  374. padding:5px;
  375. padding-left:10px;
  376. padding-right:10px;
  377. height:20px;
  378. text-align:left;
  379. color:#111;
  380. text-transform:uppercase;
  381. font:14px blanka;
  382. line-height:130%;
  383. font-weight:700; }
  384.  
  385. .permalinks a {
  386. letter-spacing:2px;
  387. border:none;
  388. text-shadow:
  389. 1px 1px 1px #fff,
  390. 1px -1px 1px #fff,
  391. -1px 1px 1px #fff,
  392. -1px -1px 1px #fff;
  393. color:#111; }
  394.  
  395. .permaline {
  396. margin-left:5px;
  397. width:298px;
  398. background:transparent;
  399. border: dashed 1px #444;
  400. display:block;
  401. padding:5px;
  402. height:28px;
  403. text-align:center;
  404. text-transform:uppercase;
  405. font:14px calibri;
  406. line-height:150%;
  407. font-weight:700; }
  408.  
  409. @font-face { font-family:"avant"; src: url('https://dl.dropboxusercontent.com/s/11icl382vxmy46n/avant_pixel.ttf?dl=1'); format(“truetype”);}
  410.  
  411.  
  412. .tags {
  413. text-align:center;
  414. margin-top:5px; }
  415.  
  416.  
  417. .tags a {
  418. font-family:avant;
  419. border:none;
  420. font-size:8px;
  421. letter-spacing:1px;
  422. display:inline;
  423. text-transform:uppercase; }
  424.  
  425.  
  426. /* PAGINATION DESIGNS */
  427.  
  428. #pagination {
  429. font-family:arial;
  430. font-size:24px;
  431. position:fixed;
  432. width:100px;
  433. left:50%;
  434. margin-left:210px;
  435. margin-top:650px; }
  436.  
  437. #pagination2 {
  438. font-family:arial;
  439. font-size:24px;
  440. position:fixed;
  441. width:100px;
  442. left:50%;
  443. margin-left:-524px;
  444. margin-top:650px; }
  445.  
  446. #pagination2 a {
  447. color:#888; }
  448.  
  449.  
  450. /* NOTES DESIGNS */
  451.  
  452. ol.notes{
  453. list-style-type:none !important;
  454. padding:8px; }
  455.  
  456. ol.notes li.note {
  457. top:0;
  458. padding-bottom:10px; }
  459.  
  460. .pnotes img.avatar {
  461. float:left;
  462. margin-right:10px; }
  463.  
  464. .pnotes a {
  465. font-family:consolas;
  466. text-transform:uppercase; }
  467.  
  468.  
  469. /* DESCRIPTION DESIGN */
  470.  
  471. .description {
  472. position:fixed;
  473. width:300px;
  474. left:50%;
  475. margin-left:120px;
  476. margin-top:740px;
  477. text-align:center;
  478. font-family:blanka;
  479. font-size:16px;
  480. letter-spacing:2px;
  481. word-spacing:4px;
  482. padding:5px;
  483. border-top:1px dashed #444; }
  484.  
  485.  
  486. /* POPUP DESIGNS */
  487.  
  488. .popup_block{
  489. display:none;
  490. position:fixed;
  491. left:50%;
  492. margin-left:-200px;
  493. margin-top:200px;
  494. width:330px;
  495. height:700px;
  496. padding:10px;
  497. z-index: 99999; }
  498.  
  499. *html #fade {position: absolute;}
  500. *html .popup_block {position: absolute;}
  501. #fade {
  502. display:none;
  503. position:fixed;
  504. left:0px;
  505. top:0px;
  506. width:100%;
  507. height:100%;
  508. z-index:9999;
  509. background:#000;
  510. opacity:0; }
  511.  
  512. .question_block{
  513. height:300px;
  514. display: none;
  515. float: left;
  516. position: fixed;
  517. top: 50%; left: 50%;
  518. z-index: 999999999999;
  519. }
  520.  
  521. img.btn_close {float: right;}
  522. #ask_form {height:250px;}
  523.  
  524.  
  525. /* TABS DESIGNS */
  526.  
  527. ul#tabs {
  528. width:50px;
  529. margin-top:585px;
  530. margin-left:90px;
  531. list-style-type: none;
  532. text-align:justify;
  533. font-size:11px;
  534. font-family: 'Karma', serif;
  535. letter-spacing:1px; }
  536.  
  537. ul#tabs li {
  538. width:50px;
  539. height:auto;
  540. display:inline-block;
  541. cursor: pointer;
  542. padding:5px 5px 5px;
  543. font-size:10px;
  544. letter-spacing:1px;
  545. text-transform:uppercase;
  546. text-align:center;
  547. line-height:200%;
  548. margin-bottom:5px;
  549. color:#fff;
  550. -webkit-transition: all 0.9s ease-out;
  551. -moz-transition: all 0.9s ease-out;
  552. transition: all 0.9s ease-out;
  553. text-shadow: 1px 1px 1px #000; }
  554.  
  555. ul#tabs li:hover {
  556. -webkit-transition: all 0.9s ease-out;
  557. -moz-transition: all 0.9s ease-out;
  558. transition: all 0.9s ease-out;
  559. color:#fff; }
  560.  
  561. ul#tabs li.active {
  562. color:#fff;
  563. display: inline-block;
  564. padding: 5px 5px 5px;
  565. font-size:9px;
  566. -webkit-transition: all 0.9s ease-out;
  567. -moz-transition: all 0.9s ease-out;
  568. transition: all 0.9s ease-out;
  569. text-transform:uppercase; }
  570.  
  571. ul#tab {
  572. list-style-type: none;
  573. margin: 0;
  574. padding: 0; }
  575.  
  576. ul#tab li {
  577. display: none; }
  578.  
  579. ul#tab li.active {
  580. display: block; }
  581.  
  582.  
  583. /* POPUP CONTENT DESIGN */
  584.  
  585. #tabcontent {
  586. background-image:url('https://i.imgur.com/p0qTjnB.png');
  587. background-repeat:repeat;
  588. width:323px;
  589. height:700px;
  590. margin-left:-217px;
  591. margin-top:-370px;
  592. position:fixed;
  593. overflow:auto;
  594. background-color:transparent;
  595. padding:10px; }
  596.  
  597.  
  598. /* DROP DOWN INFORMATIONS */
  599.  
  600. .links_list {
  601. margin:0px;
  602. padding:0px;
  603. width:100%; }
  604.  
  605. .links_head {
  606. height:auto;
  607. padding:5px;
  608. margin-bottom:15px;
  609. margin: 5px 0px 0px;
  610. letter-spacing: 1px;
  611. color:#eee;
  612. text-shadow: 0 0 4px #bbb;
  613. background: url('https://i.imgur.com/SFDgws4.png');
  614. background-repeat:repeat;
  615. background-attachment:fixed;
  616. border:1px dashed #fff;
  617. text-transform:uppercase;
  618. font-family:blanka;
  619. letter-spacing:2px;
  620. font-size:12px;
  621. text-align: center;
  622. width:auto; }
  623.  
  624. .links_body {
  625. padding:10px;
  626. text-align:justify;
  627. display:none; }
  628.  
  629.  
  630.  
  631. /* UPDATE TAB DESIGN */
  632.  
  633. #updates {
  634. font-size:9px;
  635. text-align:justify;
  636. height:13px;
  637. width:120px;
  638. padding:4px;
  639. top:15px;
  640. left:20px;
  641. z-index:10;
  642. position:fixed;
  643. overflow:hidden;
  644. -webkit-transition: all 0.5s ease-in-out;
  645. -moz-transition: all 0.5s ease-in-out;
  646. -o-transition: all 0.5s ease-in-out; }
  647.  
  648. #updates:hover {
  649. height:400px;
  650. -webkit-transition: all 0.5s ease-in-out;
  651. -moz-transition: all 0.5s ease-in-out;
  652. -o-transition: all 0.5s ease-in-out; }
  653.  
  654. #updatestitle {
  655. font-size:10px;
  656. text-transform:uppercase;
  657. font-family:arial;
  658. font-weight:bold;
  659. text-shadow: 0 0 7px #bbb;
  660. color:#eee; }
  661.  
  662.  
  663. /* LINKS DESIGNS */
  664.  
  665.  
  666. #link1 {
  667. position:fixed;
  668. top:670px;
  669. left:50%;
  670. margin-left:50px;
  671. text-shadow:2px 1px 2px transparent;
  672. text-transform:lowercase;
  673. text-align:none;
  674. font-style:none;
  675. font-family:'Karma', serif;
  676. font-size:46px;
  677. border-bottom:none;
  678. line-height:0%;
  679. transform: rotate(20deg); }
  680.  
  681. #link1 a{
  682. margin-right:0px;
  683. color:#333;
  684. border:none;
  685. font-size:42;
  686. text-shadow:2px 1px 2px transparent;
  687. -webkit-transition: all 0.9s ease-out;
  688. -moz-transition: all 0.9s ease-out;
  689. transition: all 0.9s ease-out; }
  690.  
  691. #link1 a:hover {
  692. color:#333;
  693. text-shadow: #555 0 0 7px;
  694. -webkit-transition: all 0.9s ease-out;
  695. -moz-transition: all 0.9s ease-out;
  696. transition: all 0.9s ease-out; }
  697.  
  698.  
  699. #link2 {
  700. position:fixed;
  701. left:50%;
  702. top:40px;
  703. margin-left:-555px;
  704. text-shadow:2px 1px 2px transparent;
  705. text-transform:lowercase;
  706. text-align:none;
  707. font-style:none;
  708. border:none;
  709. font-family:'Karma', serif;
  710. font-size:47px;
  711. line-height:0%;
  712. transform: rotate(0deg); }
  713.  
  714. #link2 a{
  715. margin-right:0px;
  716. border:none;
  717. color:#333;
  718. text-shadow:0px 0px 7px transparent;
  719. -webkit-transition: all 0.9s ease-out;
  720. -moz-transition: all 0.9s ease-out;
  721. transition: all 0.9s ease-out; }
  722.  
  723. #link2 a:hover {
  724. color:#333;
  725. text-shadow: #555 0 0 4px;
  726. -webkit-transition: all 0.9s ease-out;
  727. -moz-transition: all 0.9s ease-out;
  728. transition: all 0.9s ease-out; }
  729.  
  730. #link3 {
  731. position:fixed;
  732. left:50%;
  733. top:450px;
  734. margin-left:-555px;
  735. text-transform:lowercase;
  736. text-align:none;
  737. font-style:none;
  738. font-family:'Karma', serif;
  739. font-size:43px;
  740. line-height:0%;
  741. -webkit-transition: all 0.9s ease-out;
  742. -moz-transition: all 0.9s ease-out;
  743. transition: all 0.9s ease-out;
  744. transform: rotate(-20deg); }
  745.  
  746. #link3 a{
  747. margin-right:0px;
  748. color:#333;
  749. border:none;
  750. text-shadow: 0 0 7px transparent;
  751. -webkit-transition: all 0.9s ease-out;
  752. -moz-transition: all 0.9s ease-out;
  753. transition: all 0.9s ease-out; }
  754.  
  755. #link3 a:hover {
  756. color:#333;
  757. text-shadow:0px 0px 7px #555;
  758. -webkit-transition: all 0.9s ease-out;
  759. -moz-transition: all 0.9s ease-out;
  760. transition: all 0.9s ease-out; }
  761.  
  762.  
  763.  
  764.  
  765. </style>
  766. </head>
  767.  
  768. <!--- HERE STARTS YOUR HTML // EDIT YOUR CONTENT HERE --->
  769.  
  770. <body>
  771.  
  772.  
  773. <!-- UPDATE TAB CONTENT -->
  774.  
  775. <div id="updates">
  776. <div id="updatestitle">LOGBOOK.</div>
  777.  
  778. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
  779.  
  780.  
  781. </div></div>
  782.  
  783.  
  784.  
  785.  
  786.  
  787. <!--- LINKS CONTENT --->
  788.  
  789. <div id="link1"><a href="#?w=500" rel="question" class="poplight" title="Message.">★️</a></div>
  790.  
  791. <div id="link2"><a href="/" title="refresh.">★️</a></div>
  792.  
  793. <div id="link3"><a href="#?w=343" rel="navigation" class="poplight" title="atlas.">★</a></div>
  794.  
  795.  
  796.  
  797.  
  798. <!--- POP UPS CONTENT --->
  799.  
  800. <div id="question" class="question_block" style="height:250px; padding:0px; background:url(); background-repeat:no repeat; overflow-x:hidden;">
  801. <iframe frameborder="0" height="200" id="ask_form" scrolling="yes" src="http://www.tumblr.com/ask_form/{Name}.tumblr.com" width="100%"></iframe>
  802. </div></div></div>
  803.  
  804.  
  805.  
  806.  
  807. <div id="navigation" class="popup_block">
  808. <div id="popuptabs"><p>
  809. <ul id="tabs">
  810.  
  811. <li class="active">CODEX.</li>
  812. <li>ABOUT.</li>
  813. <li>VERSES.</li>
  814. <li>LINKS.</li>
  815.  
  816.  
  817. </ul></div>
  818.  
  819.  
  820. <!--- EDIT YOUR POP UPS HERRE ---->
  821.  
  822. <ul id="tab"><div id="tabcontent">
  823.  
  824.  
  825. <li class="active">
  826.  
  827. <!--- HERE ARE YOUR RULES --->
  828.  
  829. <h2>here will be your rules. </h2>
  830.  
  831. <p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
  832.  
  833. <pre> LOREM IPSUM DOLOR SIT AMET </pre>
  834. <p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
  835.  
  836. <pre> LOREM IPSUM DOLOR SIT AMET </pre>
  837. <p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
  838.  
  839. <pre> LOREM IPSUM DOLOR SIT AMET </pre>
  840. <p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
  841.  
  842. <pre> LOREM IPSUM DOLOR SIT AMET </pre>
  843. <p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
  844.  
  845. </li><li>
  846.  
  847.  
  848.  
  849.  
  850.  
  851.  
  852.  
  853.  
  854. <!-- HERE COMES YOUR ABOUT -->
  855. <center>
  856.  
  857. <br> "Well, then I am certainly grateful to be ugly!" </center>
  858.  
  859. <p><blockquote><p><b>Name</b>: Mantis<br><b>Aliases</b>:&nbsp;Willow, Lorelei, Mandy Celestine<br><b>Gender</b>: Female<br><b>Affiliation</b>: Guardians of the Galaxy, Avengers<br><b>Age</b>: Verse Dependent <br></p></blockquote>
  860.  
  861. <p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
  862.  
  863. <pre> LOREM IPSUM DOLOR SIT AMET </pre>
  864. <p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
  865.  
  866. <pre> LOREM IPSUM DOLOR SIT AMET </pre>
  867. <p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
  868.  
  869. </li>
  870.  
  871.  
  872. <!--- HERE COMES YOUR VERSES --->
  873.  
  874. <li>
  875.  
  876. <div class="links_list">
  877. <div class="links_head">VERSE TITLE </div>
  878. <div class="links_body">
  879. <img align="left" src="https://78.media.tumblr.com/f0643bb05a12371ef62d5ab0ff5eaef7/tumblr_inline_pd9e7fR9wP1vgnimp_100.png" style="padding-right: 3px; padding-left: 3px; max-width: 60px;">
  880. <p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
  881. </blockquote><br>
  882. <p><p><p></div>
  883.  
  884. <p>
  885.  
  886.  
  887. <div class="links_list">
  888. <div class="links_head">VERSE TITLE </div>
  889. <div class="links_body">
  890. <img align="left" src="https://78.media.tumblr.com/f0643bb05a12371ef62d5ab0ff5eaef7/tumblr_inline_pd9e7fR9wP1vgnimp_100.png" style="padding-right: 3px; padding-left: 3px; max-width: 60px;">
  891. <p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
  892. </blockquote><br>
  893. <p><p><p></div>
  894.  
  895. <p>
  896.  
  897.  
  898. <div class="links_list">
  899. <div class="links_head">VERSE TITLE </div>
  900. <div class="links_body">
  901. <img align="left" src="https://78.media.tumblr.com/f0643bb05a12371ef62d5ab0ff5eaef7/tumblr_inline_pd9e7fR9wP1vgnimp_100.png" style="padding-right: 3px; padding-left: 3px; max-width: 60px;">
  902. <p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
  903. </blockquote><br>
  904. <p><p><p></div>
  905.  
  906. </li>
  907.  
  908.  
  909.  
  910. <li>
  911. <pre> text text text </pre>
  912.  
  913. <a href="https://www.tumblr.com/new/xxx">LINK ONE</a>
  914. <br><a href="https://www.tumblr.com/new/xxx">LINK TWO </a>
  915. <br><a href="https://www.tumblr.com/new/xxx">LINK THREE</a>
  916. <br><a href="https://www.tumblr.com/new/xxx">LINK FOUR</a>
  917. <br><a href="https://www.tumblr.com/new/xxx">LINK FIVE</a>
  918. <br><a href="https://www.tumblr.com/new/xx">LINK SIX </a>
  919.  
  920.  
  921. <pre> text text text </pre>
  922.  
  923. <a href="https://www.tumblr.com/new/xxx">LINK ONE</a>
  924. <br><a href="https://www.tumblr.com/new/xxx">LINK TWO </a>
  925. <br><a href="https://www.tumblr.com/new/xxx">LINK THREE</a>
  926. <br><a href="https://www.tumblr.com/new/xxx">LINK FOUR</a>
  927. <br><a href="https://www.tumblr.com/new/xxx">LINK FIVE</a>
  928. <br><a href="https://www.tumblr.com/new/xx">LINK SIX </a>
  929.  
  930. <pre> text text text </pre>
  931.  
  932. <a href="https://www.tumblr.com/new/xxx">LINK ONE</a>
  933. <br><a href="https://www.tumblr.com/new/xxx">LINK TWO </a>
  934. <br><a href="https://www.tumblr.com/new/xxx">LINK THREE</a>
  935. <br><a href="https://www.tumblr.com/new/xxx">LINK FOUR</a>
  936. <br><a href="https://www.tumblr.com/new/xxx">LINK FIVE</a>
  937. <br><a href="https://www.tumblr.com/new/xx">LINK SIX </a>
  938.  
  939. </li>
  940.  
  941. </div></div></div></div></div>
  942. </div></div></div></div></div> </div>
  943.  
  944.  
  945. <!--- POST CONTENTS --->
  946.  
  947. <div id="entries">
  948.  
  949. {block:Posts}
  950. <div class="post">
  951. {block:Text}
  952. {block:Title}
  953. <div class="title">{Title}</div>
  954. {/block:Title}
  955. <div class="textpost">
  956. {Body}</div>
  957. {/block:Text}
  958.  
  959.  
  960. {block:Photo}
  961. {linkopentag}
  962. <div class="photopost">
  963. <center>
  964. <img class="photo" src="{PhotoURL-HighRes}">
  965. </center></div>{linkclosetag}
  966. {block:Caption}
  967. <div class="textpost">
  968. {Caption}</div>
  969. {/block:Caption}
  970. {/block:Photo}
  971.  
  972.  
  973. {block:Photoset}
  974. <div class="photopost">{Photoset}</div>
  975. {block:Caption}
  976. <div class="textpost">
  977. <p>{Caption}</div>
  978. {/block:Caption}
  979. {/block:Photoset}
  980.  
  981.  
  982. {block:Answer}
  983. <div class="asker"> {asker} </div>
  984. <div style="font-family:avant; text-align:center;font-size:8px; text-transform:uppercase; letter-spacing:1px;margin-top:2px;"> has sent a new message </div>
  985. <div class="question"> {question} </div>
  986. <div class="textpost">
  987. {Answer}</div>
  988. {/block:Answer}
  989.  
  990.  
  991. {block:Quote}
  992. <div id="quote">{Quote}</div>
  993. {block:Source}
  994. <p>
  995. <div id="source">
  996. <font style="color:#eee;">—–</font> &nbsp; &nbsp;
  997. {Source}
  998. &nbsp; &nbsp; <font style="color:#eee;">—–</font>
  999. </div>
  1000. {/block:Source}
  1001. {/block:Quote}
  1002.  
  1003.  
  1004. {block:Link}
  1005. <a href="{URL}"><div id="link">{Name} →</div></a>
  1006. {block:Description}
  1007. <div class="textpost">
  1008. {Description}</div>
  1009. {/block:Description}
  1010. {/block:Link}
  1011.  
  1012.  
  1013. {block:Video}
  1014. {Video}
  1015. {block:Caption}
  1016. <div class="textpost">
  1017. {Caption}
  1018. </div>
  1019. {/block:Caption}
  1020. {/block:Video}
  1021.  
  1022.  
  1023. {block:Chat}
  1024. {block:Title}
  1025. <div class="title">{Title}</div>
  1026. {/block:Title}
  1027. <ul class="chat">
  1028. {block:Lines}
  1029. <li class="line_{Alt}"><span class="label">
  1030. {block:Label}
  1031. {Label}
  1032. {/block:Label}</span>
  1033. {Line}
  1034. {/block:Lines}
  1035. </li>
  1036. </ul>
  1037. {/block:Chat}
  1038.  
  1039. {block:Audio}
  1040. {block:AudioEmbed}{AudioEmbed}{/block:AudioEmbed}
  1041. {block:Caption}
  1042. <div class="textpost">
  1043. {Caption}</div>
  1044. {/block:Caption}
  1045. {/block:Audio}
  1046.  
  1047.  
  1048.  
  1049. <!--- PERMALINK CONTENT --->
  1050.  
  1051. {block:IndexPage}
  1052.  
  1053.  
  1054. <div class="permaline">
  1055. <div class="permalinks">
  1056. <a href="{Permalink}" title="{TimeAgo}">INFORMATION</a>
  1057. <div style="text-align:right; margin-top:-22px; font-size:16px;">
  1058. <a href="{Permalink}" title="{NoteCountwithLabel}"> ♥ </a>
  1059. <a href="{ReblogURL}" title="Spread."> ↺ </a>
  1060. </div></div></div>
  1061.  
  1062.  
  1063. {block:HasTags}
  1064. <div class="tags">
  1065. {block:Tags}<a href="{TagURL}">#{Tag}</a>
  1066. {/block:Tags}</div>
  1067. {/block:HasTags}
  1068.  
  1069. {/block:IndexPage}
  1070.  
  1071. {block:PermalinkPage}
  1072. {block:Date}<div class="pinfoperma">Posted on {MonthNumber}/{DayOfMonth} at {24HourWithZero}:{Minutes} with {NoteCountWithLabel}</div>{/block:Date}
  1073.  
  1074. {block:PostNotes}
  1075. <div class="pnotes">
  1076. <ol class="notes">{PostNotes}</ol>
  1077. </div>
  1078. {/block:PostNotes}
  1079. {/block:PermalinkPage}
  1080.  
  1081. </div>
  1082. {/block:Posts}
  1083.  
  1084. {block:ContentSource}
  1085. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  1086. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  1087. {/block:SourceLogo}
  1088. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  1089. {/block:ContentSource}
  1090.  
  1091.  
  1092. <!-- {block:NoRebloggedFrom}
  1093. {block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}
  1094. {/block:NoRebloggedFrom} -->
  1095.  
  1096. </div>
  1097.  
  1098.  
  1099. <a href="http://kicksnames.tumblr.com" title="Theme by Billie." style="position:fixed; right:10px; bottom:10px; font-size:18px;"> 🐛 </a>
  1100.  
  1101.  
  1102. <!--- PAGINATION CONTENT --->
  1103. {block:Pagination}
  1104. <div id="pagination2">
  1105. {block:PreviousPage}
  1106. <a href="{PreviousPage}" title="Raise."> « </a>
  1107. {/block:PreviousPage} </div>
  1108.  
  1109.  
  1110. <div id="pagination">
  1111. {block:NextPage}
  1112. <a href="{NextPage}" title="Fall."> » </a>
  1113. {/block:NextPage} </div>
  1114. {/block:Pagination}
  1115.  
  1116.  
  1117.  
  1118. </body>
  1119. </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!