API tools faq
paste
Advertisement
sexifyy

Minimal

sexifyy
May 22nd, 2018
277
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 24.40 KB | None | 0 0
raw download clone embed print report
  1. <html>
  2. <head>
  3. <!---Theme created by Jess @sexifyy:
  4. DO NOT STEAL ANY CODES, DO NOT CLAIM AS YOUR OWN,
  5. DO NOT REMOVE CREDIT(S). IF YOU DO ANY OF THE ABOVE:
  6.  
  7. I WILL FIND YOU. AND I WILL KILL YOU.
  8.  
  9. Hehe, nah but seriously respect me and my themes please!! Enjoy xx--->
  10.  
  11. <!--meta tags-->
  12. <meta name="image:background" content=""/>
  13. <meta name="image:sidebar" content="http://static.tumblr.com/mqkrxog/vFrn6zfbx/halftone.png"/>
  14. <meta name="font:Font" content="Avalon"/>
  15. <meta name="font:Title" content="Helvetica"/>
  16. <meta name="color:Background" content="#fff"/>
  17.  
  18. <meta name="color:Posts" content="#fff"/>
  19. <meta name="color:Text" content="#888"/>
  20. <meta name="color:ColorA" content="#cccccc"/>
  21. <meta name="color:ColorB" content="#ddf2e8"/>
  22. <meta name="color:ColorC" content="#888"/>
  23.  
  24. <meta name="text:update icon" content="heart" />
  25. <meta name="text:Link 1 URL" content="https://"/>
  26. <meta name="text:Link 1 Icon" content="inbox" />
  27. <meta name="text:Link 2 URL" content="https://"/>
  28. <meta name="text:Link 2 Icon" content="user" />
  29. <meta name="text:Link 3 URL" content="https://"/>
  30. <meta name="text:Link 3 Icon" content="link" />
  31. <meta name="text:Link 4 URL" content="https://"/>
  32. <meta name="text:Link 4 Icon" content="history" />
  33.  
  34. <meta name="text:Title Size" content="25px"/>
  35. <meta name="text:Font Size" content="13px"/>
  36.  
  37. <meta name="if:Infinitescroll" content="1"/>
  38. <meta name="if:two column" content="1"/>
  39. <meta name="if:three column" content="0"/>
  40. <!--end-->
  41.  
  42. <!-- start of script tooltip -->
  43.  
  44. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  45.  
  46. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  47.  
  48. <script>
  49. (function($){
  50. $(document).ready(function(){
  51. $("a[title]").style_my_tooltips({
  52. tip_follows_cursor:true,
  53. tip_delay_time:90,
  54. tip_fade_speed:600,
  55. attribute:"title"
  56. });
  57. });
  58. })(jQuery);
  59. </script>
  60.  
  61. <!-- end of script tooltip -->
  62.  
  63. <!--masonry-- (dont remove unless you want wierd columns-->
  64. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  65. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  66. <!--end-->
  67.  
  68. <style type="text/css">
  69.  
  70. /*scrollbar*/
  71. ::-moz-selection {
  72. background: {color:colora};
  73. color: #fff;
  74. }
  75. ::selection {
  76. background:{color:colora};
  77. color: #fff;
  78. }
  79. /* scrollbar */
  80. ::-webkit-scrollbar {
  81. width: 7px;
  82. background-color: {color:colora};
  83. border: 3px solid white;
  84. height:7px;
  85. }
  86.  
  87. ::-webkit-scrollbar-thumb {
  88. background-color: {color:colora};
  89. border: 2px solid white;
  90. height: 5px;
  91. width: 0.5px;
  92. }
  93.  
  94. #s-m-t-tooltip {
  95. max-width:300px;
  96. margin:15px;
  97. padding:2px 4px 2px 4px;
  98. border:1px solid {color:colora};
  99. border-radius: 0px;
  100. background:{color:colorc};
  101. color:#000;
  102. z-index:9999;
  103. font-size:10px;
  104. letter-spacing:2px;
  105. text-align: center;
  106.  
  107. }
  108.  
  109. /*makes images in texts posts stay in the box*/
  110. iframe, img, embed, object, video {
  111. max-width: 100%;
  112. }
  113. /*how the tumblr controls look like */
  114. iframe.tmblr-iframe {
  115. z-index:99999999999999!important;
  116. top:0!important;
  117. right:0!important;
  118. opacity:0.4;
  119. /* delete invert(1) from here */
  120. filter:invert(1) contrast(150%);
  121. -webkit-filter:invert(1) contrast(150%);
  122. -o-filter:invert(1) contrast(150%);
  123. -moz-filter:invert(1) contrast(150%);
  124. -ms-filter:invert(1) contrast(150%);
  125. /* to here if your blog has a dark background */
  126. transform:scale(0.65);
  127. transform-origin:100% 0;
  128. -webkit-transform:scale(0.65);
  129. -webkit-transform-origin:100% 0;
  130. -o-transform:scale(0.65);
  131. -o-transform-origin:100% 0;
  132. -moz-transform:scale(0.65);
  133. -moz-transform-origin:100% 0;
  134. -ms-transform:scale(0.65);
  135. -ms-transform-origin:100% 0;}
  136.  
  137. iframe.tmblr-iframe:hover {
  138. opacity:0.6!important;}
  139. img {
  140. height: auto;
  141. width: auto;
  142. }
  143. /*like the motherboard of HTML, 1 change here, effects everything */
  144. body{
  145. background-color:{color:background};
  146. background-image:url({image:Background});
  147. background-attachment:fixed;
  148. font-family:{font:font};
  149. font-size:{text:font size};
  150. color:{color:text};
  151. cursor: url(http://i.imgur.com/2qleX.jpg), auto;important!
  152. }
  153.  
  154. /*any link on your blog will look like how you style this */
  155. a:link, a:visited{
  156. color:{color:colorb};
  157. text-decoration:none;
  158. -webkit-transition: all 0.7s ease;
  159. -moz-transition: all 0.7s ease;
  160. -o-transition: all 0.7s ease;
  161. }
  162.  
  163. a:hover {
  164. color:{color:colorc};
  165. text-decoration: none;
  166. -webkit-transition: all 0.7s ease;
  167. -moz-transition: all 0.7s ease;
  168. -o-transition: all 0.7s ease;
  169. cursor: url(http://i.imgur.com/IepP2.jpg), auto;important!
  170. }
  171. /*blogtitle */
  172. #blogtitle{
  173. font-family:{font:title};
  174. font-size:{text:title size};
  175. text-align:center;
  176. text-transform:uppercase;
  177. margin-bottom:2px;
  178. }
  179.  
  180. #blogtitle a{
  181. color:{color:colorb};
  182. }
  183. #blogtitle a:hover{
  184. color:{color:colorc};
  185. }
  186.  
  187. /*style for titles of text posts*/
  188. h2{
  189. font-weight: normal;
  190. font-size:25px;
  191. }
  192. h2 a{
  193. font-weight: normal;
  194. color:{color:text};
  195. }
  196. h2 a:hover{
  197. color:{color:text};
  198. }
  199. /*style of ask box title and captions*/
  200. p{
  201. text-align:left;
  202. color:{color:text};
  203. font-size:{text:font size};
  204. }
  205.  
  206. /*sidebar */
  207.  
  208. #sidebar{
  209. background-color:transparent;
  210. width:200px;
  211. height:auto;
  212. position:fixed;
  213. padding:5px;
  214. bottom:9%;
  215. left:6%;
  216. z-index:9;
  217. border:2px solid {color:colora};
  218. }
  219.  
  220.  
  221. /*description in sidebar */
  222. #description{
  223. border-top:1px solid {color:colorb};
  224. text-align:center;
  225. margin-bottom:4px;
  226. color:{color:colorc};
  227. }
  228. /* blog borders */
  229.  
  230. #left{
  231. top:0px;
  232. left:10px;
  233. height:100%;
  234. width:6px;
  235. background:{color:colorb};
  236. position:fixed;
  237. z-index:99999;
  238. }
  239. #top {
  240. top:10px;
  241. left:0px;
  242. height: 6px;
  243. width: 100%; /* change width of borders */
  244. background: {color:colorb}; /* change background of borders */
  245. position: fixed;
  246. z-index:99999;
  247. }
  248.  
  249. /*updates hover effect-do not touch*/
  250. @-webkit-keyframes fadeInLeftBig {0% {opacity: 0; -webkit-transform: translateX(2000px);} 100% {opacity: 1; -webkit-transform: translateX(0);}}
  251.  
  252. /*updates tab*/
  253. #updateicon{
  254. position:fixed;
  255. background:transparent;
  256. width:100px;
  257. height:auto;
  258. font-size:30px;
  259. left:95%;
  260. top:10%;
  261. color:{color:colorb};
  262. }
  263.  
  264. upd{
  265. text-align:center;
  266. font-family:{font:title};
  267. font-size:16px;
  268. text-align:center;
  269. text-transform:uppercase;
  270. margin-bottom:2px;
  271. border-bottom:3px solid{color:colora};
  272. padding:1px;
  273. color:{color:colorb};
  274. }
  275.  
  276. .dropdown {
  277. left:-10%;
  278. display: inline-block;
  279. }
  280.  
  281. .dropdown-content {
  282. left:20%;
  283. display: none;
  284. position: absolute;
  285. background-color: {color:background};
  286. width: 140px;
  287. height:auto;
  288. box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  289. padding: 12px 16px;
  290. z-index: 1;
  291. font-size:12px;
  292. color:{color:text};
  293. text-align:center;
  294. }
  295.  
  296. .dropdown:hover .dropdown-content {
  297. display: block;
  298. left:-140%;
  299. -webkit-animation: fadeInLeftBig 1.2s;
  300. -moz-animation: fadeInLeftBig 1.2s;
  301. -ms-animation: fadeInLeftBig 1.2s;
  302. -o-animation: fadeInLeftBig 1.2s;
  303. animation: fadeInLeftBig 1.2s;
  304. }
  305. /*end of updates tab*/
  306.  
  307. /*styling of how the pagination at the bottom looks if you disable infinite scroll */
  308. .pagination {
  309. word-spacing:5px;
  310. bottom:0;
  311. margin-left:45%;
  312. width:15%;
  313. height:10px;
  314. position:fixed;
  315. font-size:13px;
  316. background-color:{color:posts};
  317. border:1px solid {color:colorb};
  318. text-align: center;
  319. padding: 7px;
  320. z-index:999999999999 !important;
  321. }
  322.  
  323.  
  324.  
  325. .pagination a {
  326. color: {color:colora};
  327. text-decoration: none;
  328. }
  329.  
  330. .pagination a:hover {
  331. color: {color:colorc};
  332. }
  333. /*styling of how navigation links look */
  334. .links {
  335. display:inline-block;
  336. padding:2px;
  337. font-size:20px;
  338. text-align:center;
  339. margin-left:5%;
  340. color:{color:colora};
  341. }
  342.  
  343. .links a{
  344. padding:4px;
  345. ;
  346. margin-right:5px;
  347. color:{color:colora};
  348. background:{color:colorb};
  349. }
  350.  
  351. .links a:hover{
  352. background:{color:posts};
  353. border: 1px solid;
  354. box-shadow: inset 0 0 20px rgba(255, 255, 255, .5), 0 0 20px rgba(255, 255, 255, .2);
  355. outline-color: rgba(255, 255, 255, 0);
  356. outline-offset: 15px;
  357. text-shadow: 1px 1px 2px #427388
  358. }
  359.  
  360. {block:ifinfinitescroll}
  361. .pagination {
  362. display: none;}
  363. {/block:ifinfinitescroll}
  364.  
  365.  
  366. /*what encases the entries. change the width to get more than 1 column */
  367. #container{
  368. margin-top:50px;
  369. width:1050px;
  370. margin-left:30%;
  371. {block:iftwocolumn} width: 600px; {/block:iftwocolumn}
  372. {block:ifthreecolumn} left:-3%; width: 800px; {/block:ifthreecolumn}
  373. {block:PermalinkPage}
  374. margin-left:32%;
  375. width:500px;
  376. {/block:PermalinkPage}
  377. }
  378. /*post load effect. delete it if you dont want it */
  379. @-webkit-keyframes cssAnimation {
  380. from { -webkit-transform: rotate(0deg) scale(0.871) skew(0deg) translate(0px); }
  381. to { -webkit-transform: rotate(0deg) scale(1) skew(0deg) translate(0px); }
  382. }
  383. @-moz-keyframes cssAnimation {
  384. from { -moz-transform: rotate(0deg) scale(0.871) skew(0deg) translate(0px); }
  385. to { -moz-transform: rotate(0deg) scale(1) skew(0deg) translate(0px); }
  386. }
  387. @-o-keyframes cssAnimation {
  388. from { -o-transform: rotate(0deg) scale(0.871) skew(0deg) translate(0px); }
  389. to { -o-transform: rotate(0deg) scale(1) skew(0deg) translate(0px); }
  390. }
  391. /*1 singular post */
  392. .entry{
  393. background-color:{color:posts};
  394. font-family:{font:body text};
  395. text-align:left;
  396. z-index:9999;
  397. float:left;
  398. {block:IndexPage}
  399. {block:iftwocolumn} width: 220px; {/block:iftwocolumn}
  400. {block:ifthreecolumn} width: 200px; {/block:ifthreecolumn}
  401. /*post load effect. delete it if you dont want it */
  402. -webkit-animation: cssAnimation 1s 1 ease-in-out;
  403. -moz-animation: cssAnimation 1s 1 ease-in-out;
  404. -o-animation: cssAnimation 1s 1 ease-in-out;
  405. /*end */
  406. {/block:IndexPage}
  407. {block:PermalinkPage}
  408. width:500px;
  409. {/block:PermalinkPage}
  410. overflow:hidden;
  411. margin:12px;
  412. padding:5px;
  413. border:1px solid {color:colorb};
  414. }
  415.  
  416. .entry:hover img{
  417. -webkit-filter:grayscale(0.8);
  418. -webkit-transition: all 0.2s ease-in-out;
  419. -moz-transition: all 0.2s ease-in-out;
  420. -o-transition: all 0.2s ease-in-out;
  421. transition: all 0.2s ease-in-out;
  422. }
  423. .tumblr_audio_player {
  424. {block:IndexPage}
  425. width: 250px;
  426. {/block:IndexPage}
  427. {block:PermalinkPage}
  428. width:500px;
  429. {block:PermalinkPage}
  430. height: 100px;
  431. overflow: hidden;
  432. position: relative;
  433. }
  434.  
  435. /*styling of question posts */
  436. .question{
  437. color:{color:text};
  438. }
  439. .asker{
  440. margin:3px;
  441. margin-top:-5px;
  442. min-height:30px;
  443. overflow-y:scroll;
  444. padding:3px;
  445. background:#fff;
  446. }
  447.  
  448. .asker a{
  449. color:{color:text};
  450. }
  451. .asker a:hover{
  452. color:{color:text};
  453. }
  454. .answerer{
  455. border-top:3px solid {color:colora};
  456. font-style: oblique;
  457. }
  458. .answer{
  459. font-style: oblique;
  460. }
  461.  
  462. /*change the color of the highlight*/
  463. ::-moz-selection { /* Code for Firefox */
  464. background: {color:posts};
  465. }
  466. ::selection {
  467. background: {color:posts};
  468. }
  469. /*this is the long line that separates the rebloggs' in posts */
  470. blockquote{
  471. padding:0px 0px 2px 5px;
  472. margin:0px 0px 2px 10px;
  473. border-left: 1px solid {color:colorb};
  474. }
  475.  
  476. /*styling of how the notes will look on the permalink page*/
  477. #permpage{
  478. {block:PermalinkPage}
  479. width: 500px;
  480. height: 200px;
  481. overflow-y:scroll;
  482. position: relative;
  483. margin:5px;
  484. padding:2px;
  485. float:center;
  486. {/block:PermalinkPage}
  487. }
  488. /*the text at the bottom of all posts that says: "reblog NoteCount and details" */
  489. {block:IndexPage}
  490. .permalinktext {
  491. padding: 5px;
  492. background-color: {color:posts};
  493. color: {color:text};
  494. margin: 5px 0px 0px 0px;
  495. text-transform: uppercase;
  496. text-align: left;
  497. font-size: 12px;
  498. {/block:IndexPage}
  499. {block:PermalinkPage}
  500. display:none;
  501. {/block:PermalinkPage}
  502. }
  503.  
  504. .lnr-redo {
  505. color: {color:colorc};
  506. font-size: 10px;
  507. /* To get crisp results, use sizes that are
  508. a multiple of 20; because Linearicons was
  509. designed on a 20 by 20 grid. */
  510. }
  511.  
  512. </style>
  513.  
  514. <link href="//netdna.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet">
  515.  
  516. <link rel="stylesheet" href="https://cdn.linearicons.com/free/1.0.0/icon-font.min.css">
  517.  
  518. <!-- tab title--->
  519. <title>{Title}</title>
  520. <link rel="shortcut icon" href="{Favicon}">
  521. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  522. {block:Description}
  523. <meta name="description" content="{MetaDescription}" />
  524. {/block:Description}
  525.  
  526. <!---masonry--->
  527. {block:indexpage}
  528. {block:NextPage}<div id="page-nav"><a href="{NextPage}"></a></div>{/block:NextPage}
  529. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
  530. <script type="text/javascript" src="http://static.tumblr.com/bswe8t6/UFVlryaq2/jquerymsnryv2.js"></script>
  531. <script type="text/javascript">
  532. $(window).load(function(){
  533. var $wall = $('#container');
  534. $wall.imagesLoaded(function(){
  535. $wall.masonry({
  536. itemSelector: '.entry, .entry_photo',
  537. isAnimated : false
  538. });
  539. });
  540.  
  541. $wall.infinitescroll({
  542. navSelector : '#page-nav',
  543. nextSelector : '#page-nav a',
  544. itemSelector : '.entry, .entry_photo',
  545. bufferPx : 2000,
  546. debug : false,
  547. errorCallback: function() {
  548. $('#infscr-loading').fadeOut('normal');
  549. }},
  550. {block:ifinfinitescroll}
  551. function( newElements ) {
  552. var $newElems = $( newElements );
  553. $newElems.hide();
  554. $newElems.imagesLoaded(function(){
  555. $wall.masonry( 'appended', $newElems,{isAnimated: false}, function(){$newElems.fadeIn('slow');} );
  556. });
  557. }); $('#content').show(500);{/block:ifinfinitescroll}
  558. });
  559. </script>
  560. {/block:indexpage}
  561.  
  562. <!--end-->
  563.  
  564. <link href="//dl.dropbox.com/s/50g6fbds3rh4m0j/saturnicons.css" rel="stylesheet">
  565.  
  566. </head>
  567.  
  568. <body>
  569.  
  570. <div id="top"></div>
  571. <div id="left"></div>
  572.  
  573. <div id="updateicon">
  574.  
  575. <div class="dropdown">
  576. <span><a class="lnr lnr-{text:update icon}"></a></span>
  577. <div class="dropdown-content">
  578. <upd>Title here</upd><br><br>
  579. write whateever you'd like in here. hello, hello<br>
  580. updates, news, hobbies, ect<br>
  581.  
  582. <upd>Title here</upd><br><br>
  583. write whateever you'd like in here.<br>
  584. stats maybe?<br>
  585. queued?<br>
  586. time? followers?<br>
  587.  
  588. <upd>Title here</upd><br><br>
  589. write whateever you'd like in here. hello, hello<br>
  590. i love you all sooooo much!<br>
  591. k bye
  592. </div>
  593. </div>
  594. </div>
  595.  
  596. <!-- sidebar here--->
  597. <div id="sidebar">
  598. <!-- blogtitle inside sidebar--->
  599. <div id="blogtitle">
  600. <a href="/"title="refresh">{Title}</div></a>
  601.  
  602. {block:Description}
  603. <div id="description">{Description}</div>
  604. {/block:Description}
  605.  
  606. <div align="center">
  607. <div class="links">
  608. <center>
  609. <a class="lnr lnr-{text:Link 1 Icon}" href="{text:Link 1 URL}"title="inbox"></a>
  610. <a class="lnr lnr-{text:Link 2 Icon}" href="{text:Link 2 URL}"title="about"></a>
  611. <a class="lnr lnr-{text:Link 3 Icon}" href="{text:Link 3 URL}"title="links"></a>
  612. <a class="lnr lnr-{text:Link 4 Icon}" href="{text:Link 4 URL}"title="past"></a>
  613. </center>
  614. </div></div>
  615. </div>
  616.  
  617. <!---credit--->
  618. <div style="position:fixed; z-index: 9; bottom: 1%; right:0%; opacity: 0.8;"><a href="http://infinitethemes.tumblr.com/" title="infinitethemes"><img src="https://78.media.tumblr.com/f8aad7841e58009d512e608d6d6a25a5/tumblr_messaging_p8fx4v4rYL1qkb0ks_250.png" style="width:40px;"/></a></div>
  619.  
  620. <!--container encasing entries--->
  621. <div id="container">
  622. <!-- EDIT POST TYPES HERE ON--->
  623. {block:Posts}
  624. <div class="entry">
  625. {block:Text}
  626. <!-- start of text posts--->
  627. <div class="post text">
  628. {block:Title}
  629. <h2><a href="{Permalink}">{Title}</a></h2>
  630. {/block:Title}{Body}
  631. </div> {block:IndexPage}
  632. <div class="permalinktext"> <a href="{Permalink}" title="Permalink">{NoteCountWithLabel}</a> <font color="#aaa">&middot</font> <a href="{ReblogURL}">Reblog</a> </div>
  633. {/block:IndexPage}
  634. {/block:Text}
  635. <!-- end of text posts--->
  636. {block:Photo}
  637.  
  638. <!-- start of photo posts--->
  639. <div class="post photo">
  640. {block:IndexPage}
  641. <center>
  642. <a href="{Permalink}"> <img src="{PhotoURL-500}" alt="{PhotoAlt}"/>
  643. </a> </center>
  644.  
  645. <div class="permalinktext"> <a href="{Permalink}">{NoteCountwithLabel}</a>
  646. <a href="{ReblogURL}" target="_blank" class="details" style="float: right;">reblog &nbsp;<span class="lnr lnr-redo"></span></a>
  647. </div>
  648.  
  649. {/block:IndexPage}{block:PermalinkPage}
  650. <img src="{PhotoURL-500}" alt="{PhotoAlt}"/>
  651. </a>
  652.  
  653. {/block:PermalinkPage}
  654. </div>
  655.  
  656. {/block:Photo}
  657. <!-- end of photo posts--->
  658. {block:Panorama}
  659.  
  660. <!-- start of panorama posts--->
  661. <div class="post panorama">
  662. {LinkOpenTag}
  663. <img src="{PhotoURL-Panorama}" alt="{PhotoAlt}"/>
  664. {LinkCloseTag}
  665. </div> <div class="permalinktext"> <a href="{ReblogURL}">Reblog</a>&middot <a href="{Permalink}" title="Permalink">{NoteCountWithLabel}</a> &middot <a href="{Permalink}">Details</a> </div>
  666. {/block:Panorama}
  667. {block:Photoset}
  668. <!-- start of photoset posts--->
  669. {block:ifpermalinksonhover}
  670. <div id="Perma"><a href="{ReblogURL}">Reblog</a> &middot <a href="{Permalink}">Details</a></div>
  671. {/block:ifpermalinksonhover}
  672. <div class="post photoset">
  673. <center>
  674. {block:Photos}
  675. {block:Indexpage}<a href="{Permalink}"><img src="{PhotoURL-500}" width="500px" /></a>
  676. {/block:Indexpage}
  677. {block:PermalinkPage}<img src="{PhotoURL-500}" width="500px" />{/block:PermalinkPage}
  678. {/block:Photos}
  679. {block:IndexPage}
  680. {block:ifshowcaption}
  681. {block:Caption}
  682.  
  683. {Caption}
  684.  
  685. {/block:Caption}
  686. {/block:ifshowcaption}
  687. <div class="permalinktext"> <a href="{ReblogURL}">Reblog</a>&middot <a href="{Permalink}" title="Permalink">{NoteCountWithLabel}</a> &middot <a href="{Permalink}">Details</a> </div> {/block:IndexPage}
  688. </center>
  689. {/block:PermalinkPage}
  690. </div>
  691.  
  692. <!-- end of photoset posts--->
  693. {/block:Photoset}
  694. {block:Quote}
  695. <!-- start of quote posts--->
  696. <div class="post quote">
  697. "{Quote}"
  698.  
  699. {block:Source}
  700. <div class="source">{Source}</div>
  701. {/block:Source}
  702. </div> {block:IndexPage}
  703. <div class="permalinktext"> <a href="{Permalink}" title="Permalink">{NoteCountWithLabel}</a> <font color="#aaa">&middot</font> <a href="{ReblogURL}">Reblog</a> </div>
  704. {/block:IndexPage}
  705. {/block:Quote}
  706. <!-- end of quote posts--->
  707. {block:Link}
  708. <!-- start of link posts--->
  709. <div class="post link">
  710. <a href="{URL}" class="link" {Target}>{Name}</a>
  711.  
  712. {block:Description}
  713. <div class="description">{Description}</div>
  714. {/block:Description}
  715. </div> {block:IndexPage}
  716. <div class="permalinktext"> <a href="{Permalink}" title="Permalink">{NoteCountWithLabel}</a> <font color="#aaa">&middot</font> <a href="{ReblogURL}">Reblog</a> </div>
  717. {/block:IndexPage}
  718. {/block:Link}
  719.  
  720. <!-- end of link posts--->
  721.  
  722.  
  723. {block:Chat}
  724.  
  725. <!-- start of chat posts--->
  726. <div class="post chat">
  727. {block:Title}
  728. <h3><a href="{Permalink}">{Title}</a></h3>
  729. {/block:Title}
  730.  
  731. <div class="chat">
  732. {block:Lines}
  733. <div class="{Alt} user_{UserNumber}">
  734. {block:Label}
  735. <span class="label">{Label}</span>
  736. {/block:Label}{Line}
  737. </div>
  738. {/block:Lines}
  739. </div>
  740. </div> {block:IndexPage}
  741. <div class="permalinktext"> <a href="{Permalink}" title="Permalink">{NoteCountWithLabel}</a> <font color="#aaa">&middot</font> <a href="{ReblogURL}">Reblog</a> </div>
  742. {/block:IndexPage}
  743. {/block:Chat}
  744. <!-- end of chat posts--->
  745. {block:Video}
  746. <!-- start of video posts--->
  747. <div class="post video">
  748. {block:IndexPage}
  749. {Video-250}
  750. div class="permalinktext"> <a href="{Permalink}" title="Permalink">{NoteCountWithLabel}</a> <font color="#aaa">&middot</font> <a href="{ReblogURL}">Reblog</a> </div>
  751. {/block:IndexPage}
  752.  
  753. {block:PermalinkPage} {Video-500}{/block:PermalinkPage}
  754. </div>
  755. {/block:Video}
  756. <!-- end of video posts--->
  757. {block:Audio}
  758. <!-- start of audio posts--->
  759. <div class="post audio">
  760. {block:IndexPage}
  761. {AudioEmbed-250}
  762. <div class="permalinktext"> <a href="{Permalink}" title="Permalink">{NoteCountWithLabel}</a> <font color="#aaa">&middot</font> <a href="{ReblogURL}">Reblog</a> </div>
  763. {block:IndexPage}
  764.  
  765. {block:PermalinkPage}
  766. {AudioEmbed-500}
  767.  
  768. {/block:PermalinkPage}
  769. </div>
  770. {/block:Audio}
  771. <!-- end of audio posts--->
  772. {block:Answer}
  773. <!-- start of question posts--->
  774. <img src="{AskerPortraitURL-30}" width="30" align="left">
  775. <div class="question"><div class="asker">{Asker} asked: {Question}</div></div>
  776. {block:Answerer}
  777. <div class="answer"><div class="answerer"></div>{Answer}</div>
  778. {/block:Answerer}
  779.  
  780. <div class="replies">
  781. {Replies}
  782. </div> {block:IndexPage}
  783. <div class="permalinktext"> <a href="{Permalink}" title="Permalink">{NoteCountWithLabel}</a> <font color="#aaa">&middot</font> <a href="{ReblogURL}">Reblog</a> </div>
  784. {/block:IndexPage}
  785. {/block:Answer}
  786.  
  787. <!-- end of question posts--->
  788.  
  789. <!-- start styling of permalinkpage--->
  790. {block:PermalinkPagination}<!-- permalinkpagination keeps this from messing with pages and you ask page--->
  791. {block:PermalinkPage}
  792. {block:Caption}
  793. <div class="caption">{Caption}</div>
  794. {/block:Caption}
  795. <div id="permpage">
  796. {NoteCountWithLabel}
  797. <br><br>
  798. <div class="tags">
  799. {block:HasTags}
  800. {block:Tags}
  801. <a href={TagURL}>
  802. <i class="fa fa-tags"></i> {Tag}</a>
  803. {/block:Tags}
  804. {/block:HasTags}
  805. </div>
  806. {block:PostNotes}
  807. {PostNotes-16}
  808. </div></div>
  809. {/block:PostNotes}
  810. {/block:PermalinkPage}
  811. {/block:PermalinkPagination}
  812.  
  813. <!-- end of styling of permalinkpage--->
  814. </div>
  815.  
  816.  
  817. {/block:Posts}
  818. </div>
  819.  
  820.  
  821. <!-- IMPORTANT INFINITE SCROLL STUFF--->
  822. {block:ifnotinfinitescroll}
  823. <div class="pagination">
  824. <center>
  825. {block:PreviousPage}
  826. <a href="{PreviousPage}">Previous</a>
  827. {/block:PreviousPage}
  828. {block:JumpPagination}
  829. {block:CurrentPage}
  830. <span class="current_page">{PageNumber}</span>
  831. {/block:CurrentPage}
  832. {block:JumpPage}
  833. <a class="jump_page" href="{URL}">{PageNumber}</a>
  834. {/block:JumpPage}
  835. {/block:JumpPagination}
  836. {block:NextPage}
  837. <a href="{NextPage}">Next</a>
  838. {/block:NextPage}
  839. </div></center>
  840. {/block:ifnotinfinitescroll}
  841.  
  842. <!--infinite scroll-->
  843. {block:ifinfinitescroll}
  844. <div class="pagination">
  845. {block:Pagination}
  846. {block:PreviousPage}
  847. <a href="{PreviousPage}">previous</a> &middot;
  848. {/block:PreviousPage}
  849. {block:NextPage}
  850. <a href="{NextPage}" id="next">next</a>
  851. {/block:NextPage}
  852. {/block:Pagination}
  853. {/block:ifinfinitescroll}
  854. </div>
  855. </body>
  856. </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!