API tools faq
paste
Advertisement
Guest User

Hilda Code b/c I can't get my shit together gdi

a guest
Mar 21st, 2018
76
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 28.19 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2.  
  3. <!-- octomoosey @ tumblr -->
  4.  
  5.  
  6.  
  7. <!--
  8. POP UP SCRIPT
  9. -->
  10.  
  11.  
  12. <script type="text/javascript"
  13. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  14. <script>
  15. $(document).ready(function() {
  16. //
  17. $('a.poplight[href^=#]').click(function() {
  18. var popID = $(this).attr('rel'); //Get Popup Name
  19. var popURL = $(this).attr('href'); //Get Popup href to define size
  20. var query= popURL.split('?');
  21. var dim= query[1].split('&');
  22. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  23. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"></a>');
  24. var popMargTop = ($('#' + popID).height() + 80) / 2;
  25. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  26. //Apply Margin to Popup
  27. $('#' + popID).css({
  28. 'margin-top' : -popMargTop,
  29. 'margin-left' : -popMargLeft
  30. });
  31. $('body').append('<div id="fade"></div>');
  32. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  33. return false;
  34. });
  35. $('a.close, #fade').live('click', function() {
  36. $('#fade , .popup_block').fadeOut(function() {
  37. $('#fade, a.close').remove(); //fade them both out
  38. });
  39. return false;
  40. });
  41. });
  42. </script>
  43.  
  44.  
  45.  
  46. <!--
  47. VERSE TABS SCRIPT
  48. -->
  49.  
  50.  
  51. <script>
  52.  
  53. $(document).ready(function(){
  54. $("ul#tabs li").click(function(e){
  55. if (!$(this).hasClass("active")) {
  56. var tabNum = $(this).index();
  57. var nthChild = tabNum+1;
  58. $("ul#tabs li.active").removeClass("active");
  59. $(this).addClass("active");
  60. $("ul#tab li.active").removeClass("active");
  61. $("ul#tab li:nth-child("+nthChild+")").addClass("active");
  62. }
  63. });
  64. });
  65. </script>
  66.  
  67.  
  68.  
  69. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  70. <head><title>{Title}</title>
  71. <link rel="shortcut icon" href="https://img00.deviantart.net/a8c1/i/2014/236/7/1/lorulean_triforce_by_zekrom_9-d7whjuy.png">
  72. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  73. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  74.  
  75. <meta name="color:background" content="#000"/>
  76. <meta name="color:desctext" content="#fff"/>
  77. <meta name="color:pagination" content="#fff"/>
  78. <meta name="color:text" content="#fff"/>
  79. <meta name="color:link" content="#529ecc"/>
  80. <meta name="color:linkhover" content="#b8b8b8"/>
  81. <meta name="color:bold" content="#529ecc" />
  82. <meta name="color:italic" content="#529ecc" />
  83. <meta name="color:pre" content="#000" />
  84. <meta name="color:pretext" content="#fff" />
  85. <meta name="color:scrollbar" content="#529ecc" />
  86.  
  87. <meta name="text:link 1" content="link 1"/>
  88. <meta name="text:link 1 url" content="/"/>
  89. <meta name="text:link 2" content="link 2"/>
  90. <meta name="text:link 2 url" content="/"/>
  91. <meta name="text:link 3" content="link 3"/>
  92. <meta name="text:link 3 url" content="/"/>
  93. <meta name="text:link 4" content="link 4"/>
  94. <meta name="text:link 4 url" content="/"/>
  95. <meta name="text:link 5" content="link 5"/>
  96. <meta name="text:link 5 url" content="/"/>
  97. <meta name="text:link 6" content="link 6"/>
  98. <meta name="text:link 6 url" content="/"/>
  99. <meta name="text:link 7" content="link 7"/>
  100. <meta name="text:link 7 url" content="/"/>
  101. <meta name="text:link 8" content="link 8"/>
  102. <meta name="text:link 8 url" content="/"/>
  103. <meta name="text:link 9" content="link 9"/>
  104. <meta name="text:link 9 url" content="/"/>
  105. <meta name="text:link 10" content="link 10"/>
  106. <meta name="text:link 10 url" content="/"/>
  107.  
  108. <meta name="image:background" content="http://static.tumblr.com/420c284120d73a4be652a2f46acf63a5/86jccts/dCrnm8tta/tumblr_static_efng6cl6klc0o8kg88cs0g0gc.jpg"/>
  109.  
  110. <meta name="if:greyscale" content="1"/>
  111. <meta name="if:tinycursor" content="1"/>
  112. <meta name="font:body font" content="Gibson">
  113. <meta name="text:text size" content="11px" />
  114.  
  115. <meta name="text:post margin left" content="350"/>
  116. <meta name="text:post margin top" content="161"/>
  117. <meta name="text:post height" content="429"/>
  118. <meta name="text:description margin left" content="830"/>
  119. <meta name="text:description margin top" content="450"/>
  120. <meta name="text:description width" content="300"/>
  121. <meta name="text:links margin left" content="300"/>
  122. <meta name="text:links margin top" content="120"/>
  123. <meta name="text:link alignment" content="inline-block"/>
  124. <meta name="text:font awesome" content="fa fa-asterisk"/>
  125. <meta name="text:page margin left" content="500"/>
  126. <meta name="text:page margin top" content="620"/>
  127.  
  128. <script type="text/javascript" src="http://static.tumblr.com/86jccts/wpsmuemne/hoverqtip.js"></script>
  129.  
  130. <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
  131.  
  132. <!--
  133. CUSTOM FONTS
  134. -->
  135.  
  136.  
  137. <link href="https://fonts.googleapis.com/css?family=Arizonia&amp;subset=latin-ext" rel="stylesheet">
  138.  
  139. <link href="https://fonts.googleapis.com/css?family=Alegreya+SC" rel="stylesheet">
  140.  
  141. <link href="https://fonts.googleapis.com/css?family=Dawning+of+a+New+Day" rel="stylesheet">
  142.  
  143. <link href="https://fonts.googleapis.com/css?family=Homemade+Apple" rel="stylesheet">
  144.  
  145. <link href="https://fonts.googleapis.com/css?family=Alex+Brush" rel="stylesheet">
  146.  
  147.  
  148.  
  149.  
  150. <style type="text/css">
  151.  
  152.  
  153.  
  154.  
  155. /* the hover update thing */
  156.  
  157.  
  158.  
  159. #bite
  160. #bite a{
  161. display:block
  162. }
  163. #bite .death {
  164. margin-top:0px;filter: alpha(opacity = 1.0);
  165. opacity:1.0;-webkit-transition: all 0.5s ease-out;
  166. -moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;
  167. }
  168.  
  169. #bite:hover .death {
  170. margin-top:0px;
  171. -webkit-transition: all 0.8s ease-out;
  172. -moz-transition: all 0.8s ease-out;
  173. transition: all 0.8s ease-out;
  174. filter: alpha(opacity = 100);
  175. filter: alpha(opacity = 100);
  176. opacity:100;
  177. }
  178.  
  179.  
  180. /* selection font and background */
  181.  
  182.  
  183. ::selection {
  184. background: #444;
  185. color:#fff; }
  186.  
  187.  
  188. ::-moz-selection {
  189. background: #444;
  190. color:#fff; }
  191.  
  192.  
  193. ::-webkit-scrollbar-thumb {
  194. height:auto;
  195. background-color:transparent;}
  196.  
  197. ::-webkit-scrollbar {
  198. height:9px;
  199. width:4px;
  200. background-color:transparent;}
  201.  
  202.  
  203. iframe#tumblr_controls {
  204. right:3px !important;
  205. position: fixed !important;
  206. -webkit-transition: opacity 0.7s
  207. linear;opacity: 0.2;
  208. -webkit-transition: all 0.8s ease-out;
  209. -moz-transition: all 0.8s ease-out;
  210. transition: all 0.8s ease-out;}
  211.  
  212. iframe#tumblr_controls:hover{
  213. -webkit-transition: opacity 0.7s linear;
  214. opacity: 1;
  215. -webkit-transition: all 0.4s ease-out;
  216. -moz-transition: all 0.4s ease-out;
  217. transition: all 0.4s ease-out;}
  218.  
  219. div[id$="Zy4yby-hide"], .static-only {
  220. display: none;}
  221.  
  222. body {
  223. background-color:#100011;
  224. background-image: url('{image:background}');
  225. background-position: top left;
  226. background-repeat: no-repeat;
  227. background-attachment: fixed;
  228. line-height:110%;
  229. color:#90736d;
  230. font-family:baskerville;
  231. font-size: 13px;}
  232.  
  233. a {
  234. text-decoration:none;
  235. outline:none;
  236. -moz-outline-style:none;
  237. color:#86649b;
  238. -webkit-transition: all 0.7s ease;
  239. -moz-transition: all 0.7s ease;
  240. -o-transition: all 0.7s ease;}
  241.  
  242. a:hover {
  243. color:#cab1da;
  244. -webkit-transition: all 0.7s ease;
  245. -moz-transition: all 0.7s ease;
  246. -o-transition: all 0.7s ease;}
  247.  
  248. blockquote {
  249. padding:2px 7px;
  250. margin:3px 0 3px 8px;
  251. border-left:2px solid #666;
  252. background-color:transparent;}
  253.  
  254. blockquote img {
  255. max-width:100%;
  256. height:auto;}
  257.  
  258. b, strong {
  259. color:#f1c5ff;
  260. font-family: 'Alegreya SC', serif;
  261. font-size:14px;
  262. letter-spacing:1.5px;
  263. }
  264.  
  265. i, em {
  266. color:#c09992;
  267. font-family: 'Homemade Apple', cursive;
  268. font-size:13px;
  269. letter-spacing:1px;
  270. }
  271.  
  272. small,sup,sub {
  273. font-size:13px}
  274.  
  275. big {
  276. font-size:13px;}
  277.  
  278. p {
  279. margin-top:5px;
  280. margin-bottom:5px;}
  281.  
  282.  
  283. ol {
  284. list-style:normal;}
  285.  
  286.  
  287. ul {
  288. list-style:square;}
  289.  
  290. pre {
  291. text-align:center;
  292. color:#90736d;
  293. background-color:transparent;
  294. font-size:14px;
  295. font-family: "Times New Roman", Times, serif;
  296. padding:5px;
  297. white-space: pre-wrap; /* css-3 */
  298. white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
  299. white-space: -pre-wrap; /* Opera 4-6 */
  300. white-space: -o-pre-wrap; /* Opera 7 */
  301. word-wrap: break-word; /* Internet Explorer 5.5+ */}
  302.  
  303. img {
  304. max-width:100%;
  305. height:auto;}
  306.  
  307. h1 {
  308. background-color: transparent;
  309. font-family: 'Montserrat', sans-serif;
  310. font-size: 16px;
  311. line-height: 20px;
  312. letter-spacing: 2px;
  313. text-align: center;
  314. text-transform:uppercase;
  315. color: #c70039;
  316. }
  317.  
  318.  
  319. h2 {
  320. background-color: transparent;
  321. font-family: 'Montserrat', sans-serif;
  322. font-size: 15px;
  323. line-height: 16px;
  324. letter-spacing: 2px;
  325. text-align: left;
  326. text-transform:uppercase;
  327. color: #c70039;
  328. }
  329.  
  330.  
  331.  
  332. h3 {
  333. background-color: #000;
  334. border:4px double #581845;
  335. font-family: arial;
  336. font-weight:bold;
  337. color: #86649b;
  338. text-shadow:0px 0px 1px #f7d1fc;
  339. font-size: 10px;
  340. line-height: 12px;
  341. letter-spacing: 2px;
  342. text-align: center;
  343. text-transform:uppercase;
  344. padding:1px;
  345. line-height:120%;}
  346.  
  347. #entries {
  348. position:fixed;
  349. width:350px;
  350. background:transparent;
  351. height:700px;
  352. top: -22px;
  353. left:521px;
  354. z-index:999;
  355. position:relative;
  356. overflow-y:scroll;
  357. -webkit-mask-image: -webkit-gradient(
  358. linear, center 75%, center bottom,
  359. from(rgba(0,0,0,20)),
  360. to(rgba(20,0,0,0)));
  361. border:1px solid transparent;
  362. }
  363.  
  364. .posts {
  365. width: 290px;
  366. padding: 20px;
  367. margin-bottom:30px;
  368. color: #ddd;
  369. text-align:justify;}
  370.  
  371. #description {
  372. position:fixed;
  373. top: {text:description margin top}px;
  374. left:{text:description margin left}px;
  375. width:{text:description width}px;
  376. text-align:center;
  377. font-size:11px;
  378. line-height:120%;
  379. font-family:{font:body font};
  380. color:transparent;}
  381.  
  382. #actualnews {
  383. overflow-y: scroll
  384. overflow-x: hidden;
  385. font-family:baskerville;
  386. font-size:12px;
  387. text-align:justify;
  388. background:transparent;
  389. color: #ddd;
  390. width:180px;
  391. height:100px;
  392. padding-top:3px;
  393. border:0px solid #131313;
  394. margin-left: 870px;
  395. margin-top: -520px;
  396. position:fixed;
  397. }
  398.  
  399.  
  400.  
  401. #thekey {
  402. position:fixed;
  403. color:#11261c;
  404. text-shadow: 0px 0px 2px #fff;
  405. margin-top:175px;
  406. margin-left:55px;
  407. width:710px;
  408. padding:9px;
  409. letter-spacing:2px;
  410. word-spacing:5px; /*this defines the separation of each word of the links*/
  411. font-family: helvetica;
  412. font-size:12px;
  413. text-align:center;
  414. background:transparent;
  415. text-transform:uppercase;
  416. -webkit-transform: rotate(-90deg);
  417. -moz-transform: rotate(-90deg);
  418. -o-transform: rotate(-90deg);
  419. }
  420.  
  421. /* JUMBLED LINKS */
  422.  
  423.  
  424.  
  425. .alinks {
  426. position:fixed;
  427. text-shadow: 0px 0px 0px #f7d1fc;
  428. left:266px;
  429. top:43px;
  430. transform: rotate(0deg);
  431. font-family: 'Montserrat', sans-serif;
  432. font-size: 10px;
  433. }
  434.  
  435.  
  436. .alinks a {
  437. padding:10px;
  438. color:#ffd95d;
  439. margin-right:0px;
  440. -webkit-filter: blur(0px);
  441. -webkit-transition: 0.8s ease-in;
  442. -moz-transition: 1s ease-in;
  443. transition: 1s ease-in;
  444. opacity:.5;
  445. }
  446.  
  447. .alinks a:hover {
  448. -webkit-transition: all 0.6s ease-in-out;
  449. -moz-transition: all 0.6s ease-in-out;
  450. -o-transition: all 0.6s ease-in-out;
  451. -ms-transition: all 0.6s ease-in-out;
  452. transition: all 0.6s ease-in-out;
  453. color: #ffecaf;
  454. text-shadow: 2px 2px 2px #f7d1fc;
  455. }
  456.  
  457.  
  458.  
  459.  
  460. .blinks {
  461. position:fixed;
  462. text-shadow: 0px 0px 0px #f7d1fc;
  463. left:230px;
  464. top:89px;
  465. transform: rotate(10deg);
  466. font-family: 'Montserrat', sans-serif;
  467. font-size: 12px;
  468. }
  469.  
  470.  
  471. .blinks a {
  472. padding:10px;
  473. color:#ffd95d;
  474. margin-right:0px;
  475. -webkit-filter: blur(0px);
  476. -webkit-transition: 0.8s ease-in;
  477. -moz-transition: 1s ease-in;
  478. transition: 1s ease-in;
  479. opacity:.5;
  480. }
  481.  
  482. .blinks a:hover {
  483. -webkit-transition: all 0.6s ease-in-out;
  484. -moz-transition: all 0.6s ease-in-out;
  485. -o-transition: all 0.6s ease-in-out;
  486. -ms-transition: all 0.6s ease-in-out;
  487. transition: all 0.6s ease-in-out;
  488. color: #ffecaf;
  489. text-shadow: 2px 2px 2px #f7d1fc;
  490. }
  491.  
  492.  
  493.  
  494. .clinks {
  495. position:fixed;
  496. text-shadow: 0px 0px 0px #f7d1fc;
  497. left:287px;
  498. top:132px;
  499. transform: rotate(-50deg);
  500. font-family: 'Montserrat', sans-serif;
  501. font-size: 15px;
  502. }
  503.  
  504.  
  505. .clinks a {
  506. padding:10px;
  507. color:#ffd95d;
  508. margin-right:0px;
  509. -webkit-filter: blur(0px);
  510. -webkit-transition: 0.8s ease-in;
  511. -moz-transition: 1s ease-in;
  512. transition: 1s ease-in;
  513. opacity:.7;
  514. }
  515.  
  516. .clinks a:hover {
  517. -webkit-transition: all 0.6s ease-in-out;
  518. -moz-transition: all 0.6s ease-in-out;
  519. -o-transition: all 0.6s ease-in-out;
  520. -ms-transition: all 0.6s ease-in-out;
  521. transition: all 0.6s ease-in-out;
  522. color: #ffecaf;
  523. text-shadow: 2px 2px 2px #f7d1fc;
  524. }
  525.  
  526.  
  527. .dlinks {
  528. position:fixed;
  529. text-shadow: 0px 0px 0px #f7d1fc;
  530. left:228px;
  531. top:168px;
  532. transform: rotate(200deg);
  533. font-family: 'Montserrat', sans-serif;
  534. font-size: 20px;
  535. }
  536.  
  537.  
  538. .dlinks a {
  539. padding:10px;
  540. color:#ffd95d;
  541. margin-right:0px;
  542. -webkit-filter: blur(0px);
  543. -webkit-transition: 0.8s ease-in;
  544. -moz-transition: 1s ease-in;
  545. transition: 1s ease-in;
  546. opacity:.7;
  547. }
  548.  
  549. .dlinks a:hover {
  550. -webkit-transition: all 0.6s ease-in-out;
  551. -moz-transition: all 0.6s ease-in-out;
  552. -o-transition: all 0.6s ease-in-out;
  553. -ms-transition: all 0.6s ease-in-out;
  554. transition: all 0.6s ease-in-out;
  555. color: #ffecaf;
  556. text-shadow: 2px 2px 2px #f7d1fc;
  557. }
  558.  
  559.  
  560.  
  561.  
  562. .elinks {
  563. position:fixed;
  564. text-shadow: 0px 0px 0px #f7d1fc;
  565. left:284px;
  566. top:210px;
  567. transform: rotate(60deg);
  568. font-family: 'Montserrat', sans-serif;
  569. font-size: 25px;}
  570.  
  571.  
  572. .elinks a {
  573. padding:10px;
  574. color:#ffd95d;
  575. margin-right:0px;
  576. -webkit-filter: blur(0px);
  577. -webkit-transition: 0.8s ease-in;
  578. -moz-transition: 1s ease-in;
  579. transition: 1s ease-in;
  580. opacity:.8;
  581. }
  582.  
  583. .elinks a:hover {
  584. -webkit-transition: all 0.6s ease-in-out;
  585. -moz-transition: all 0.6s ease-in-out;
  586. -o-transition: all 0.6s ease-in-out;
  587. -ms-transition: all 0.6s ease-in-out;
  588. transition: all 0.6s ease-in-out;
  589. color: #ffecaf;
  590. text-shadow: 2px 2px 2px #f7d1fc;
  591. }
  592.  
  593.  
  594.  
  595. .flinks {
  596. position:fixed;
  597. text-shadow: 0px 0px 0px #f7d1fc;
  598. left:225px;
  599. top:254px;
  600. transform: rotate(-20deg);
  601. font-family: 'Montserrat', sans-serif;
  602. font-size: 30px;}
  603.  
  604.  
  605. .flinks a {
  606. padding:10px;
  607. color:#ffd95d;
  608. margin-right:0px;
  609. -webkit-filter: blur(0px);
  610. -webkit-transition: 0.8s ease-in;
  611. -moz-transition: 1s ease-in;
  612. transition: 1s ease-in;
  613. opacity:.8;
  614. }
  615.  
  616. .flinks a:hover {
  617. -webkit-transition: all 0.6s ease-in-out;
  618. -moz-transition: all 0.6s ease-in-out;
  619. -o-transition: all 0.6s ease-in-out;
  620. -ms-transition: all 0.6s ease-in-out;
  621. transition: all 0.6s ease-in-out;
  622. color: #ffecaf;
  623. text-shadow: 2px 2px 2px #f7d1fc;
  624. }
  625.  
  626.  
  627. .glinks {
  628. position:fixed;
  629. text-shadow: 0px 0px 0px #ffecaf;
  630. left:287px;
  631. top:290px;
  632. transform: rotate(30deg);
  633. font-family: 'Montserrat', sans-serif;
  634. font-size: 40px;}
  635.  
  636.  
  637. .glinks a {
  638. padding:10px;
  639. color:#ffd95d;
  640. margin-right:0px;
  641. -webkit-filter: blur(0px);
  642. -webkit-transition: 0.8s ease-in;
  643. -moz-transition: 1s ease-in;
  644. transition: 1s ease-in;
  645. opacity:1;
  646. }
  647.  
  648. .glinks a:hover {
  649. -webkit-transition: all 0.6s ease-in-out;
  650. -moz-transition: all 0.6s ease-in-out;
  651. -o-transition: all 0.6s ease-in-out;
  652. -ms-transition: all 0.6s ease-in-out;
  653. transition: all 0.6s ease-in-out;
  654. color: #ffecaf;
  655. text-shadow: 2px 2px 2px #f7d1fc;
  656. }
  657.  
  658.  
  659. #pagination {
  660. position:fixed;
  661. font-family:times;
  662. color:#86649b;
  663. width:300px;
  664. font-size:50px;
  665. top:170px;
  666. left:820px;
  667. letter-spacing:3px;
  668. text-align:center;
  669. z-index:99999;
  670. }
  671.  
  672. #pagination a {
  673. text-transform:uppercase;
  674. color:#ffd95d;
  675. z-index:999999;
  676. }
  677.  
  678. #pagination a:hover {
  679. color:#ffecaf;
  680. -webkit-transition: 0.7s ease-in;
  681. -moz-transition: 1s ease-in;
  682. transition: 1s ease-in;
  683. }
  684.  
  685. #asker {
  686. z-index:9999999999 !important;
  687. margin-left:20px;
  688. margin-top:0px;
  689. margin-right:10px;
  690.  
  691. }
  692.  
  693. #askurl {
  694. font-size:20px;
  695. font-family: 'Arizonia', cursive;
  696. letter-spacing:3px;
  697. margin-left:70px;
  698. margin-top:-25px;
  699. margin-right:5px;
  700. text-align: center;
  701. font-style:none;
  702. letter-spacing:2px;
  703. text-align:center;
  704. padding-top: 10px;
  705. margin-left:0px;
  706. text-transform:lowercase;
  707. color: #ffecaf;
  708. font-size:30px;
  709. padding:5px;
  710. letter-spacing:0px
  711. text-shadow:0px 0px 2px #fff;
  712.  
  713. }
  714.  
  715. #askurl a{
  716. font-family: 'Arizonia', cursive;
  717. font-style:none;
  718. letter-spacing:2px;
  719. text-transform:lowercase;
  720. font-size:30px;
  721. letter-spacing: 0px;
  722. text-shadow: none;
  723. color: #ffecaf;
  724. text-shadow:0 0 2px #fff;
  725. -webkit-filter: blur(0.5px);
  726. }
  727.  
  728.  
  729. #askurl a:hover {
  730. color: #ffd95d;
  731. letter-spacing: 0px;
  732. text-shadow:0 0 2px #000;
  733. -webkit-transition:all .5s ease-in-out;
  734. -moz-transition:all .5s ease-in-out;
  735. transition:all .5s ease-in-out;
  736. }
  737.  
  738.  
  739. #question {
  740. border: 4px double #581845;
  741. font-family: times;
  742. width:225px;
  743. font-size:10px;
  744. text-align:center;
  745. padding-top: 5px;
  746. margin-left:20px;
  747. text-transform:auto;
  748. letter-spacing:3px
  749. margin-top:-10px;
  750. padding:5px;
  751. background: #000;
  752. color:#f1c5ff;
  753. text-transform: uppercase;
  754. border-bottom-left-radius: 2px;
  755. border-bottom-right-radius: 2px;
  756. border-top-left-radius:2px;
  757. border-top-right-radius: 2px;
  758. padding:10px;
  759. letter-spacing:2px;
  760. }
  761.  
  762.  
  763. #quote {
  764. font-size:25px;
  765. font-family: 'Alex Brush', cursive;
  766. text-align: center;
  767. font-weight: 300;
  768. letter-spacing: 1.5px;
  769. line-height: 130%;
  770. padding-bottom: 10px;
  771. font-weight:bold;
  772. }
  773.  
  774. #cover {
  775. position: relative;
  776. z-index: 1;
  777. height: 80px;
  778. float:left;
  779. margin:4px;
  780. box-shadow:0px 0px 5px {color:box shadow};}
  781.  
  782. #button {
  783. width:20px;
  784. height:30px;
  785. overflow: hidden;
  786. position: relative;
  787. z-index: 99;
  788. margin: 15px 24px 13px 16px;}
  789.  
  790. #buttons {
  791. background-color: #fff;
  792. position: absolute;
  793. z-index: 99;
  794. margin-top: 15px;
  795. margin-left: 15px;
  796. opacity: 0;
  797. -webkit-transition: opacity 0.5s linear;
  798. -webkit-transition: all 0.5s linear;
  799. -moz-transition: all 0.5s linear;
  800. -o-transition: all 0.5s linear;}
  801.  
  802. #post:hover #buttons {
  803. opacity:1;}
  804.  
  805. #musicinfo {
  806. margin-left: 110px;
  807. font-size:10px;
  808. min-height:70px;
  809. text-align:left;
  810. position: relative;}
  811.  
  812.  
  813. .note {
  814. color:{color:postbg};
  815. text-transform:uppercase;
  816. width:250px;
  817. font-style:normal;
  818. letter-spacing:0px;
  819. font-size: 10px;
  820. text-align:left;
  821. line-height:100%;
  822. margin-left:-15px;
  823. }
  824.  
  825. .note li {
  826. list-style-type:none;
  827. padding:10px 25px 10px 25px;
  828. text-align:left;
  829. -moz-transition-duration:0.5s;
  830. -webkit-transition-duration:0.5s;
  831. -o-transition-duration:0.5s;}
  832.  
  833. .note img.avatar {
  834. margin-right: 10px;
  835. width: 16px;
  836. height: 16px;}
  837.  
  838. .tags {
  839. font-size:10px;
  840. text-align:center;
  841. text-transform:uppercase;
  842. padding-top:5px;
  843. margin-top:5px;
  844. opacity:0;
  845. max-height:0px;
  846. -webkit-transition: all 0.7s ease;
  847. transition: all 0.7s ease;
  848. -moz-transition: all 0.7s ease;
  849. -o-transition: all 0.7s ease;
  850. }
  851.  
  852. .posts:hover .tags{
  853. opacity:1;
  854. -webkit-transition: all 0.7s ease;
  855. transition: all 0.7s ease;
  856. -moz-transition: all 0.7s ease;
  857. -o-transition: all 0.7s ease;
  858. max-height:300px;
  859. }
  860.  
  861. #permalink {
  862. font-size:8px;
  863. text-transform:uppercase;
  864. letter-spacing:1px;
  865. margin-top:10px;
  866. border-bottom: 4px double #581845;
  867. border-top: 4px double #581845;
  868. border-right: 4px double #581845;
  869. border-left: 4px double #581845;
  870. border-bottom-left-radius: 2px;
  871. border-bottom-right-radius: 2px;
  872. border-top-left-radius: 2px;
  873. border-top-right-radius: 2px;
  874. padding: 5px;
  875. background: #000;
  876. }
  877.  
  878. /* the verses tabs */
  879.  
  880.  
  881. ul#tabs {
  882. list-style-type: none;
  883. padding: 0;
  884. text-align: center;
  885. font-size:8px;
  886. letter-spacing:1px;
  887. }
  888.  
  889. ul#tabs li {
  890. display: inline-block;
  891. background-color: transparent;
  892. border: solid 0px #262626;
  893. padding: 4px 12px;
  894. margin-bottom: 4px;
  895. color: #eeeeee;
  896. cursor: pointer;
  897. }
  898.  
  899. ul#tabs li:hover {
  900. background-color: #b0b0b0;
  901. }
  902.  
  903. ul#tabs li.active {
  904. background-color: #0f0f0f;
  905. background-image:url('https://media.giphy.com/media/jk6K8iMgA0tlS/giphy.gif');
  906. border: 1px solid #9b9b9b;
  907. }
  908.  
  909. ul#tab {
  910. list-style-type: none;
  911. margin: 0;
  912. padding: 0;
  913. }
  914.  
  915. ul#tab li {
  916. display: none;
  917. }
  918.  
  919. ul#tab li.active {
  920. display: block;
  921. }
  922.  
  923. /*--BASIC POP-UP DETAILS--*/
  924.  
  925.  
  926.  
  927. .popup_block{
  928. display:none;
  929. background: url("");
  930. background:#678d93;
  931. padding:20px;
  932. border:0px solid #eee; /* if you want a solid white pop-up, delete this */
  933. float:left;
  934. height: 400px;
  935. top:50%; left:50%;
  936. position:fixed;
  937. z-index: 9999999999;
  938. -webkit-box-shadow: 1px 1px 5px #323232;
  939. -moz-box-shadow: 1px 1px 5px #323232;
  940. box-shadow: 1px 1px 5px #323232;
  941. }
  942.  
  943.  
  944. *html #fade {position: absolute;}
  945. *html .popup_block {position: absolute;}
  946. #fade {
  947. display:none;
  948. position:fixed;
  949. left:0px;
  950. top:0px;
  951. width:100%;
  952. height:100%;
  953. z-index:99999999;
  954. background:#000;
  955. opacity:0.5;
  956. }
  957.  
  958.  
  959.  
  960.  
  961. .popupnavlinks {
  962. padding-top:5px;
  963. text-align:center; }
  964.  
  965.  
  966. .popupnavlinks a {
  967. display:inline-block;
  968. width:120px; height:8px;
  969. margin:2px; padding:6px 6px 10px;
  970. text-align:center;
  971. font-family:'helvetica';
  972. font-size:8px;
  973. text-transform:uppercase;
  974. letter-spacing:1px;
  975. color:#eeeeee; background:transparent;
  976. background-image:url('https://media.giphy.com/media/jk6K8iMgA0tlS/giphy.gif');
  977. border:1px dotted;
  978. border-color: #9b9b9b;
  979. }
  980.  
  981.  
  982. .popupnavlinks a:hover {
  983. display:inline-block;
  984. width:120px; margin:2px;
  985. padding:6px 6px 10px;
  986. text-align:center;
  987. font-family:'helvetica';
  988. font-size:8px;
  989. text-transform:uppercase;
  990. letter-spacing:1px;
  991. color:#53abdb;
  992. background:transparent;
  993. background-image:url('https://media.giphy.com/media/jk6K8iMgA0tlS/giphy.gif');}
  994.  
  995.  
  996.  
  997. .popupclose {
  998. float:right; top:0px; right:0px;
  999. margin-top:-10px; margin-right:-10px;
  1000. font-family:'Scada', sans serif;
  1001. font-size:10px;
  1002. font-weight:bold }
  1003.  
  1004. .popupclose a {
  1005. color:#aaa }
  1006.  
  1007.  
  1008.  
  1009. /*--TOOLTIP DETAILS--*/
  1010.  
  1011.  
  1012.  
  1013. div#qTip {
  1014. max-width:400px;
  1015. margin:15px;
  1016. padding:5px 8px;
  1017. background: transparent;
  1018. border:4px double;
  1019. border-color: transparent;
  1020. display: none;
  1021. margin-left:10px;
  1022. margin-top:-7px;
  1023. text-align: center;
  1024. font-style:none;
  1025. font-family: 'helvetica';
  1026. font-size: 10px;
  1027. text-transform:uppercase;
  1028. position: absolute;
  1029. line-height:10px;
  1030. z-index: 9999999;
  1031. color: #fff;
  1032. letter-spacing: 1px;
  1033. box-shadow:0px 0px 0px rgba(0,0,0,.1);
  1034. }
  1035.  
  1036.  
  1037. .media {
  1038. position: relative;
  1039. padding-bottom: 75%;
  1040. height: 0;
  1041. overflow: hidden;
  1042. }
  1043.  
  1044. .media iframe, .media object, .media embed {
  1045. position: absolute;
  1046. top: 0;
  1047. left: 0;
  1048. width: 100%;
  1049. height: 100%;
  1050. }
  1051.  
  1052.  
  1053.  
  1054. {CustomCSS}</style></head><body>
  1055.  
  1056.  
  1057.  
  1058.  
  1059.  
  1060.  
  1061.  
  1062.  
  1063.  
  1064. <div id="description">{description}</div>
  1065.  
  1066. <div id="links">
  1067.  
  1068.  
  1069. <div id="linkbar">
  1070.  
  1071.  
  1072. <div class="alinks">
  1073. <a href="/" title="refresh.">▼</a>
  1074. </div>
  1075.  
  1076.  
  1077. <div class="blinks">
  1078. <a href="/ask" rel="box1" class="poplight" title="ask.">▼</a>
  1079. </div>
  1080.  
  1081. <div class="clinks">
  1082. <a href="/submit" rel="box3" class="poplight" title="submit.">▼</a>
  1083. </div>
  1084.  
  1085. <div class="dlinks">
  1086. <a href="/rules" rel="box3" class="poplight" title="rules.">▼</a>
  1087. </div>
  1088.  
  1089.  
  1090.  
  1091. <div class="elinks">
  1092. <a href="/about" rel="box4" class="poplight" title="dossier.">▼</a>
  1093. </div>
  1094.  
  1095.  
  1096.  
  1097. <div class="flinks">
  1098. <a href="/verses" rel="box5" class="poplight" title="verses.">▼</a>
  1099. </div>
  1100.  
  1101.  
  1102. <div class="glinks">
  1103. <a href="/navigation" rel="box5" class="poplight" title="map.">▼</a>
  1104. </div>
  1105.  
  1106.  
  1107. </div>
  1108.  
  1109. <div id="pagination">
  1110. {block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">«</a> {/block:PreviousPage}{block:NextPage} <a href="{NextPage}">»</a>{/block:NextPage}{/block:Pagination}
  1111. </div>
  1112.  
  1113. </div></div></div>
  1114.  
  1115. <div id="entries">
  1116. {block:Posts}
  1117. <div class="posts">
  1118.  
  1119. {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
  1120.  
  1121. {block:Photo}<center><img src="{PhotoURL-400}" alt="{PhotoAlt}"/>
  1122. </center>{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  1123.  
  1124. {block:Photoset}{Photoset}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  1125.  
  1126. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  1127.  
  1128. {block:Quote}<div id="quote">{Quote}</div><br>{block:Source}<b><div style="font-family: courier new; font-size: 11px; text-align: center;">{Source}</div></b>{/block:Source}{/block:Quote}
  1129.  
  1130. {block:Audio}<left>{block:AlbumArt}<img src="{AlbumArtURL}" width="60px" height="60px" align="left" style="margin-right:10px" />{/block:AlbumArt}<span class="audio">{AudioPlayerWhite}</left></span>
  1131. {block:TrackName}<b>Title:</b> {TrackName}<br />{/block:TrackName}
  1132. {block:Artist}<b>Artist:</b> {Artist}<br />{/block:Artist}
  1133. {/block:ExternalAudio}<br><br>
  1134. {block:Caption}{Caption}{/block:Caption}{/block:Audio}<br>
  1135.  
  1136. {block:Video}<center><div class="media">{Video-500}</div></center>
  1137. {block:Caption}{Caption}{/block:Caption}
  1138. {/block:Video}
  1139.  
  1140. {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}<font size="2">{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br><br>{/block:Lines}</font>{/block:Chat}
  1141.  
  1142. {block:Answer}<div id="ask"><div id="asker"></div><div id="askurl">{Asker}:</div>
  1143. <div id="question">{Question}</div></div>{Answer}{/block:Answer}
  1144.  
  1145.  
  1146.  
  1147.  
  1148. <center><div id="{ShortURL}-hide">
  1149. {block:Date}
  1150. <div id="permalink">
  1151. <a href="{Permalink}" title=" {ShortMonth} {DayOfMonthWithZero} - {TimeAgo} "> <big>●</big>&nbsp;&nbsp; </a>{/block:Date}
  1152.  
  1153. <a href="{Permalink}" title=" {NoteCount} notes "> <big>●</big>&nbsp;&nbsp; </a>
  1154.  
  1155. {block:RebloggedFrom}
  1156. <a href="{ReblogParentURL}" title=" via. {ReblogParentName} "> <big>●</big>&nbsp;&nbsp; </a>
  1157. {/block:RebloggedFrom}
  1158.  
  1159. {block:ContentSource}
  1160. <a href="{SourceURL}" title=" source. {SourceTitle} "> <big>●</big>&nbsp;&nbsp; </a>
  1161. {/block:ContentSource}
  1162.  
  1163. <a href="{ReblogURL}" title="reblog"> <big>●</big> </a>
  1164.  
  1165. </div>
  1166. {block:HasTags}<div class="tags">{block:Tags} &nbsp;•&nbsp; <a href="{TagUrl}"> {Tag}</a>{/block:Tags}</div>{/block:HasTags}
  1167. </div>
  1168.  
  1169.  
  1170. </div>
  1171.  
  1172. {block:PostNotes}
  1173. <div class="note">
  1174. {PostNotes}
  1175. </div>
  1176. {/block:PostNotes}</center>
  1177.  
  1178. {/block:Posts}
  1179.  
  1180. </div>
  1181.  
  1182.  
  1183.  
  1184. {block:ContentSource}
  1185. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  1186. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  1187. {/block:SourceLogo}
  1188. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  1189. {/block:ContentSource}
  1190. </div>
  1191.  
  1192. </div>
  1193.  
  1194. </body>
  1195.  
  1196.  
  1197.  
  1198.  
  1199. <div id="bite">
  1200. <div id="thekey"></div>
  1201. <div class="death">
  1202. <div id="actualnews">
  1203.  
  1204. <center>
  1205.  
  1206. <div style="width:auto;height:350px;overflow-y:scroll;overflow-x:hidden;padding:5px;">
  1207.  
  1208. <h3>
  1209. "resigned"
  1210. </h3>
  1211. <br>
  1212.  
  1213. independent && selective hilda of tloz: albw
  1214. <br>written by rosie
  1215. <p>please read ALL pages before interacting
  1216. <br>
  1217. <br>
  1218.  
  1219. <h3>
  1220. "to"
  1221. </h3>
  1222. <br>
  1223. <br>
  1224.  
  1225. <p>sideblog to <a href="http://silentwilds.tumblr.com/">@silentwilds</a>
  1226. <p>tracking the url <a href="http://www.tumblr.com/tagged/sysyphia">@sysyphia</a>
  1227. <p>theme art credit goes to <a href="http://voiceofnature.tumblr.com/post/172039555921/noa89-hilda-is-completeeee-this-will-be">@voiceofnature</a>
  1228. <br>
  1229. <br>
  1230.  
  1231.  
  1232. <h3>
  1233. "destruction"
  1234. </h3>
  1235.  
  1236.  
  1237.  
  1238.  
  1239.  
  1240. </center>
  1241.  
  1242.  
  1243. </div>
  1244. </div></div>
  1245.  
  1246.  
  1247.  
  1248.  
  1249.  
  1250. </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!