API tools faq
paste
Advertisement
Daichi-Sama

dxmonicmoon theme

Daichi-Sama
Oct 26th, 2019
143
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 21.25 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="https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  32.  
  33. <script src="https://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="https://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="https://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:#000 url('https://i.imgur.com/vQA5Y3K.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:#eee;
  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: #6d0000; }
  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:#bd3d00;
  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:#c08d03;
  191. font-size:10px;
  192. letter-spacing:1px;
  193. text-transform:lowercase;
  194. font-family: georgia;
  195. text-shadow:0 0 4px #000; }
  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:#eee;
  208. text-shadow:0 0 2px #222;
  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 #222;
  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('');
  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. opacity:1;
  251. -webkit-transition: all 0.9s ease-out;
  252. -moz-transition: all 0.9s ease-out;
  253. transition: all 0.9s ease-out; }
  254.  
  255. #entries:hover {
  256. opacity:1;
  257. -webkit-transition: all 0.9s ease-out;
  258. -moz-transition: all 0.9s ease-out;
  259. transition: all 0.9s ease-out; }
  260.  
  261.  
  262. .post {
  263. width:304px;
  264. position:relative;
  265. word-wrap:break-word;
  266. margin-top:0px;
  267. margin-bottom:50px;
  268. padding-left:12px;
  269. padding-right:12px; }
  270.  
  271. .post img {
  272. max-width:100%; }
  273.  
  274. .textpost a {
  275. font-family:times;
  276. text-decoration: none;
  277. color: #6d0000;
  278. font-size:9px;
  279. letter-spacing:1px; }
  280.  
  281. .title {
  282. display:block;
  283. letter-spacing:2px;
  284. word-spacing:3px;
  285. display:block;
  286. text-align:center;
  287. text-transform:uppercase;
  288. font:8px avant;
  289. margin-bottom:10px; }
  290.  
  291. .photopost{
  292. max-width:400px; }
  293.  
  294. img {
  295. -webkit-filter:grayscale(100%);
  296. -webkit-transition: all 0.9s ease-in-out;
  297. -moz-transition: all 0.9s ease-in-out;
  298. -o-transition: all 0.9s ease-in-out;
  299. -ms-transition: all 0.9s ease-in-out;
  300. transition: all 0.9s ease-in-out;}
  301.  
  302. .html_photoset {
  303. -webkit-filter: grayscale(100%);
  304. -webkit-transition: all 0.9s ease-in-out;
  305. -moz-transition: all 0.9s ease-in-out;
  306. -o-transition: all 0.9s ease-in-out;
  307. -ms-transition: all 0.9s ease-in-out;
  308. transition: all 0.9s ease-in-out;}
  309.  
  310. img:hover {
  311. -webkit-filter:none;}
  312.  
  313. .html_photoset:hover {
  314. -webkit-filter: none;}
  315.  
  316. /* QUOTE DESIGNS */
  317.  
  318. #quote{
  319. text-align:center;
  320. font:16px blanka;
  321. font-weight:700;
  322. color:#008081; }
  323.  
  324. #source {
  325. letter-spacing:2px;
  326. word-spacing:3px;
  327. display:block;
  328. text-align:center;
  329. text-transform:uppercase;
  330. font:8px avant;
  331. margin-bottom:10px; }
  332.  
  333. #source a {
  334. font-size:8px; }
  335.  
  336. #link {
  337. display:block;
  338. padding:10px;
  339. margin-top:5px;
  340. text-transform:uppercase;
  341. font:16px georgia;
  342. text-align:center; }
  343.  
  344.  
  345.  
  346. /* CHAT DESIGNS */
  347.  
  348. .chat li {
  349. list-style-type:none;
  350. margin-left:-40px;
  351. margin-top:4px;
  352. margin-bottom:2px;
  353. font:11px arial; }
  354.  
  355. .chat li::before {
  356. content: " » ";
  357. margin-right:10px;
  358. font-size:10px;
  359. }
  360.  
  361. /* ASK DESIGNS */
  362.  
  363. .asker {
  364. text-align:center;
  365. text-transform:uppercase;
  366. font-family:blanka;
  367. font-size:20px; }
  368.  
  369.  
  370. .question {
  371. margin-top:5px;
  372. text-align:justify;
  373. border-top: dashed 1px #444;
  374. border-bottom: dashed 1px #444;
  375. padding-top:5px;
  376. padding-bottom:5px;
  377. margin-left:10px; }
  378.  
  379.  
  380. /* PERMALINK DESIGNS */
  381.  
  382. .permalinks{
  383. background-image:url('https://i.imgur.com/m1NECnZ.png');
  384. background-repeat:repeat;
  385. background-attachment:fixed;
  386. margin-left:-2px;
  387. margin-top:-2px;
  388. width:280px;
  389. border: solid 1px #444;
  390. display:block;
  391. padding:5px;
  392. padding-left:10px;
  393. padding-right:10px;
  394. height:20px;
  395. text-align:left;
  396. color:#6d0000;
  397. text-transform:uppercase;
  398. font:14px blanka;
  399. line-height:130%;
  400. font-weight:700; }
  401.  
  402. .permalinks a {
  403. letter-spacing:2px;
  404. border:none;
  405. text-shadow:
  406. 1px 1px 1px #000,
  407. 1px -1px 1px #000,
  408. -1px 1px 1px #000,
  409. -1px -1px 1px #000;
  410. color:#6d0000; }
  411.  
  412. .permaline {
  413. margin-left:5px;
  414. width:298px;
  415. background:transparent;
  416. border: dashed 1px #444;
  417. display:block;
  418. padding:5px;
  419. height:28px;
  420. text-align:center;
  421. text-transform:uppercase;
  422. font:14px calibri;
  423. line-height:150%;
  424. font-weight:700; }
  425.  
  426. @font-face { font-family:"avant"; src: url('https://dl.dropboxusercontent.com/s/11icl382vxmy46n/avant_pixel.ttf?dl=1'); format(“truetype”);}
  427.  
  428.  
  429. .tags {
  430. text-align:center;
  431. margin-top:5px; }
  432.  
  433.  
  434. .tags a {
  435. font-family:avant;
  436. border:none;
  437. font-size:8px;
  438. letter-spacing:1px;
  439. display:inline;
  440. text-transform:uppercase; }
  441.  
  442.  
  443. /* PAGINATION DESIGNS */
  444.  
  445. #pagination {
  446. font-family:arial;
  447. font-size:24px;
  448. position:fixed;
  449. width:100px;
  450. left:50%;
  451. margin-left:-500px;
  452. margin-top:430px; }
  453.  
  454. #pagination2 {
  455. font-family:arial;
  456. font-size:24px;
  457. position:fixed;
  458. width:100px;
  459. left:50%;
  460. margin-left:-524px;
  461. margin-top:430px; }
  462.  
  463. #pagination2 a {
  464. color:#6d0000; }
  465.  
  466.  
  467. /* NOTES DESIGNS */
  468.  
  469. ol.notes{
  470. list-style-type:none !important;
  471. padding:8px; }
  472.  
  473. ol.notes li.note {
  474. top:0;
  475. padding-bottom:10px; }
  476.  
  477. .pnotes img.avatar {
  478. float:left;
  479. margin-right:10px; }
  480.  
  481. .pnotes a {
  482. font-family:consolas;
  483. text-transform:uppercase; }
  484.  
  485.  
  486. /* DESCRIPTION DESIGN */
  487.  
  488. .description {
  489. position:fixed;
  490. width:300px;
  491. left:50%;
  492. margin-left:120px;
  493. margin-top:740px;
  494. text-align:center;
  495. font-family:blanka;
  496. font-size:16px;
  497. letter-spacing:2px;
  498. word-spacing:4px;
  499. padding:5px;
  500. border-top:1px dashed #444; }
  501.  
  502.  
  503. /* POPUP DESIGNS */
  504.  
  505. .popup_block{
  506. display:none;
  507. position:fixed;
  508. left:50%;
  509. margin-left:-200px;
  510. margin-top:200px;
  511. width:330px;
  512. height:700px;
  513. padding:10px;
  514. z-index: 99999; }
  515.  
  516. *html #fade {position: absolute;}
  517. *html .popup_block {position: absolute;}
  518. #fade {
  519. display:none;
  520. position:fixed;
  521. left:0px;
  522. top:0px;
  523. width:100%;
  524. height:100%;
  525. z-index:9999;
  526. background:#000;
  527. opacity:0; }
  528.  
  529. .question_block{
  530. height:300px;
  531. display: none;
  532. float: left;
  533. position: fixed;
  534. top: 50%; left: 50%;
  535. z-index: 999999999999;
  536. }
  537.  
  538. img.btn_close {float: right;}
  539. #ask_form {height:250px;}
  540.  
  541.  
  542. /* TABS DESIGNS */
  543.  
  544. ul#tabs {
  545. width:50px;
  546. margin-top:585px;
  547. margin-left:90px;
  548. list-style-type: none;
  549. text-align:justify;
  550. font-size:11px;
  551. font-family: 'Karma', serif;
  552. letter-spacing:1px; }
  553.  
  554. ul#tabs li {
  555. width:50px;
  556. height:auto;
  557. display:inline-block;
  558. cursor: pointer;
  559. padding:5px 5px 5px;
  560. font-size:10px;
  561. letter-spacing:1px;
  562. text-transform:uppercase;
  563. text-align:center;
  564. line-height:200%;
  565. margin-bottom:5px;
  566. color:#fff;
  567. -webkit-transition: all 0.9s ease-out;
  568. -moz-transition: all 0.9s ease-out;
  569. transition: all 0.9s ease-out;
  570. text-shadow: 1px 1px 1px #000; }
  571.  
  572. ul#tabs li:hover {
  573. -webkit-transition: all 0.9s ease-out;
  574. -moz-transition: all 0.9s ease-out;
  575. transition: all 0.9s ease-out;
  576. color:#fff; }
  577.  
  578. ul#tabs li.active {
  579. color:#fff;
  580. display: inline-block;
  581. padding: 5px 5px 5px;
  582. font-size:9px;
  583. -webkit-transition: all 0.9s ease-out;
  584. -moz-transition: all 0.9s ease-out;
  585. transition: all 0.9s ease-out;
  586. text-transform:uppercase; }
  587.  
  588. ul#tab {
  589. list-style-type: none;
  590. margin: 0;
  591. padding: 0; }
  592.  
  593. ul#tab li {
  594. display: none; }
  595.  
  596. ul#tab li.active {
  597. display: block; }
  598.  
  599.  
  600. /* POPUP CONTENT DESIGN */
  601.  
  602. #tabcontent {
  603. background-image:url('https://i.imgur.com/p0qTjnB.png');
  604. background-repeat:repeat;
  605. width:323px;
  606. height:700px;
  607. margin-left:-217px;
  608. margin-top:-370px;
  609. position:fixed;
  610. overflow:auto;
  611. background-color:transparent;
  612. padding:10px; }
  613.  
  614.  
  615. /* DROP DOWN INFORMATIONS */
  616.  
  617. .links_list {
  618. margin:0px;
  619. padding:0px;
  620. width:100%; }
  621.  
  622. .links_head {
  623. height:auto;
  624. padding:5px;
  625. margin-bottom:15px;
  626. margin: 5px 0px 0px;
  627. letter-spacing: 1px;
  628. color:#eee;
  629. text-shadow: 0 0 4px #bbb;
  630. background: url('https://i.imgur.com/SFDgws4.png');
  631. background-repeat:repeat;
  632. background-attachment:fixed;
  633. border:1px dashed #fff;
  634. text-transform:uppercase;
  635. font-family:blanka;
  636. letter-spacing:2px;
  637. font-size:12px;
  638. text-align: center;
  639. width:auto; }
  640.  
  641. .links_body {
  642. padding:10px;
  643. text-align:justify;
  644. display:none; }
  645.  
  646.  
  647.  
  648. /* UPDATE TAB DESIGN */
  649.  
  650. #updates {
  651. font-size:9px;
  652. text-align:justify;
  653. height:13px;
  654. width:120px;
  655. padding:4px;
  656. top:220px;
  657. left:120px;
  658. z-index:10;
  659. position:fixed; }
  660.  
  661. #updatestitle {
  662. font-size:10px;
  663. text-transform:uppercase;
  664. text-align: center;
  665. font-family:arial;
  666. font-weight:bold;
  667. text-shadow: 0 0 7px #bbb;
  668. color:#eee; }
  669.  
  670.  
  671. /* LINKS DESIGNS */
  672.  
  673.  
  674. #link1 {
  675. position:fixed;
  676. top:400px;
  677. left:50%;
  678. margin-left:-535px;
  679. text-shadow:2px 1px 2px transparent;
  680. text-transform:uppercase;
  681. text-align:none;
  682. font-style:none;
  683. font-family:'Karma', serif;
  684. font-size:12px;
  685. border-bottom:none;
  686. line-height:0%;
  687. transform: rotate(0deg); }
  688.  
  689. #link1 a{
  690. margin-right:0px;
  691. color:#6d0000;
  692. border:none;
  693. font-size:42;
  694. text-shadow:2px 1px 2px transparent;
  695. -webkit-transition: all 0.9s ease-out;
  696. -moz-transition: all 0.9s ease-out;
  697. transition: all 0.9s ease-out; }
  698.  
  699. #link1 a:hover {
  700. color:#eee;
  701. text-shadow: #555 0 0 7px;
  702. -webkit-transition: all 0.9s ease-out;
  703. -moz-transition: all 0.9s ease-out;
  704. transition: all 0.9s ease-out; }
  705.  
  706.  
  707. #link2 {
  708. position:fixed;
  709. left:50%;
  710. top:400px;
  711. margin-left:-510px;
  712. text-shadow:2px 1px 2px transparent;
  713. text-transform:uppercase;
  714. text-align:none;
  715. font-style:none;
  716. font-family:'Karma', serif;
  717. font-size:12px;
  718. line-height:0%;
  719. transform: rotate(0deg); }
  720.  
  721. #link2 a{
  722. margin-right:0px;
  723. border:none;
  724. color:#6d0000;
  725. text-shadow:0px 0px 7px transparent;
  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. #link2 a:hover {
  731. color:#333;
  732. text-shadow: #555 0 0 4px;
  733. -webkit-transition: all 0.9s ease-out;
  734. -moz-transition: all 0.9s ease-out;
  735. transition: all 0.9s ease-out; }
  736.  
  737. #link3 {
  738. position:fixed;
  739. left:50%;
  740. top:400px;
  741. margin-left:-480px;
  742. text-transform:uppercase;
  743. text-align:none;
  744. font-style:none;
  745. font-family:'Karma', serif;
  746. font-size:12px;
  747. line-height:0%;
  748. -webkit-transition: all 0.9s ease-out;
  749. -moz-transition: all 0.9s ease-out;
  750. transition: all 0.9s ease-out;
  751. transform: rotate(0deg); }
  752.  
  753. #link3 a{
  754. margin-right:0px;
  755. color:#6d0000;
  756. border:none;
  757. text-shadow: 0 0 7px transparent;
  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. #link3 a:hover {
  763. color:#eee;
  764. text-shadow:0px 0px 7px #555;
  765. -webkit-transition: all 0.9s ease-out;
  766. -moz-transition: all 0.9s ease-out;
  767. transition: all 0.9s ease-out; }
  768.  
  769. #link4 {
  770. position:fixed;
  771. top:430px;
  772. left:50%;
  773. margin-left:-540px;
  774. text-shadow:2px 1px 2px transparent;
  775. text-transform:uppercase;
  776. text-align:none;
  777. font-style:none;
  778. font-family:'Karma', serif;
  779. font-size:12px;
  780. border-bottom:none;
  781. line-height:0%;
  782. transform: rotate(0deg); }
  783.  
  784. #link4 a{
  785. margin-right:0px;
  786. color:#6d0000;
  787. border:none;
  788. font-size:42;
  789. text-shadow:2px 1px 2px transparent;
  790. -webkit-transition: all 0.9s ease-out;
  791. -moz-transition: all 0.9s ease-out;
  792. transition: all 0.9s ease-out; }
  793.  
  794. #link4 a:hover {
  795. color:#eee;
  796. text-shadow: #555 0 0 7px;
  797. -webkit-transition: all 0.9s ease-out;
  798. -moz-transition: all 0.9s ease-out;
  799. transition: all 0.9s ease-out; }
  800.  
  801. #link5 {
  802. position:fixed;
  803. top:430px;
  804. left:50%;
  805. margin-left:-510px;
  806. text-shadow:2px 1px 2px transparent;
  807. text-transform:uppercase;
  808. text-align:none;
  809. font-style:none;
  810. font-family:'Karma', serif;
  811. font-size:12px;
  812. border-bottom:none;
  813. line-height:0%;
  814. transform: rotate(0deg); }
  815.  
  816. #link5 a{
  817. margin-right:0px;
  818. color:#6d0000;
  819. border:none;
  820. font-size:42;
  821. text-shadow:2px 1px 2px transparent;
  822. -webkit-transition: all 0.9s ease-out;
  823. -moz-transition: all 0.9s ease-out;
  824. transition: all 0.9s ease-out; }
  825.  
  826. #link5 a:hover {
  827. color:#eee;
  828. text-shadow: #555 0 0 7px;
  829. -webkit-transition: all 0.9s ease-out;
  830. -moz-transition: all 0.9s ease-out;
  831. transition: all 0.9s ease-out; }
  832.  
  833. #link6 {
  834. position:fixed;
  835. top:430px;
  836. left:50%;
  837. margin-left:-480px;
  838. text-shadow:2px 1px 2px transparent;
  839. text-transform:uppercase;
  840. text-align:none;
  841. font-style:none;
  842. font-family:'Karma', serif;
  843. font-size:12px;
  844. border-bottom:none;
  845. line-height:0%;
  846. transform: rotate(0deg); }
  847.  
  848. #link6 a{
  849. margin-right:0px;
  850. color:#6d0000;
  851. border:none;
  852. font-size:42;
  853. text-shadow:2px 1px 2px transparent;
  854. -webkit-transition: all 0.9s ease-out;
  855. -moz-transition: all 0.9s ease-out;
  856. transition: all 0.9s ease-out; }
  857.  
  858. #link6 a:hover {
  859. color:#eee;
  860. text-shadow: #555 0 0 7px;
  861. -webkit-transition: all 0.9s ease-out;
  862. -moz-transition: all 0.9s ease-out;
  863. transition: all 0.9s ease-out; }
  864.  
  865. </style>
  866. </head>
  867.  
  868. <!--- HERE STARTS YOUR HTML // EDIT YOUR CONTENT HERE --->
  869.  
  870. <body>
  871.  
  872.  
  873. <!-- UPDATE TAB CONTENT -->
  874.  
  875. <div id="updates">
  876. <div id="updatestitle">DEMONIC RONIN.</div>
  877.  
  878. <center>{description}</center>
  879.  
  880.  
  881. </div></div>
  882.  
  883.  
  884.  
  885.  
  886.  
  887. <!--- LINKS CONTENT --->
  888.  
  889.  
  890.  
  891. <div id="link1"><a href="/" title="refresh.">I️</a></div>
  892. <div id="link2"><a href="/ask" title="message.">II️</a></div>
  893. <div id="link3"><a href="/About" title="about.">III</a></div>
  894. <div id="link4"><a href="/Rules" title="rules.">IV</a></div>
  895. <div id="link5"><a href="/Verses" title="verses.">V</a></div>
  896. <div id="link6"><a href="/Bonds" title="bonds.">VI</a></div>
  897.  
  898.  
  899.  
  900. </div>
  901.  
  902.  
  903. <!--- POST CONTENTS --->
  904.  
  905. <div id="entries">
  906.  
  907. {block:Posts}
  908. <div class="post">
  909. {block:Text}
  910. {block:Title}
  911. <div class="title">{Title}</div>
  912. {/block:Title}
  913. <div class="textpost">
  914. {Body}</div>
  915. {/block:Text}
  916.  
  917.  
  918. {block:Photo}
  919. {linkopentag}
  920. <div class="photopost">
  921. <center>
  922. <img class="photo" src="{PhotoURL-HighRes}">
  923. </center></div>{linkclosetag}
  924. {block:Caption}
  925. <div class="textpost">
  926. {Caption}</div>
  927. {/block:Caption}
  928. {/block:Photo}
  929.  
  930.  
  931. {block:Photoset}
  932. <div class="photopost">{Photoset}</div>
  933. {block:Caption}
  934. <div class="textpost">
  935. <p>{Caption}</div>
  936. {/block:Caption}
  937. {/block:Photoset}
  938.  
  939.  
  940. {block:Answer}
  941. <div class="asker"> {asker} </div>
  942. <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>
  943. <div class="question"> {question} </div>
  944. <div class="textpost">
  945. {Answer}</div>
  946. {/block:Answer}
  947.  
  948.  
  949. {block:Quote}
  950. <div id="quote">{Quote}</div>
  951. {block:Source}
  952. <p>
  953. <div id="source">
  954. <font style="color:#eee;">—–</font> &nbsp; &nbsp;
  955. {Source}
  956. &nbsp; &nbsp; <font style="color:#eee;">—–</font>
  957. </div>
  958. {/block:Source}
  959. {/block:Quote}
  960.  
  961.  
  962. {block:Link}
  963. <a href="{URL}"><div id="link">{Name} →</div></a>
  964. {block:Description}
  965. <div class="textpost">
  966. {Description}</div>
  967. {/block:Description}
  968. {/block:Link}
  969.  
  970.  
  971. {block:Video}
  972. {Video}
  973. {block:Caption}
  974. <div class="textpost">
  975. {Caption}
  976. </div>
  977. {/block:Caption}
  978. {/block:Video}
  979.  
  980.  
  981. {block:Chat}
  982. {block:Title}
  983. <div class="title">{Title}</div>
  984. {/block:Title}
  985. <ul class="chat">
  986. {block:Lines}
  987. <li class="line_{Alt}"><span class="label">
  988. {block:Label}
  989. {Label}
  990. {/block:Label}</span>
  991. {Line}
  992. {/block:Lines}
  993. </li>
  994. </ul>
  995. {/block:Chat}
  996.  
  997. {block:Audio}
  998. {block:AudioEmbed}{AudioEmbed}{/block:AudioEmbed}
  999. {block:Caption}
  1000. <div class="textpost">
  1001. {Caption}</div>
  1002. {/block:Caption}
  1003. {/block:Audio}
  1004.  
  1005.  
  1006.  
  1007. <!--- PERMALINK CONTENT --->
  1008.  
  1009. {block:IndexPage}
  1010.  
  1011.  
  1012. <div class="permaline">
  1013. <div class="permalinks">
  1014. <a href="{Permalink}" title="{TimeAgo}">INFORMATION</a>
  1015. <div style="text-align:right; margin-top:-22px; font-size:16px;">
  1016. <a href="{Permalink}" title="{NoteCountwithLabel}"> ♥ </a>
  1017. <a href="{ReblogURL}" title="Spread."> ↺ </a>
  1018. </div></div></div>
  1019.  
  1020.  
  1021. {block:HasTags}
  1022. <div class="tags">
  1023. {block:Tags}<a href="{TagURL}">#{Tag}</a>
  1024. {/block:Tags}</div>
  1025. {/block:HasTags}
  1026.  
  1027. {/block:IndexPage}
  1028.  
  1029. {block:PermalinkPage}
  1030. {block:Date}<div class="pinfoperma">Posted on {MonthNumber}/{DayOfMonth} at {24HourWithZero}:{Minutes} with {NoteCountWithLabel}</div>{/block:Date}
  1031.  
  1032. {block:PostNotes}
  1033. <div class="pnotes">
  1034. <ol class="notes">{PostNotes}</ol>
  1035. </div>
  1036. {/block:PostNotes}
  1037. {/block:PermalinkPage}
  1038.  
  1039. </div>
  1040. {/block:Posts}
  1041.  
  1042. {block:ContentSource}
  1043. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  1044. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  1045. {/block:SourceLogo}
  1046. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  1047. {/block:ContentSource}
  1048.  
  1049.  
  1050. <!-- {block:NoRebloggedFrom}
  1051. {block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}
  1052. {/block:NoRebloggedFrom} -->
  1053.  
  1054. </div>
  1055.  
  1056.  
  1057. <a href="https://kicksnames.tumblr.com" title="Theme by Billie." style="position:fixed; right:10px; bottom:10px; font-size:18px;"> © </a>
  1058.  
  1059.  
  1060. <!--- PAGINATION CONTENT --->
  1061. {block:Pagination}
  1062. <div id="pagination2">
  1063. {block:PreviousPage}
  1064. <a href="{PreviousPage}" title="Raise."> « </a>
  1065. {/block:PreviousPage} </div>
  1066.  
  1067.  
  1068. <div id="pagination">
  1069. {block:NextPage}
  1070. <a href="{NextPage}" title="Fall."> » </a>
  1071. {/block:NextPage} </div>
  1072. {/block:Pagination}
  1073.  
  1074.  
  1075.  
  1076. </body>
  1077. </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!