API tools faq
paste
Advertisement
danystormborn

1

danystormborn
Jul 24th, 2016
65
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 14.05 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2.  
  3. <head>
  4.  
  5. <style>
  6. body, a, a:hover { cursor:url('{text:Cursor Image URL}'), auto }::selection {
  7.  
  8. background: {color:Select color}; /* Safari */
  9.  
  10. }
  11.  
  12. ::-moz-selection {
  13.  
  14. background: {color:Select color}; /* Firefox */
  15.  
  16. }</style>
  17.  
  18. <title>{Title}</title>
  19.  
  20. <link rel="shortcut icon" href="{Favicon}">
  21. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  22. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  23.  
  24.  
  25.  
  26. <meta name="color:background" content="#ffffff"/>
  27. <meta name="color:text" content="#2b2b2b"/>
  28. <meta name="color:link" content="#2b2b2b"/>
  29. <meta name="color:hover" content="#949494"/>
  30. <meta name="color:blog title" content="#dadada"/>
  31. <meta name="color:border" content=""/>
  32. <meta name="color:sidebar background" content=""/>
  33.  
  34.  
  35. <meta name="image:background" content=""/>
  36. <meta name="image:sidebar" content=""/>
  37.  
  38.  
  39. <!---fonts--->
  40. <link href='https://fonts.googleapis.com/css?family=Rochester' rel='stylesheet' type='text/css'>
  41. <link href='https://fonts.googleapis.com/css?family=Lora' rel='stylesheet' type='text/css'>
  42.  
  43. <!---end fonts--->
  44.  
  45. <!---------------DO NOT REMOVE THESE SCRIPTS--------------->
  46. <script type="text/javascript"
  47. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  48.  
  49.  
  50. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  51.  
  52. <script src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
  53. <script>
  54. (function($){$(document)
  55. .ready(function(){$("[title]")
  56. .style_my_tooltips();});})
  57. (jQuery);
  58. </script>
  59.  
  60. {block:IndexPage}
  61. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/iBElrgjim/jquerymasonry.js"></script>
  62. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/Qyblrgjfn/jqueryinfintescroll.js"></script>
  63.  
  64. <script type="text/javascript">
  65. $(window).load(function(){
  66. var $wall = $('#entries');
  67. $wall.imagesLoaded(function(){
  68. $wall.masonry({
  69. itemSelector: '#posts, #posts_photo',
  70. isAnimated : false
  71. });
  72. });
  73.  
  74. $wall.infinitescroll({
  75. navSelector : '#pagination',
  76. nextSelector : '#pagination a',
  77. itemSelector : '#posts, #posts_photo',
  78. bufferPx : 2000,
  79. debug : false,
  80. errorCallback: function() {
  81. $('#scroll').fadeOut('normal');
  82. }},
  83. function( newElements ) {
  84. var $newElems = $( newElements );
  85. $newElems.hide();
  86. $newElems.imagesLoaded(function(){
  87. $wall.masonry( 'appended', $newElems,{isAnimated: false}, function(){$newElems.fadeIn('slow');} );
  88. });
  89. }); $('#entries').show(500);
  90. });
  91. </script>
  92.  
  93.  
  94. <script src="https://cdnjs.cloudflare.com/ajax/libs/smoothscroll/1.4.1/SmoothScroll.min.js"></script>
  95.  
  96. {/block:IndexPage}
  97.  
  98.  
  99. <!---------------END SCRIPTS--------------->
  100.  
  101.  
  102. <style type="text/css">
  103.  
  104. .tmblr-iframe{
  105. margin-top:5px;
  106. margin-right:0px;
  107. z-index:9999999999999;!important;
  108. -webkit-filter: invert(100%);
  109. }
  110.  
  111.  
  112.  
  113. ::-webkit-scrollbar{ width:10px; background-color:{color:background}; }
  114. ::-webkit-scrollbar-thumb{ background-color: {color:blog border}; border: 1px solid {color:background}; }
  115.  
  116. #s-m-t-tooltip {
  117. padding: 4px;
  118. height:auto;
  119. display: none;
  120. font-family: Alegreya,400;
  121. font-size: 9px;
  122. max-width:150px;
  123. text-transform:uppercase;
  124. text-align: center;
  125. letter-spacing:1px;
  126. margin-top:10px;
  127. margin-left: 15px;
  128. line-height: 8px;
  129. z-index: 999999999999;
  130. border: 1px solid {color:Borders};
  131. background:{color:Post Background};
  132. color: {color:text};
  133. }
  134.  
  135. body{
  136. margin:0px;
  137. background-color: {color:Background};
  138. background-attachment:fixed;
  139. background-position:bottom right;
  140. font-size:10px;
  141. letter-spacing:1px;
  142. overflow-x:hidden;
  143. text-align:left;
  144. color: {color:Text};
  145. background-image:url({image:Background});
  146. {block:ifMaximisedBackground}
  147. -webkit-background-size: cover;
  148. -moz-background-size: cover;
  149. -o-background-size: cover;
  150. background-size: cover;
  151. background-position:left-bottom;
  152. {/block:ifMaximisedBackground}
  153. }
  154.  
  155.  
  156. a:link, a:active, a:visited{
  157. text-decoration: none;
  158. color: {color:Link};
  159. }
  160.  
  161. a:hover {
  162. color:{color:Link};
  163. text-decoration:none;
  164. }
  165.  
  166. #sidebar {
  167. position:fixed;
  168. padding:5px;
  169. text-align:center;
  170. position:fixed;
  171. margin-left:-30%;
  172. margin-top:10%;
  173. width:20%;
  174. background:{color:Sidebar Background};
  175. }
  176.  
  177. #sidebar img {
  178. width:90%;
  179. height:auto;
  180.  
  181. }
  182.  
  183. .blogtitle{
  184. padding:5px;
  185. text-align:center;
  186. text-transform:none;
  187. height:auto;
  188. background-color:{color:sidebar background};
  189. font-size:32px;
  190. line-height:100%;
  191. letter-spacing:2%;
  192. font-family:'Rochester';
  193. position:fixed;
  194. margin-left:-.32%;
  195. margin-top:-7%;
  196. padding-bottom:1%;
  197. width:20%;
  198. }
  199.  
  200. #links {
  201. font-size:{text:links size};
  202. margin-top:10%;
  203. text-align:center;
  204. text-transform:none;
  205. font-weight:bold;
  206. color:{color:links};
  207. background-color:{color:sidebar background};
  208. }
  209.  
  210. #links a {
  211. color:{color:links};
  212. margin-bottom:0%;
  213. -moz-transition-duration:0.4s;
  214. -webkit-transition-duration:0.4s;
  215. -o-transition-duration:0.4s;
  216. }
  217.  
  218. #links a:hover{
  219. color:{color:hover};
  220. }
  221.  
  222. #description {
  223. font-size:{text:desc size}
  224. margin-top:10px;
  225. text-align:center;
  226. font-family:'Lora', serif;
  227. padding-top:2%;
  228. }
  229.  
  230. /*container*/
  231.  
  232. #entries{
  233. text-align:left;
  234. width:90%;
  235. margin-left:35%;
  236. margin-top:5%;
  237. position:relative;
  238.  
  239. {block:PermalinkPage}
  240. width:550px;
  241. margin-left:130px;
  242. {/block:PermalinkPage}
  243. }
  244.  
  245. #posts{
  246. text-align:left;
  247. margin-right:10%;
  248. margin-bottom:5%;
  249. background:{color:Post Background};
  250. padding:1%;
  251. display:block;
  252. width:50%;
  253. {block:PermalinkPage}
  254. width:500px;
  255. {/block:PermalinkPage}
  256. }
  257.  
  258. #posts img {
  259. max-width:100%;
  260. }
  261.  
  262. .permalink{
  263. background-color:{color:Hover};
  264. color:{color:Permalink color};
  265. font-family: Alegreya, 400;
  266. opacity:0;
  267. width:50px;
  268. height:50px;
  269. line-height:50px;
  270. padding:3px;
  271. padding-left:9px;
  272. font-size:10px;
  273. text-transform:uppercase;
  274. text-align:center;
  275. -webkit-transition:all 2s ease;
  276. -moz-transition:all 2s ease;
  277. transition:all 2s ease;
  278. -o-transition:all 2s ease;
  279.  
  280. position:absolute;
  281. top:50%;
  282. -webkit-transform: translate(0px,-50%);
  283. -moz-transform: translate(0px,-50%);
  284. -ms-transform: translate(0px,-50%);
  285. -o-transform: translate(0px,-50%);
  286. transform: translate(0px,-50%);
  287. left:50%;
  288. -webkit-transform: translate(-50%,-50%);
  289. -moz-transform: translate(-50%,-50%);
  290. -ms-transform: translate(-50%,-50%);
  291. -o-transform: translate(-50%,-50%);
  292. transform: translate(-50%,-50%);
  293.  
  294. {block:permalinkpage}
  295. display:none;
  296. {/block:permalinkpage}
  297. }
  298.  
  299.  
  300. .permalink a{
  301. color:{color:Permalink color};
  302. line-height:15px;
  303. }
  304.  
  305. #posts:hover .permalink{
  306. opacity:1;
  307. }
  308.  
  309. #notecounter{
  310. text-align:right;
  311. }
  312.  
  313.  
  314.  
  315. /*Edit the titles on any text-based post.*/
  316.  
  317. .posttitle{
  318. font-size:10px;
  319. text-align:center;
  320. color:{color:Link};}
  321.  
  322. .posttitle a{
  323. color:{color:Link};}
  324.  
  325. /************EDIT QUOTE POSTS HERE************/
  326.  
  327. .quote{
  328. margin-right: 5px;}
  329.  
  330. .source{
  331. padding-top:5px;
  332. display:block;
  333. text-align:right;}
  334.  
  335.  
  336. /************EDIT ANSWER POSTS HERE************/
  337.  
  338. .ask{
  339. padding:4px;
  340. background:{color:post background};}
  341. .asker{
  342. color:{color:Link};}
  343. .answer{
  344. margin-top:10px;}
  345.  
  346. /************EDIT AUDIO POSTS HERE************/
  347.  
  348. .audio{
  349. {block:IndexPage}width:180px;{/block:IndexPage}
  350. {block:PermalinkPage}width:239px;{/block:PermalinkPage};}
  351. .info{
  352. padding:2px 0px 1px 57px;}
  353. .i {
  354. text-transform:uppercase;
  355. letter-spacing:1px;
  356. font-size:8px;}
  357. .pl b,strong{
  358. text-transform:lowercase;
  359. font-size:9px;}
  360. .player{
  361. position:absolute;
  362. overflow:hidden;
  363. margin-top:0px;
  364. margin-left:15px;
  365. background:#ffffff;
  366. width:24px;
  367. height:23px;}
  368.  
  369. /************EDIT VIDEO POSTS HERE************/
  370. /***********DO NOT DELETE THIS CODE************/
  371.  
  372. .video-container {
  373. position:relative;
  374. padding-bottom:56.25%;
  375. padding-top: 30px;
  376. height:0;
  377. overflow:hidden;}
  378.  
  379. .video-container iframe,
  380. .video-container object,
  381. .video-container embed {
  382. position: absolute;
  383. top: 0;
  384. left: 0;
  385. width: 100%;
  386. height: 100%;}
  387.  
  388. /************EDIT CHAT POSTS HERE************/
  389.  
  390. .chat{
  391. line-height:12px;
  392. list-style:none;}
  393. .chat ul{
  394. list-style:none;
  395. padding:0px 5px;
  396. line-height:15px;}
  397. .label{
  398. color:{color:Link};}
  399.  
  400. </style>
  401.  
  402. </head>
  403.  
  404. <body>
  405.  
  406. <div id="entries">
  407.  
  408. <div id="sidebar">
  409. <center>
  410. <div class="blogtitle"><a href="/"><div style="color:{color:blog title}">{Title}</div></a></div>
  411. <div id="sidebar img"><img src="{image:sidebar}">
  412. </div>
  413. <div id="description">{description}</div>
  414. <center>
  415. <div id="links">♦ ♢
  416. </div>
  417. </center>
  418.  
  419. </div>
  420. {block:Posts}
  421.  
  422. <!---------------DO NOT DELETE block:ContentSource--------------->
  423.  
  424. {block:ContentSource}
  425. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  426. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  427. {/block:SourceLogo}
  428. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  429. {/block:ContentSource}
  430.  
  431. <div id="posts">
  432.  
  433. <!---------------EDIT TEXT POSTS HERE--------------->
  434.  
  435. {block:Text}
  436. <div class="text">
  437. <div class="posttitle">{block:Title}{Title}{/block:Title}</div>
  438. {Body}{block:IndexPage}<div class="permalink"><a href="{ReblogURL}" title="reblog">🌙</a> | <a href="{Permalink}" title="{NoteCount}">⭐️</a>
  439. </div>{/block:IndexPage}</div>
  440. {/block:Text}
  441.  
  442. <!---------------EDIT LINK POSTS HERE--------------->
  443.  
  444. {block:Link}
  445. <a href="{URL}"><div class="posttitle">{Name}</div></a>
  446. {block:Description}{Description}{/block:Description}
  447. {block:IndexPage}<div class="permalink"><a href="{ReblogURL}" title="reblog">🌙</a> | <a href="{Permalink}" title="{NoteCount}">⭐️</a>
  448. </div>{/block:IndexPage}
  449. {/block:Link}
  450.  
  451. <!---------------EDIT PHOTO POSTS HERE--------------->
  452.  
  453. {block:Photo}<div style="line-height:0px;">
  454. {block:IndexPage}
  455. <img src="{PhotoURL-250}" alt="{PhotoAlt}"/>{/block:IndexPage}<div class="permalink"><a href="{ReblogURL}" title="reblog">🌙</a> | <a href="{Permalink}" title="{NoteCount}">⭐️</a>
  456. </div>{block:PermalinkPage}<img src="{PhotoURL-500}" alt="{PhotoAlt}" />{/block:PermalinkPage}</a></div>
  457. {/block:Photo}
  458.  
  459. <!---------------EDIT PHOTOSET POSTS HERE--------------->
  460.  
  461. {block:Photoset}
  462. {block:IndexPage}{block:Photos}<a href="{Permalink}"><img src="{PhotoURL-250}"/></a>{/block:Photos}<div class="permalink"><a href="{ReblogURL}" title="reblog">🌙</a> | <a href="{Permalink}" title="{NoteCount}">⭐️</a>
  463. </div>{/block:IndexPage}
  464. {block:PermalinkPage}{Photoset-500}{/block:PermalinkPage}
  465. {/block:Photoset}
  466.  
  467. <!---------------EDIT QUOTE POSTS HERE--------------->
  468.  
  469. {block:Quote}
  470. {Quote}{block:Source}
  471. <div class="source">{Source}</div>{/block:Source}
  472. {block:IndexPage}
  473. <div class="permalink"><a href="{ReblogURL}" title="reblog">🌙</a> | <a href="{Permalink}" title="{NoteCount}">⭐️</a>
  474. </div>{/block:IndexPage}
  475. {/block:Quote}
  476.  
  477. <!---------------EDIT ANSWER POSTS HERE--------------->
  478.  
  479. {block:Answer}
  480. <div class="ask"><span class="asker">{Asker}:</span> {Question}</div>
  481. <div class="answer">{Answer}</div>
  482. {block:IndexPage}
  483. <div class="permalink"><a href="{ReblogURL}" ="reblog">🌙</a> | <a href="{Permalink}" title="{NoteCount}">⭐️</a>
  484. </div>{/block:IndexPage}
  485. {/block:Answer}
  486.  
  487. <!---------------EDIT CHAT POSTS HERE--------------->
  488.  
  489. {block:Chat}
  490. {block:Title}<div class="posttitle">{Title}</div>{/block:Title}
  491. <div class="chat"><ul>{block:Lines}
  492. <li class="person{UserNumber}">{block:Label}
  493. <span class="label">{Label}</span>{/block:Label} {Line}</li>{/block:Lines}</ul></div>{block:IndexPage}<div class="permalink"><a href="{ReblogURL}" title="reblog">R</a> | <a href="{Permalink}" title="{NoteCount}">N</a>
  494. </div>
  495. {/block:IndexPage}
  496. {/block:Chat}
  497.  
  498. <!---------------EDIT AUDIO POSTS HERE--------------->
  499.  
  500. {block:Audio}<div class="player">{AudioPlayerWhite}</div>
  501. <div class="info"><div class="i"><span{block:TrackName} style="display: none;"{block:TrackName}>Unknown</span>{block:TrackName}{TrackName}{/block:TrackName}</div><div class="i">by<span{block:Artist} style="display: none;"{block:Artist}>Unknown</span> {block:Artist}{Artist}{/block:Artist}</div></div>{block:IndexPage}<div class="permalink"><a href="{ReblogURL}" title="reblog">R</a> | <a href="{Permalink}" title="{NoteCount}">N</a>
  502. </div>
  503. {/block:IndexPage}
  504. {/block:Audio}
  505.  
  506. <!---------------EDIT VIDEO POSTS HERE--------------->
  507.  
  508. {block:Video}
  509. {block:IndexPage}<div class="video-container">{Video-250}</div>
  510. <div class="permalink"><a href="{ReblogURL}" title="reblog">🌙</a> | <a href="{Permalink}" title="{NoteCount}">⭐️</a>
  511. </div>{/block:IndexPage}
  512. {block:PermalinkPage}{Video-500}{/block:PermalinkPage}
  513. {/block:Video}
  514.  
  515. <!---------------EDIT PERMALINK PAGE HERE--------------->
  516.  
  517. {block:PermalinkPage}
  518. {block:Caption}{Caption}{/block:Caption}
  519. <p>{block:Date} {Month} {DayofMonthWithSuffix}, {Year}{/block:Date} {block:NoteCount}, {NoteCountWithLabel}{/block:NoteCount} {block:RebloggedFrom} , (via <a href="{ReblogParentURL}">{ReblogParentName}</a>){/block:RebloggedFrom}
  520. <div class="permapage">
  521. <div style="margin-top:10px; margin-left:-10px;">{block:PostNotes}{PostNotes}{/block:PostNotes}</div>{/block:PermalinkPage}
  522. </div>
  523. {/block:Posts}
  524. </div>
  525.  
  526. <!---------------DO NOT DELETE THIS--------------->
  527.  
  528. {block:IndexPage}
  529. {block:Pagination}
  530. <div id="pagination">
  531. {block:NextPage}
  532. <a id="nextPage" href="{NextPage}"></a>
  533. {/block:NextPage}
  534. {block:PreviousPage}
  535. <a href="{PreviousPage}"></a>
  536. {/block:PreviousPage}
  537. </div>
  538. {/block:Pagination}
  539. {/block:IndexPage}
  540. </center>
  541. </div>
  542.  
  543. </div>
  544.  
  545. </body>
  546.  
  547. </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!