API tools faq
paste
Advertisement
voicelessthemes

Theme #1

voicelessthemes
Mar 21st, 2017
140
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 28.68 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4.  
  5. <!---THEME #1 BY VOICELESSTHEMES
  6. DO NOT CLAIM AS YOUR OWN OR STEAL PARTS OF MY CODE
  7. LEAVE CREDIT INTACT--->
  8.  
  9. <title>{Title}</title>
  10. <link rel="shortcut icon" href="{Favicon}">
  11. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  12. {block:Description}
  13.     <meta name="description" content="{MetaDescription}" />
  14. {/block:Description}
  15.  
  16. <!--CUSTOMIZATION OPTIONS-->
  17.  
  18. <!--BOOLEANS-->
  19. <meta name="if:GradientBG" content="0" />
  20. <meta name="if:FullPageBGImage" content="0" />
  21. <meta name="if:EverythingLowercase" content="0" />
  22. <meta name="if:RainbowHoverLinks" content="0" />
  23. <meta name="if:IconInHeader" content="1" />
  24. <meta name="if:RoundIcon" content="0" />
  25. <meta name="if:Subtitle" content="0" />
  26. <meta name="if:PopupAskBox" content="0" />
  27. <meta name="if:ExtraLinks" content="0" />
  28. <meta name="if:CustomCursor" content="0" />
  29. <meta name="if:RainbowMouseSparkles" content="0" />
  30.  
  31. <!--COLORS-->
  32. <meta name="color:Gradient 1" content="#ffb5c0" />
  33. <meta name="color:Gradient 2" content="#cab5ff" />
  34. <meta name="color:Page BG" content="#ffb5c0" />
  35. <meta name="color:Text" content="#818181" />
  36. <meta name="color:Bold Text" content="#818181" />
  37. <meta name="color:Italic Text" content="#818181" />
  38. <meta name="color:Bold Italic Text" content="#818181" />
  39. <meta name="color:Links" content="#000" />
  40. <meta name="color:Links Hover" content="#ffb5c0" />
  41. <meta name="color:Scrollbar" content="#000" />
  42. <meta name="color:Blockquote" content="#818181" />
  43. <meta name="color:Blog Title" content="#000" />
  44. <meta name="color:Subtitle" content="#000" />
  45. <meta name="color:Header Link" content="#000" />
  46. <meta name="color:Borders" content="#000" />
  47. <meta name="color:Sidebar" content="#fff" />
  48. <meta name="color:Pagination Links" content="#000" />
  49. <meta name="color:Pagination Current" content="#cab5ff" />
  50. <meta name="color:Post BG" content="#fff" />
  51. <meta name="color:Post Info" content="#eee" />
  52. <meta name="color:Post Title" content="#000" />
  53. <meta name="color:Quote" content="#000" />
  54. <meta name="color:Odd Chat" content="#818181" />
  55. <meta name="color:Even Chat" content="#000" />
  56. <meta name="color:Question" content="#000" />
  57. <meta name="color:Question Text" content="#fff" />
  58.  
  59. <!--LINKS-->
  60. <meta name="if:Link1" content="0" />
  61. <meta name="if:Link2" content="0" />
  62. <meta name="if:Link3" content="0" />
  63. <meta name="if:Link4" content="0" />
  64. <meta name="if:Link5" content="0" />
  65. <meta name="text:Link 1 URL" content="" />
  66. <meta name="text:Link 1 Label" content="" />
  67. <meta name="text:Link 2 URL" content="" />
  68. <meta name="text:Link 2 Label" content="" />
  69. <meta name="text:Link 3 URL" content="" />
  70. <meta name="text:Link 3 Label" content="" />
  71. <meta name="text:Link 4 URL" content="" />
  72. <meta name="text:Link 4 Label" content="" />
  73. <meta name="text:Link 5 URL" content="" />
  74. <meta name="text:Link 5 Label" content="" />
  75.  
  76. <!--IMAGES-->
  77. <meta name="image:Page BG" content="" />
  78. <meta name="image:Header Image" content="" />
  79. <meta name="image:Sidebar 1" content="" />
  80. <meta name="image:Sidebar 2" content="" />
  81.  
  82. <!--TEXT-->
  83. <meta name="text:Subtitle" content="" />
  84.  
  85. <!--END CUSTOMIZATION OPTIONS-->
  86.  
  87. <!--EXTERNAL SCRIPTS-->
  88.  
  89. <!--JQUERY-->
  90. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  91.  
  92. <!--PIXEL UNION PHOTOSETS-->
  93. <script src="https://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
  94.  
  95. <!--THEMEKID'S POPUPS-->
  96. <script type="text/javascript" src="http://static.tumblr.com/8pnyeus/10hors8sn/themekid-popup.min.js"></script>
  97.  
  98. <!--EXTERNAL STYLESHEETS-->
  99.  
  100. <!--GOOGLE FONTS-->
  101. <link href="https://fonts.googleapis.com/css?family=Jura" rel="stylesheet">
  102.  
  103. <!--SATURNTHEMES ICONS-->
  104. <link href="//dl.dropbox.com/s/50g6fbds3rh4m0j/saturnicons.css" rel="stylesheet">
  105.  
  106. <!--PIXEL UNION PHOTOSETS-->
  107. <link href="https://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
  108.  
  109.  
  110.  
  111. <style>
  112.  
  113. body {
  114.     {block:IfGradientBG}
  115.         background: linear-gradient({color:Gradient 1}, {color:Gradient 2});
  116.         background-size: cover;
  117.         background-attachment: fixed;
  118.     {/block:IfGradientBG}
  119.     {block:IfNotGradientBG}
  120.         background-color: {color:Page BG};
  121.         background-image: url({image:Page BG});
  122.         background-attachment: fixed;
  123.         background-position: center;
  124.         {block:IfFullPageBGImage}
  125.         background-size: cover;
  126.         {/block:IfFullPageBGImage}
  127.     {/block:IfNotGradientBG}
  128.     color: {color:Text};
  129.     font-family: 'Jura', sans-serif;
  130.     {block:IfEverythingLowercase}
  131.         text-transform: lowercase;
  132.     {/block:IfEverythingLowercase}
  133.     overflow-x: hidden;
  134. }
  135.  
  136. b, strong {
  137.     color: {color:Bold Text};
  138. }
  139.  
  140. i, em {
  141.     color: {color:Italic Text};
  142. }
  143.  
  144. b i, i b, strong i, i strong, em b, b em, em strong, strong em {
  145.     color: {color:Bold Italic Text};
  146. }
  147.  
  148. a {
  149.     color: {color:Links};
  150.     text-decoration: none;
  151.     transition: all 0.6s ease-in-out;
  152. }
  153.  
  154. a:hover {
  155.     {block:IfNotRainbowHoverLinks}
  156.         color: {color:Links Hover};
  157.     {/block:IfNotRainbowHoverLinks}
  158.     text-decoration: line-through;
  159.     font-weight: 800;
  160.     transition: all 0.6s ease-in-out;
  161. }
  162.  
  163.  
  164. ::-webkit-scrollbar {
  165.     width:3px;
  166.     height:3px;
  167.     background: transparent;
  168. }
  169.  
  170. ::-webkit-scrollbar-track {
  171.     width: 3px;
  172.     height: 3px;
  173.     background: transparent;
  174. }
  175.  
  176. ::-webkit-scrollbar-thumb {
  177.     background-color: {color:Scrollbar};
  178. }
  179.  
  180. blockquote {
  181.     padding: 0px 0px 0px 5px;
  182.     margin: 0px 0px 0px 3px;
  183.     border-left: solid 1px {color:Blockquote};
  184. }
  185.  
  186. #header {
  187.     width: 100%;
  188.     margin: 0px 0px 15px 0px;
  189.     height: auto;
  190. }
  191.  
  192. #header img {
  193.     width: 130px;
  194.     height: auto;
  195.     display: block;
  196.     margin: 10px;
  197.     {block:IfIconInHeader}
  198.         {block:IfRoundIcon}
  199.             border-radius: 50%;
  200.             border: solid 2px {color:Borders};
  201.         {/block:IfRoundIcon}
  202.     {/block:IfIconInHeader}
  203. }
  204.  
  205. #header h1 {
  206.     font-size: 50px;
  207.     font-weight: 800;
  208.     margin: 0px;
  209.     padding: 5px;
  210.     line-height: 60px;
  211.     color: {color:Blog Title};
  212. }
  213.  
  214. {block:IfSubtitle}
  215.  
  216. #header h3 {
  217.     font-size: 24px;
  218.     font-weight: 600;
  219.     max-width: 800px;
  220.     color: {color:Subtitle};
  221. }
  222.  
  223. {/block:IfSubtitle}
  224.  
  225. #header .top-nav {
  226.     display: block;
  227. }
  228.  
  229. #header .top-nav a {
  230.     color: {color:Header Link};
  231.     border: solid 2px {color:Header Link};
  232.     border-radius: 50%;
  233.     padding: 10px;
  234.     font-size: 20px;
  235.     margin: 5px 15px;
  236.     transition: all 0.6s ease-in-out;
  237. }
  238.  
  239. #header .top-nav a:hover {
  240.     background: white;
  241.     transition: all 0.6s ease-in-out;
  242. }
  243.  
  244. #cont {
  245.     {block:IfExtraLinks}
  246.         width: 1062px;
  247.         left: calc(50% - 531px);
  248.     {/block:IfExtraLinks}
  249.     {block:IfNotExtraLinks}
  250.         width: 787px;
  251.         left: calc(50% - 393px);
  252.     {/block:IfNotExtraLinks}
  253.     margin-top: 10px;
  254.     padding-top: 15px;
  255.     position: absolute;
  256.     margin-bottom: 30px;
  257. }
  258.  
  259. #sidebar {
  260.     width: 250px;
  261.     float: left;
  262.     height: auto;
  263.     margin-right: 25px;
  264. }
  265.  
  266. #sidebar img {
  267.     width: 240px;
  268.     border: solid 1px {color:Borders};
  269.     height: auto;
  270.     margin: 5px;
  271. }
  272.  
  273. #sidebar .desc {
  274.     width: 200px;
  275.     padding: 5px;
  276.     border: solid 1px {color:Borders};
  277.     background-color: {color:Sidebar};
  278.     max-height: 140px;
  279.     overflow-y: scroll;
  280.     font-size: 12px;
  281.     margin: 10px 20px;
  282.     text-align: justify;
  283. }
  284.  
  285. #sidebar .desc p {
  286.     margin: 3px;
  287.     padding: 2px;
  288. }
  289.  
  290. #sidebar .pagi {
  291.     width: 100%;
  292.     margin: 15px 0px;
  293. }
  294.  
  295. #sidebar .pagi a, #sidebar .pagi .jump {
  296.     padding: 4px;
  297.     margin: 2px;
  298.     width: 16px;
  299.     height: 16px;
  300.     display: inline-block;
  301.     font-size: 14px;
  302.     border-radius: 50%;
  303. }
  304.  
  305. #sidebar .pagi a {
  306.     color: {color:Pagination Links};
  307.     border: solid 1px {color:Pagination Links};
  308. }
  309.  
  310. #sidebar .pagi {
  311.     color: {color:Pagination Links};
  312. }
  313.  
  314. #sidebar .pagi a:hover {
  315.     background: white;
  316.     text-decoration: none;
  317. }
  318.  
  319. #sidebar .pagi .jump {
  320.     color: {color:Pagination Current};
  321.     border: solid 1px {color:Pagination Current};
  322.     background: white;
  323. }
  324.  
  325. #content {
  326.     width: 462px;
  327.     max-height: 480px;
  328.     overflow-y: scroll;
  329.     float: left;
  330.     overflow-x: hidden;
  331.     margin: 0px 25px;
  332. }
  333.  
  334.  
  335. #content .post {
  336.     width: 400px;
  337.     padding: 10px;
  338.     background-color: {color:Post BG};
  339.     border: solid 1px {color:Borders};
  340.     margin: 20px;
  341. }
  342.  
  343. #content .post .post-info {
  344.     font-size: 13px;
  345.     background-color: {color:Post Info};
  346.     padding: 10px 15px;
  347.     text-align: right;
  348.     border-bottom: solid 1px {color:Borders};
  349.     margin: -10px -10px 10px;
  350. }
  351.  
  352. #content .post .post-info a {
  353.     color: black;
  354. }
  355.  
  356. #content .post .post-info a:hover {
  357.     color: {color:Links Hover};
  358. }
  359.  
  360. #content .post img {
  361.     width: 100%;
  362.     height: auto;
  363. }
  364.  
  365. #content .post .title {
  366.     font-size: 22px;
  367.     color: {color:Post Title};
  368. }
  369.  
  370. #content .post .text {
  371.     font-size: 12px;
  372.     text-align: justify;
  373. }
  374.  
  375. #content .post .quo-txt {
  376.     font-size: 18px;
  377.     color: {color:Quote};
  378.     text-align: justify;
  379. }
  380.  
  381. #content .post .quo-src {
  382.     font-size: 13px;
  383.     text-align: right;
  384.     margin-top: 5px;
  385. }
  386.  
  387. #content .post .cht-line {
  388.     font-size: 12px;
  389.     line-height: 18px;
  390. }
  391.  
  392. #content .post .cht-line:nth-child(odd) {
  393.     color: {color:Odd Chat};
  394. }
  395.  
  396. #content .post .cht-line:nth-child(even) {
  397.     color: {color:Even Chat};
  398. }
  399.  
  400. .tumblr_audio_player {
  401.     width: 400px;
  402. }
  403.  
  404. .spotify_audio_player {
  405.     height: 80px!important;
  406.     width: 400px;
  407. }
  408.  
  409. #content .post .question {
  410.     background: {color:Question};
  411.     color: {color:Question Text};
  412.     width: calc(100% - 50px);
  413.     margin: 10px 15px;
  414.     padding: 10px;
  415. }
  416.  
  417. #content .post .question a {
  418.     color: {color:Question Text};
  419. }
  420.  
  421. #content .post .answer {
  422.     color: {color:Question};
  423.     border: solid 1px {color:Question};
  424.     padding: 10px;
  425.     font-size: 12px;
  426.     margin: 10px 5px;
  427. }
  428.  
  429. #content .post .tags {
  430.     background-color: {color:Post Info};
  431.     padding: 5px;
  432.     margin: 10px -10px -10px -10px;
  433.     border-top: solid 1px {color:Borders};
  434.     font-size: 12px;
  435. }
  436.  
  437. {block:IfExtraLinks}
  438.  
  439. #linkbar {
  440.     width: 250px;
  441.     float: left;
  442.     margin-left: 25px;
  443. }
  444.  
  445. #linkbar img {
  446.     width: 240px;
  447.     border: solid 1px {color:Borders};
  448.     margin: 5px;
  449. }
  450.  
  451. #linkbar a {
  452.     display: block;
  453.     padding: 5px;
  454.     font-size: 13px;
  455.     background-color: {color:Links};
  456.     color: {color:Borders};
  457.     border-radius: 20px;
  458.     margin: 5px 50px;
  459.     text-align: center;
  460.     border: 1px solid {color:Borders};
  461. }
  462.  
  463. #linkbar a:hover {
  464.     background-color: {color:Links Hover};
  465.     text-decoration: none;
  466. }
  467.  
  468. {/block:IfExtraLinks}
  469.  
  470. #postnotes {
  471.     font-size: 14px;
  472.     line-height: 24px;
  473.     max-height: 350px;
  474.     text-align: center;
  475.     overflow-y: scroll;
  476. }
  477.  
  478. #postnotes ol.notes {
  479.     padding: 0px;
  480.     margin: 25px 0px;
  481.     list-style-type: none;
  482.     border-bottom: solid 1px {color:Text};
  483. }
  484.  
  485. #postnotes ol.notes li.note {
  486.     border-top: solid 1px {color:Text};
  487.     padding: 5px 0px 0px;
  488. }
  489.  
  490. #postnotes ol.notes li.note img.avatar {
  491.     display: none;
  492. }
  493.  
  494. #postnotes ol.notes li.note span.action {
  495.     font-weight: bold;
  496. }
  497.  
  498. #postnotes ol.notes li.note .answer_content {
  499.     font-weight: normal;
  500. }
  501.  
  502. #th-cred {
  503.     position: fixed;
  504.     bottom: 10px;
  505.     right: 15px;
  506.     color: black;
  507.     font-weight: 600;
  508.     font-size: 36px;
  509.     z-index: 99999999999999;
  510.     display: block;
  511. }
  512.  
  513. #th-cred:hover {
  514.     text-decoration: none;
  515.     color: white;
  516. }
  517.  
  518. .popup_block {
  519.     padding: 30px;
  520.     font-size: 12px;
  521.     background:#fff;
  522.     border: 1px solid #eaeaea;
  523.     /*don’t change anything below here*/
  524.     display: none;
  525.     position: fixed;
  526.     top: 50%; left: 50%;
  527.     z-index: 99999999;
  528.     max-height:70vh;
  529.     overflow:auto;
  530.     -webkit-animation: zoom 0.5s;
  531.     -moz-animation: zoom 0.5s;
  532.     -ms-animation: zoom 0.5s;
  533.     -o-animation: zoom 0.5s;
  534.     animation: zoom 0.5s;
  535. }
  536. *html .popup_block {
  537.     position: absolute;
  538. }
  539. @-webkit-keyframes zoom {0% {transform: scale(0);-webkit-transform: scale(0);}100% {transform: scale(1.0);-webkit-transform: scale(1.0);}}@-moz-keyframes zoom {0% {transform: scale(0);-moz-transform: scale(0);}100% {transform: scale(1.0);-moz-transform: scale(1.0);}}@keyframes zoom {0% {transform: scale(0);}100% {transform: scale(1.0);}}
  540.  
  541. #fade {
  542.     background: {color:Page BG}; /*change the colour of the fade layer*/
  543.     background-image: url(''); /*change the background if you want*/
  544.     opacity: .80; /*set the opacity*/
  545.     /*dont change below here*/
  546.     display: none;
  547.     position: fixed; left: 0; top: 0;
  548.     width: 100%; height: 100%;
  549.     z-index: 9999;
  550. }
  551. *html #fade {
  552.    position: absolute;
  553. }
  554.  
  555.  
  556. {CustomCSS}
  557.  
  558. {block:IfCustomCursor}
  559. html, body, a:hover{cursor: url("http://free-themes.info/cursor/mustache/mustache.png"), auto;}
  560. {/block:IfCustomCursor}
  561.  
  562.  
  563.  
  564.  
  565. </style>
  566.  
  567. </head>
  568. <body>
  569.  
  570. <div id="header" align="center">
  571.     {block:IfIconInHeader}<img src="{PortraitURL-128}" />{/block:IfIconInHeader}
  572.     {block:IfNotIconInHeader}<img src="{image:Header Image}" />{/block:IfNotIconInHeader}
  573.     <h1>{Title}</h1>
  574.     {block:IfSubtitle}<h3>{text:Subtitle}</h3>{/block:IfSubtitle}
  575.     <div class="top-nav">
  576.         <a href="/" title="refresh"><span class="sf sf-home-o"></span></a>
  577.         {block:IfNotPopupAskBox}<a href="/ask" title="message"><span class="sf sf-envelope-3-o"></span></a>{/block:IfNotPopupAskBox}
  578.         {block:IfPopupAskBox}<a href="#?w=500" rel="ask" class="poplight"><span class="sf sf-envelope-3-o"></span></a>{/block:IfPopupAskBox}
  579.         <a href="/archive" title="past"><span class="sf sf-calendar-o"></span></a>
  580.     </div>
  581. </div>
  582.  
  583. <div id="cont">
  584.  
  585. <div id="sidebar">
  586.     <img src="{image:Sidebar 1}" />
  587.     <div class="desc">{Description}</div>
  588.     {block:Pagination}<div class="pagi" align="center">{block:PreviousPage}
  589.         <a href="{PreviousPage}"><span class="sf sf-chevron-left"></span></a>
  590.     {/block:PreviousPage}{block:JumpPagination length="3"}{block:CurrentPage}
  591.             <span class="current_page" class="jump">{PageNumber}</span>
  592.         {/block:CurrentPage}{block:JumpPage}
  593.             <a class="jump_page" href="{URL}">{PageNumber}</a>
  594.         {/block:JumpPage}{/block:JumpPagination}{block:NextPage}
  595.         <a href="{NextPage}"><span class="sf sf-chevron-right"></span></a>
  596.     {/block:NextPage}</div>{/block:Pagination}
  597. </div>
  598.  
  599.  
  600. <div id="content">
  601.     {block:Posts}
  602.     <div class="post">
  603.    
  604.     {block:Text}
  605.         <div class="post-info">
  606.             <a href="{Permalink}"><span class="sf sf-pencil-o"></span>{PostID}</a>&#8193;<a href="{Permalink}#postnotes">+{NoteCount}</a>&#8193;<a href="{ReblogURL}" title="reblog"><span class="sf sf-reblog-o"></span></a>
  607.         </div>
  608.         {block:Title}<h4 class="title">{Title}</h4>{/block:Title}
  609.         <article class="text">{Body}</article>
  610.         {block:More}<a href="{Permalink}" align="center">read more</a>{/block:More}
  611.     {/block:Text}
  612.    
  613.     {block:Photo}
  614.         <div class="post-info">
  615.             <a href="{Permalink}"><span class="sf sf-picture-o"></span>{PostID}</a>&#8193;<a href="{Permalink}#postnotes">+{NoteCount}</a>&#8193;<a href="{ReblogURL}" title="reblog"><span class="sf sf-reblog-o"></span></a>
  616.         </div>
  617.         <img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" />
  618.         {block:Caption}<article class="text">{Caption}</article>{/block:Caption}
  619.     {/block:Photo}
  620.    
  621.     {block:Photoset}
  622.         <div class="post-info">
  623.             <a href="{Permalink}"><span class="sf sf-picture-o"></span>{PostID}</a>&#8193;<a href="{Permalink}#postnotes">+{NoteCount}</a>&#8193;<a href="{ReblogURL}" title="reblog"><span class="sf sf-reblog-o"></span></a>
  624.         </div>
  625.         <div class="photo-slideshow" id="photoset_{PostID}" data-layout="{PhotosetLayout}">{block:Photos}<div class="photo-data"><div class="pxu-photo"><img src="{PhotoURL-500}" width="{PhotoWidth-500}" height="{PhotoHeight-500}" data-highres="{PhotoURL-HighRes}" data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}"></div><a class="tumblr-box" rel="post-{PostID}" href="{PhotoURL-HighRes}"></a></div>{/block:Photos}</div>
  626.         {block:Caption}<article class="text">{Caption}</article>{/block:Caption}
  627.     {/block:Photoset}
  628.    
  629.     {block:Quote}
  630.         <div class="post-info">
  631.             <a href="{Permalink}"><span class="sf sf-chat-o"></span>{PostID}</a>&#8193;<a href="{Permalink}#postnotes">+{NoteCount}</a>&#8193;<a href="{ReblogURL}" title="reblog"><span class="sf sf-reblog-o"></span></a>
  632.         </div>
  633.         <div class="quo-txt"><span style="font-size:60px; height: 18px; margin-top: -15px; margin-right: -5px display: block; float: left;">&ldquo;</span>&emsp;{Quote}</div>
  634.         <div class="quo-src">{Source}</div>
  635.     {/block:Quote}
  636.    
  637.     {block:Link}
  638.         <div class="post-info">
  639.             <a href="{Permalink}"><span class="sf sf-link-1-o"></span>{PostID}</a>&#8193;<a href="{Permalink}#postnotes">+{NoteCount}</a>&#8193;<a href="{ReblogURL}" title="reblog"><span class="sf sf-reblog-o"></span></a>
  640.         </div>
  641.         <h4 class="title"><a href="{URL}">{Name}</a></h4>
  642.         {block:Description}<article class="text">{Description}</article>{/block:Description}
  643.     {/block:Link}
  644.    
  645.     {block:Chat}
  646.         <div class="post-info">
  647.             <a href="{Permalink}"><span class="sf sf-chat-bubbles-o"></span>{PostID}</a>&#8193;<a href="{Permalink}#postnotes">+{NoteCount}</a>&#8193;<a href="{ReblogURL}" title="reblog"><span class="sf sf-reblog-o"></span></a>
  648.         </div>
  649.         {block:Title}<h4 class="title">{Title}</h4>{/block:Title}
  650.         {block:Lines}<article class="cht-line">{block:Label}<strong>{Label} </strong>{/block:Label}{Line}</article>{/block:Lines}
  651.     {/block:Chat}
  652.    
  653.     {block:Audio}
  654.         <div class="post-info">
  655.             <a href="{Permalink}"><span class="sf sf-music-note-o"></span>{PostID}</a>&#8193;<a href="{Permalink}#postnotes">+{NoteCount}</a>&#8193;<a href="{ReblogURL}" title="reblog"><span class="sf sf-reblog-o"></span></a>
  656.         </div>
  657.         {block:AudioEmbed}{AudioEmbed}{/block:AudioEmbed}
  658.         {block:Caption}<article class="text">{Caption}</article>{/block:Caption}
  659.     {/block:Audio}
  660.    
  661.     {block:Video}
  662.         <div class="post-info">
  663.             <a href="{Permalink}"><span class="sf sf-film-o"></span>{PostID}</a>&#8193;<a href="{Permalink}#postnotes">+{NoteCount}</a>&#8193;<a href="{ReblogURL}" title="reblog" title="reblog"><span class="sf sf-reblog-o"></span></a>
  664.         </div>
  665.         {Video-400}
  666.         {block:Caption}<article class="text">{Caption}</article>{/block:Caption}
  667.     {/block:Video}
  668.    
  669.     {block:Answer}
  670.         <div class="post-info">
  671.             <a href="{Permalink}"><span class="sf sf-envelope-2-o"></span>{PostID}</a>&#8193;<a href="{Permalink}#postnotes">+{NoteCount}</a>&#8193;<a href="{ReblogURL}" title="reblog" title="reblog"><span class="sf sf-reblog-o"></span></a>
  672.         </div>
  673.         <div class="question" align="right"><p>{Question}</p><p>~{Asker}</p></div>
  674.         {block:Answerer}
  675.             <div class="answer"><p><strong>{Answerer} replied:</strong></p><p>{Answer}</p></div>
  676.         {/block:Answerer}
  677.         {block:NotReblog}<div class="answer">{Answer}</div>{/block:NotReblog}
  678.         {block:RebloggedFrom}<div class="text">{Replies}</div>{/block:RebloggedFrom}
  679.     {/block:Answer}
  680.    
  681.     {block:HasTags}<div class="tags">
  682.         {block:Tags}<a href="{TagURL}">#{Tag}</a>&#8195;{/block:Tags}
  683.     </div>{/block:HasTags}
  684.    
  685.     </div>
  686.    
  687.     {block:PermalinkPage}
  688.         {block:PostNotes}
  689.         <div class="post" id="postnotes">
  690.             {PostNotes}
  691.         </div>
  692.         {/block:PostNotes}
  693.     {/block:PermalinkPage}
  694.    
  695.     {/block:Posts}
  696. </div>
  697.  
  698. {block:IfExtraLinks}
  699. <div id="linkbar">
  700.     <img src="{image:Sidebar 2}" />
  701.     <div class="links">
  702.         {block:HasPages}{block:Pages}<a href="{URL}">{Label}</a>{/block:Pages}{/block:HasPages}
  703.         {block:IfLink1}<a href="{text:Link 1 URL}">{text:Link 1 Label}</a>{/block:IfLink1}
  704.         {block:IfLink2}<a href="{text:Link 2 URL}">{text:Link 2 Label}</a>{/block:IfLink2}
  705.         {block:IfLink3}<a href="{text:Link 3 URL}">{text:Link 3 Label}</a>{/block:IfLink3}
  706.         {block:IfLink4}<a href="{text:Link 4 URL}">{text:Link 4 Label}</a>{/block:IfLink4}
  707.         {block:IfLink5}<a href="{text:Link 5 URL}">{text:Link 5 Label}</a>{/block:IfLink5}
  708.     </div>
  709. </div>
  710. {/block:IfExtraLinks}
  711.  
  712.  
  713. <a href="http://voicelessthemes.tumblr.com" id="th-cred">&#169;</a>
  714.  
  715. </div>
  716.  
  717.  
  718.  
  719.  
  720. <script>
  721. $(document).ready(function(){
  722.    $('.photo-slideshow').pxuPhotoset({
  723.        lightbox: true,
  724.        rounded: false,
  725.        gutter: '10px',
  726.        borderRadius: '0px',
  727.        photoset: '.photo-slideshow',
  728.        photoWrap: '.photo-data',
  729.        photo: '.pxu-photo'
  730.    });
  731. });
  732. </script>
  733.  
  734.  
  735. {block:IfRainbowMouseSparkles}
  736. <script>
  737. var colour="random"; // in addition to "random" can be set to any valid colour eg "#f0f" or "red"
  738. var sparkles=50;
  739.  
  740.  
  741.  
  742. /****************************
  743. * Tinkerbell Magic Sparkle *
  744. *(c)2005-11 mf2fm web-design*
  745. * http://www.mf2fm.com/rv *
  746. * DON'T EDIT BELOW THIS BOX *
  747. ****************************/
  748.  
  749. var x=ox=400;
  750. var y=oy=300;
  751. var swide=800;
  752. var shigh=600;
  753. var sleft=sdown=0;
  754. var tiny=new Array();
  755. var star=new Array();
  756. var starv=new Array();
  757. var starx=new Array();
  758. var stary=new Array();
  759. var tinyx=new Array();
  760. var tinyy=new Array();
  761. var tinyv=new Array();
  762.  
  763. window.onload=function() { if (document.getElementById) {
  764. var i, rats, rlef, rdow;
  765. for (var i=0; i<sparkles; i++) {
  766. var rats=createDiv(3, 3);
  767. rats.style.visibility="hidden";
  768. document.body.appendChild(tiny[i]=rats);
  769. starv[i]=0;
  770. tinyv[i]=0;
  771. var rats=createDiv(5, 5);
  772. rats.style.backgroundColor="transparent";
  773. rats.style.visibility="hidden";
  774. var rlef=createDiv(1, 5);
  775. var rdow=createDiv(5, 1);
  776. rats.appendChild(rlef);
  777. rats.appendChild(rdow);
  778. rlef.style.top="2px";
  779. rlef.style.left="0px";
  780. rdow.style.top="0px";
  781. rdow.style.left="2px";
  782. document.body.appendChild(star[i]=rats);
  783. }
  784.  
  785. set_width();
  786. sparkle();
  787. }}
  788.  
  789. function sparkle() {
  790. var c;
  791. if (x!=ox || y!=oy) {
  792. ox=x;
  793. oy=y;
  794. for (c=0; c<sparkles; c++) if (!starv[c]) {
  795. star[c].style.left=(starx[c]=x)+"px";
  796. star[c].style.top=(stary[c]=y)+"px";
  797. star[c].style.clip="rect(0px, 5px, 5px, 0px)";
  798. star[c].childNodes[0].style.backgroundColor=star[c].childNodes[1].style.backgroundColor=(colour=="random")?newColour():colour;
  799.  
  800. star[c].style.visibility="visible";
  801. starv[c]=50;
  802. break;
  803. }
  804. }
  805. for (c=0; c<sparkles; c++) {
  806. if (starv[c]) update_star(c);
  807. if (tinyv[c]) update_tiny(c);
  808. }
  809. setTimeout("sparkle()", 40);
  810. }
  811.  
  812.  
  813.  
  814. function update_star(i) {
  815. if (--starv[i]==25) star[i].style.clip="rect(1px, 4px, 4px, 1px)";
  816. if (starv[i]) {
  817. stary[i]+=1+Math.random()*3;
  818. if (stary[i]<shigh+sdown && starx[i]>0) {
  819. star[i].style.top=stary[i]+"px";
  820. starx[i]+=(i%5-2)/5;
  821. star[i].style.left=starx[i]+"px";
  822. }
  823. else {
  824. star[i].style.visibility="hidden";
  825. starv[i]=0;
  826. return;
  827. }
  828. }
  829.  
  830. else {
  831. tinyv[i]=50;
  832. tiny[i].style.top=(tinyy[i]=stary[i])+"px";
  833. tiny[i].style.left=(tinyx[i]=starx[i])+"px";
  834. tiny[i].style.width="2px";
  835. tiny[i].style.height="2px";
  836. tiny[i].style.backgroundColor=star[i].childNodes[0].style.backgroundColor;
  837. star[i].style.visibility="hidden";
  838. tiny[i].style.visibility="visible"
  839. }
  840. }
  841.  
  842. function update_tiny(i) {
  843. if (--tinyv[i]==25) {
  844. tiny[i].style.width="1px";
  845. tiny[i].style.height="1px";
  846. }
  847.  
  848. if (tinyv[i]) {
  849. tinyy[i]+=1+Math.random()*3;
  850. if (tinyy[i]<shigh+sdown && tinyx[i]>0) {
  851. tiny[i].style.top=tinyy[i]+"px";
  852. tinyx[i]+=(i%5-2)/5;
  853. tiny[i].style.left=tinyx[i]+"px";
  854. }
  855.  
  856. else {
  857. tiny[i].style.visibility="hidden";
  858. tinyv[i]=0;
  859. return;
  860. }
  861. }
  862. else tiny[i].style.visibility="hidden";
  863. }
  864.  
  865. document.onmousemove=mouse;
  866. function mouse(e) {
  867. set_scroll();
  868. y=(e)?e.pageY:event.y+sdown;
  869. x=(e)?e.pageX:event.x+sleft;
  870. }
  871.  
  872. function set_scroll() {
  873. if (typeof(self.pageYOffset)=="number") {
  874. sdown=self.pageYOffset;
  875. sleft=self.pageXOffset;
  876. }
  877. else if (document.body.scrollTop || document.body.scrollLeft) {
  878. sdown=document.body.scrollTop;
  879. sleft=document.body.scrollLeft;
  880. }
  881. else if (document.documentElement && (document.documentElement.scrollTop || document.documentElement.scrollLeft)) {
  882. sleft=document.documentElement.scrollLeft;
  883. sdown=document.documentElement.scrollTop;
  884. }
  885. else {
  886. sdown=0;
  887. sleft=0;
  888. }
  889. }
  890.  
  891. window.onresize=set_width;
  892. function set_width() {
  893. if (typeof(self.innerWidth)=="number") {
  894. swide=self.innerWidth;
  895. shigh=self.innerHeight;
  896. }
  897.  
  898. else if (document.documentElement && document.documentElement.clientWidth) {
  899. swide=document.documentElement.clientWidth;
  900. shigh=document.documentElement.clientHeight;
  901. }
  902.  
  903. else if (document.body.clientWidth) {
  904. swide=document.body.clientWidth;
  905. shigh=document.body.clientHeight;
  906. }
  907. }
  908.  
  909. function createDiv(height, width) {
  910. var div=document.createElement("div");
  911. div.style.position="absolute";
  912. div.style.height=height+"px";
  913. div.style.width=width+"px";
  914. div.style.overflow="hidden";
  915. return (div);
  916. }
  917.  
  918. function newColour() {
  919. var c=new Array();
  920. c[0]=255;
  921. c[1]=Math.floor(Math.random()*256);
  922. c[2]=Math.floor(Math.random()*(256-c[1]/2));
  923. c.sort(function(){return (0.5 - Math.random());});
  924. return ("rgb("+c[0]+", "+c[1]+", "+c[2]+")");
  925. }
  926.  
  927. // ]]>
  928. </script>
  929. {/block:IfRainbowMouseSparkles}
  930.  
  931.  
  932.  
  933. {block:IfRainbowHoverLinks}
  934. <script type='text/javascript'>
  935. //<![CDATA[
  936. var rate = 50;
  937. if (document.getElementById)
  938. window.onerror=new Function("return true")
  939.  
  940. var objActive; // The object which event occured in
  941. var act = 0; // Flag during the action
  942. var elmH = 0; // Hue
  943. var elmS = 128; // Saturation
  944. var elmV = 255; // Value
  945. var clrOrg; // A color before the change
  946. var TimerID; // Timer ID
  947. if (document.all) {
  948. document.onmouseover = doRainbowAnchor;
  949. document.onmouseout = stopRainbowAnchor;
  950. }
  951. else if (document.getElementById) {
  952. document.captureEvents(Event.MOUSEOVER | Event.MOUSEOUT);
  953. document.onmouseover = Mozilla_doRainbowAnchor;
  954. document.onmouseout = Mozilla_stopRainbowAnchor;
  955. }
  956. function doRainbow(obj)
  957. {
  958. if (act == 0) {
  959. act = 1;
  960. if (obj)
  961. objActive = obj;
  962. else
  963. objActive = event.srcElement;
  964. clrOrg = objActive.style.color;
  965. TimerID = setInterval("ChangeColor()",100);
  966. }
  967. }
  968. function stopRainbow()
  969. {
  970. if (act) {
  971. objActive.style.color = clrOrg;
  972. clearInterval(TimerID);
  973. act = 0;
  974. }
  975. }
  976. function doRainbowAnchor()
  977. {
  978. if (act == 0) {
  979. var obj = event.srcElement;
  980. while (obj.tagName != 'A' && obj.tagName != 'BODY') {
  981. obj = obj.parentElement;
  982. if (obj.tagName == 'A' || obj.tagName == 'BODY')
  983. break;
  984. }
  985. if (obj.tagName == 'A' && obj.href != '') {
  986. objActive = obj;
  987. act = 1;
  988. clrOrg = objActive.style.color;
  989. TimerID = setInterval("ChangeColor()",100);
  990. }
  991. }
  992. }
  993. function stopRainbowAnchor()
  994. {
  995. if (act) {
  996. if (objActive.tagName == 'A') {
  997. objActive.style.color = clrOrg;
  998. clearInterval(TimerID);
  999. act = 0;
  1000. }
  1001. }
  1002. }
  1003. function Mozilla_doRainbowAnchor(e)
  1004. {
  1005. if (act == 0) {
  1006. obj = e.target;
  1007. while (obj.nodeName != 'A' && obj.nodeName != 'BODY') {
  1008. obj = obj.parentNode;
  1009. if (obj.nodeName == 'A' || obj.nodeName == 'BODY')
  1010. break;
  1011. }
  1012. if (obj.nodeName == 'A' && obj.href != '') {
  1013. objActive = obj;
  1014. act = 1;
  1015. clrOrg = obj.style.color;
  1016. TimerID = setInterval("ChangeColor()",100);
  1017. }
  1018. }
  1019. }
  1020. function Mozilla_stopRainbowAnchor(e)
  1021. {
  1022. if (act) {
  1023. if (objActive.nodeName == 'A') {
  1024. objActive.style.color = clrOrg;
  1025. clearInterval(TimerID);
  1026. act = 0;
  1027. }
  1028. }
  1029. }
  1030. function ChangeColor()
  1031. {
  1032. objActive.style.color = makeColor();
  1033. }
  1034. function makeColor()
  1035. {
  1036. // Don't you think Color Gamut to look like Rainbow?
  1037. // HSVtoRGB
  1038. if (elmS == 0) {
  1039. elmR = elmV; elmG = elmV; elmB = elmV;
  1040. }
  1041. else {
  1042. t1 = elmV;
  1043. t2 = (255 - elmS) * elmV / 255;
  1044. t3 = elmH % 60;
  1045. t3 = (t1 - t2) * t3 / 60;
  1046. if (elmH < 60) {
  1047. elmR = t1; elmB = t2; elmG = t2 + t3;
  1048. }
  1049. else if (elmH < 120) {
  1050. elmG = t1; elmB = t2; elmR = t1 - t3;
  1051. }
  1052. else if (elmH < 180) {
  1053. elmG = t1; elmR = t2; elmB = t2 + t3;
  1054. }
  1055. else if (elmH < 240) {
  1056. elmB = t1; elmR = t2; elmG = t1 - t3;
  1057. }
  1058. else if (elmH < 300) {
  1059. elmB = t1; elmG = t2; elmR = t2 + t3;
  1060. }
  1061. else if (elmH < 360) {
  1062. elmR = t1; elmG = t2; elmB = t1 - t3;
  1063. }
  1064. else {
  1065. elmR = 0; elmG = 0; elmB = 0;
  1066. }
  1067. }
  1068. elmR = Math.floor(elmR).toString(16);
  1069. elmG = Math.floor(elmG).toString(16);
  1070. elmB = Math.floor(elmB).toString(16);
  1071. if (elmR.length == 1) elmR = "0" + elmR;
  1072. if (elmG.length == 1) elmG = "0" + elmG;
  1073. if (elmB.length == 1) elmB = "0" + elmB
  1074. elmH = elmH + rate;
  1075. if (elmH >= 360)
  1076. elmH = 0;
  1077. return '#' + elmR + elmG + elmB;
  1078. }
  1079. //]]>
  1080. </script>
  1081. {/block:IfRainbowHoverLinks}
  1082.  
  1083.  
  1084. <script type="text/javascript">
  1085. $(document).ready(function(){
  1086.   popUp(true);
  1087. });
  1088. </script>
  1089.  
  1090.  
  1091. <script>
  1092. // minimal soundcloud player © shythemes.tumblr
  1093. $(document).ready(function(){
  1094.    var color = '#000'; // color of play button (hex)
  1095.    $('.soundcloud_audio_player').each(function(){
  1096.        $(this).attr({ src: $(this).attr('src').split('&')[0] + '&amp;liking=false&amp;sharing=false&amp;auto_play=false&amp;show_comments=false&amp;continuous_play=false&amp;buying=false&amp;show_playcount=false&amp;show_artwork=true&amp;origin=tumblr&amp;color=' + color.split('#')[1], height: 116, width: '100%' });
  1097.    });
  1098. });
  1099. </script>
  1100.  
  1101. <div id="popup_example" class="popup_block">
  1102.     <iframe frameborder="0" width="500px" height="200px" id="ask_form" src="http://www.tumblr.com/ask_form/{Name}.tumblr.com" seamless></iframe>
  1103. </div>
  1104.  
  1105. {block:ContentSource}
  1106. <!– {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  1107. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  1108. {/block:SourceLogo}
  1109. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} –>
  1110. {/block:ContentSource}
  1111.  
  1112.  
  1113. </body>
  1114. </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!