API tools faq
paste
azurethemes

01::sugarpill

azurethemes
May 13th, 2016
592
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 19.58 KB | None | 0 0
raw download clone embed print report
  1. <!----
  2.  
  3.  
  4. theme #01 sugarpill
  5. --------------- { by azure/daddythemes } ---------------
  6. keep the credit. dont steal. dont claim as own. dont be an asshole.
  7. (=ﾟωﾟ)ﾉ
  8.  
  9.  
  10.  
  11. --->
  12. <!-----start html---->
  13. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  14. <script language="javascript" type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
  15. <!-----custom google fonts---->
  16. <script type="text/javascript">
  17. WebFontConfig = {
  18. google: { families: [ 'Roboto:400,500,700:latin' , 'Roboto::latin' , 'Khand:400,600:latin' , 'Montserrat:400,700:latin' , 'Lato:300,700:latin', 'Raleway:400,700:latin' , 'Bitter:400,400italic,700:latin', 'Lora:400,400italic,700,700italic:latin', 'Cinzel:400,700:latin'] }
  19. };
  20. (function() {
  21. var wf = document.createElement('script');
  22. wf.src = ('https:' == document.location.protocol ? 'https' : 'http') +
  23. '://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js';
  24. wf.type = 'text/javascript';
  25. wf.async = 'true';
  26. var s = document.getElementsByTagName('script')[0];
  27. s.parentNode.insertBefore(wf, s);
  28. })(); </script>
  29. <!-----tooltips---->
  30. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script><script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  31. <script>
  32. (function($){
  33. $(document).ready(function(){
  34. $("a[title]").style_my_tooltips({
  35. tip_follows_cursor:true,
  36. tip_delay_time:100,
  37. tip_fade_speed:500,
  38. attribute:"title"
  39. });
  40. });
  41. })(jQuery);
  42. </script>
  43. <!-----back to top button---->
  44. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.3/jquery.min.js"></script>
  45. <script>
  46. $(document).ready(function(){
  47.  
  48. // Der Button wird mit JavaScript erzeugt und vor dem Ende des body eingebunden.
  49. var back_to_top_button = ['<a href="#top" class="back-to-top">back to top</a>'].join("");
  50. $("body").append(back_to_top_button)
  51.  
  52. // Der Button wird ausgeblendet
  53. $(".back-to-top").hide();
  54.  
  55. // Funktion für das Scroll-Verhalten
  56. $(function () {
  57. $(window).scroll(function () {
  58. if ($(this).scrollTop() > 100) { // Wenn 100 Pixel gescrolled wurde
  59. $('.back-to-top').fadeIn();
  60. } else {
  61. $('.back-to-top').fadeOut();
  62. }
  63. });
  64.  
  65. $('.back-to-top').click(function () { // Klick auf den Button
  66. $('body,html').animate({
  67. scrollTop: 0
  68. }, 800);
  69. return false;
  70. });
  71. });
  72.  
  73. });
  74. </script>
  75. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.3/jquery.min.js"></script>
  76. <script type="text/javascript"
  77. src="http://codysherman.com/tools/infinite-scrolling/code" ></script>
  78. <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
  79. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
  80. <script type="text/javascript" src="http://masonry.desandro.com/js/jquery-1.7.1.min.js"></script>
  81. <script type="text/javascript" src="http://static.tumblr.com/twte3d7/4Wjm5wj58/disassemble_v3.js"></script>
  82. <head>
  83. <title>{Title}</title>
  84. <link rel="shortcut icon" href="{Favicon}">
  85. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  86. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  87. <!-----all colors---->
  88. <meta name="color:background" content="#f5f5f5"/>
  89. <meta name="color:text" content="#000000"/>
  90. <meta name="color:links" content="#000000"/>
  91. <meta name="color:info" content="#000000"/>
  92. <meta name="color:credit" content="#000000"/>
  93. <meta name="color:posts" content="#ffffff">
  94. <meta name="color:scrollbar" content="#000000">
  95. <meta name="color:asks" content="#ffffff">
  96. <meta name="color:hover" content="#97c5e0">
  97. <meta name="color:accent" content="#97c5e0">
  98. <meta name="color:accent two" content="#97c5e0">
  99. <!-----images---->
  100. <meta name="image:background" content=""/>
  101. <meta name="image:sidebar" content=""/>
  102. <meta name="image:header" content=""/>
  103. <!-----texts---->
  104. <meta name="text:title" content="Theme 09: Eevee"/>
  105. <!-----sidebar links---->
  106. <meta name="text:link one" content="link one">
  107. <meta name="text:link two" content="link two">
  108. <meta name="text:link three" content="link three">
  109. <meta name="text:link four" content="link four">
  110. <meta name="text:link one url" content="/">
  111. <meta name="text:link two url" content="/">
  112. <meta name="text:link three url" content="/">
  113. <meta name="text:link four url" content="/">
  114.  
  115. <!-----custom css---->
  116. <style type="text/css">
  117. /*tumblr controls*/
  118. .tmblr-iframe {
  119. top:0px!important;
  120. position:fixed!important;
  121. opacity:0.5;
  122. z-index:99999999999999!important;
  123. }
  124. /*scrollbar*/
  125. ::-webkit-scrollbar-thumb{
  126. height:auto;
  127. background-color:{color:scrollbar};
  128. }
  129. ::-webkit-scrollbar{
  130. height:2px;
  131. width:5px;
  132. }
  133. /*tooltips*/
  134. #s-m-t-tooltip{
  135. margin:13px 18px 6px 18px;
  136. padding:10px;
  137. background-color:{color:posts};
  138. font-family: 'bitter', serif;
  139. border:1px solid {color:accent};
  140. font-weight:500;
  141. font-size:8px;
  142. text-transform:uppercase;
  143. letter-spacing:1px;
  144. color:{color:text};
  145. z-index:999999999999999999999999999999999999;
  146. }
  147. /*body basics*/
  148. body{
  149. background-color:{color:background};
  150. background-image:url('{image:background}');
  151. background-attachment: fixed;
  152. background-repeat: repeat;
  153. font-weight:none;
  154. font-family: 'calibri', sans-serif;
  155. font-size:10px;
  156. text-align:justify;
  157. color:{color:text};
  158. margin:0;
  159. }
  160. a{
  161. text-decoration:none;
  162. color:{color:links};
  163. transition-duration: 0.1s;
  164. -moz-transition-duration: 0.1s;
  165. -webkit-transition-duration: 0.1s;
  166. -o-transition-duration: 0.1s;
  167. }
  168. a:hover{
  169. text-decoration:none;
  170. color:{color:accent};
  171. transition-duration: 0.1s;
  172. -moz-transition-duration: 0.1s;
  173. -webkit-transition-duration: 0.1s;
  174. -o-transition-duration: 0.1s;
  175. }
  176. img {
  177. }
  178. blockquote {
  179. font-size:10px;
  180. width:auto;
  181. border-left:3px solid #eee;
  182. text-align:left;
  183. padding:1px;
  184. font-weight:none;
  185. margin-top:15px;
  186. margin-left:21px;
  187. padding-top:0.5px;
  188. padding-bottom:0.5px;
  189. font-size:10px;
  190. font-family: 'calibri', sans-serif;
  191. margin-right:20px;
  192. padding-left:15px;
  193. color:{color:text};
  194. }
  195. pre{
  196. font-size:9px;
  197. text-align:center;
  198. text-transform:none;
  199. font-family: 'Bitter', serif;
  200. font-weight:bold;
  201. line-height:9px;
  202. border-left:1px solid #eee;
  203. border-bottom:1px solid #eee;
  204. letter-spacing:2px;
  205. background-color:{color:posts};
  206. color:{color:text};
  207. padding:6px;
  208. }
  209. small{
  210. font-size:9px;
  211. font-family: 'roboto', sans-serif;
  212. }
  213. big{
  214. font-size:12px;
  215. font-family: 'roboto', sans-serif;
  216. font-weight:700;
  217. }
  218. sub{
  219. font-size:8px;
  220. font-family: 'calibri', sans-serif;
  221. }
  222. h1 {
  223. font-size:11px;
  224. text-align:center;
  225. font-family: 'roboto', sans-serif;
  226. letter-spacing:0px;
  227. text-transform:uppercase;
  228. font-weight:700;
  229. line-height:17px;
  230. border-bottom:1px solid #eee;
  231. color:{color:text};
  232. padding:7px;
  233. }
  234. h1 a{
  235. color:{color:text};
  236. }
  237. h2{
  238. color:{color:text};
  239. text-transform:uppercase;
  240. font-family: 'Roboto', sans-serif;
  241. text-align:left;
  242. }
  243. b {
  244. font-weight:bold;
  245. font-family: 'Roboto', sans-serif;
  246. color:{color:text};
  247. }
  248. i {
  249. font-weight:italic;
  250. color:{color:text};
  251. }
  252. grouptitle {
  253. color:{color:text};
  254. text-transform:none;
  255. font-size:10px;
  256. font-family: 'calibri', sans-serif;
  257. }
  258. tit {
  259. color:{color:text};
  260. font-size:16px;
  261. padding:20px;
  262. text-transform:uppercase;
  263. font-family: 'raleway', sans-serif;
  264. letter-spacing:0px;
  265. font-weight:600;
  266. }
  267. am {
  268. color:{color:text};
  269. font-size:22px;
  270. padding:8px;
  271. padding-top:2px;
  272. text-transform:uppercase;
  273. font-family: 'roboto', sans-serif;
  274. letter-spacing:0px;
  275. font-weight:500;
  276. }
  277. n {
  278. font-weight:bold;
  279. letter-spacing:-1px;
  280. text-shadow: 1px 1px 1px #cccccc;
  281. font-size:12px;
  282. text-transform:uppercase;
  283. color:{color:text};
  284. }
  285. u {
  286. text-decoration:none;
  287. color:color:;{text};
  288. padding:3px;
  289. border-bottom:1px solid {color:accent};
  290. }
  291. underline {
  292. text-decoration:none;
  293. color:{color:info};
  294. border-bottom:1px solid {color:text};
  295. }
  296. /*icon image*/
  297. #icon {
  298. position:fixed;
  299. margin-top:190px;
  300. padding:10px;
  301. margin-left:180px;
  302. background-color:transparent;
  303. z-index:9999999999999999;
  304. }
  305. #iconimage {
  306. z-index:-99999;
  307. }
  308. #iconimage img {
  309. width:80px;
  310. height:80px;
  311. left:345px;
  312. top:185px;
  313. position:absolute;
  314. border-radius:100px;
  315. border:7px solid {color:posts};
  316. opacity:1;
  317. z-index:999999;
  318. }
  319. /*header image*/
  320. #header {
  321. position:fixed;
  322. margin-top:190px;
  323. padding:10px;
  324. margin-left:180px;
  325. background-color:transparent;
  326. z-index:9999999999999999;
  327. }
  328. #headerimage {
  329. z-index:-99999;
  330. }
  331. #headerimage img {
  332. width:750px;
  333. height:170px;
  334. left:310px;
  335. top:60px;
  336. position:absolute;
  337. background:{color:accent};
  338. opacity:1;
  339. z-index:99999;
  340. -moz-transition-duration:0.5s;
  341. -webkit-transition-duration:0.5s;
  342. -o-transition-duration:0.5s;
  343. transition: all 0.3s ease-out;
  344. }
  345. /*sidebar description*/
  346. #description {
  347. overflow:auto;
  348. position:absolute;
  349. text-align:left;
  350. top:250px;
  351. left:410px;
  352. font-family: 'roboto', sans-serif;
  353. width:240px;
  354. text-transform:none;
  355. height:50px;
  356. padding:20px;
  357. font-weight:400;
  358. opacity:1;
  359. line-height:14px;
  360. background-color:{color:posts};
  361. color:{color:text};
  362. letter-spacing:0px;
  363. font-size:9px;
  364. z-index:99999;
  365. }
  366. /*titles*/
  367. #sbtitle{
  368. width:auto;
  369. height:30px;
  370. top:243px;
  371. opacity:1;
  372. position:absolute;
  373. font-family: 'bitter',sans-serif;
  374. letter-spacing:2px;
  375. text-align:left;
  376. font-style:italic;
  377. padding-left:0px;
  378. overflow:hidden;
  379. font-weight:400;
  380. color:{color:text};
  381. text-transform:uppercase;
  382. line-height:34px;
  383. font-size:11px;
  384. left:450px;
  385. z-index:99999999;
  386. }
  387. #sbbackground{
  388. width:750px;
  389. height:130px;
  390. top:230px;
  391. border-top:5px solid {color:accent};
  392. opacity:1;
  393. position:absolute;
  394. overflow:hidden;
  395. background:{color:posts};
  396. color:{color:text};
  397. left:310px;
  398. z-index:99;
  399. }
  400. /*back to top button*/
  401. .back-to-top {
  402. position: fixed;
  403. color:{color:text};
  404. bottom:13px;
  405. text-transform:uppercase;
  406. background:{color:background};
  407. left:13px;
  408. font-family: 'bitter', sans-serif;
  409. font-size:9px;
  410. letter-spacing:0px;
  411. z-index:9999999999;
  412. font-weight:400;
  413. padding:10px;
  414. }
  415. /*jump pagination*/
  416. .pagination{
  417. font-family: 'roboto', sans-serif;
  418. margin-left:-190px;
  419. width:auto;
  420. padding-top:-10px;
  421. letter-spacing:2px;
  422. padding-bottom:20px;
  423. font-size:13px;
  424. text-align:center;
  425. }
  426. .pagination a{
  427. padding:5px;
  428. font-family: 'roboto', sans-serif;
  429. font-weight:600;
  430. bottom:10px;
  431. margin-left:5px;
  432. color:{color:text};
  433. }
  434. .pagination a:hover{
  435. color:{color:hover};
  436. -moz-transition-duration:0.5s;
  437. -webkit-transition-duration:0.5s;
  438. -o-transition-duration:0.5s;
  439. transition: all 0.3s ease-out;
  440. }
  441. /*audio*/
  442. .audioartist {
  443. font-family:'roboto', sans-serif;
  444. font-size:10px;
  445. text-transform:lowercase;
  446. font-weight:600;
  447. }
  448. .audiotitle {
  449. font-family:'roboto', sans-serif;
  450. font-size:10px;
  451. text-transform:lowercase;
  452. font-weight:600;
  453. }
  454. .audioplayed {
  455. font-family:'roboto', sans-serif;
  456. font-size:10px;
  457. text-transform:lowercase;
  458. font-weight:600;
  459. }
  460. .audioplayr {
  461. width:400px;
  462. color:{color:text};
  463. background:{color:accent};
  464. }
  465. audioinfo {
  466. font-family:'roboto', sans-serif;
  467. font-size:10px;
  468. letter-spacing:2px;
  469. text-transform:lowercase;
  470. font-weight:300;
  471. }
  472. /*post styles*/
  473. .pcaption{
  474. font-family:'roboto', sans-serif;
  475. font-size:9px;
  476. margin-left:0px;
  477. letter-spacing:1px;
  478. text-transform:none;
  479. font-weight:300;
  480. }
  481. .psets{
  482. max-width:400px;
  483. margin-top:-13px;
  484. height:auto;
  485. }
  486. .vsets{
  487. max-width:400px;
  488. margin-top:-13px;
  489. height:auto;
  490. }
  491. /*posts*/
  492. #entries {
  493. margin-left:485px;
  494. margin-top:400px;
  495. overflow:hidden;
  496. z-index:99999;
  497. }
  498. #post {
  499. font-size:10px;
  500. width:400px;
  501. padding:15px;
  502. color:{color:text};
  503. background-color:{color:posts};
  504. text-align:justify;
  505. z-index:-99999;
  506. margin-bottom:60px;
  507. padding-bottom:0px;
  508. overflow:hidden;
  509. }
  510. #post img{
  511. max-width:400px;
  512. margin-top:-12px;
  513. height:auto;
  514. }
  515. /*questions and answers*/
  516. #asking {
  517. margin-left:20px;
  518. margin-top:-35px;
  519. }
  520. #askingimage {
  521. }
  522. #askingimage img {
  523. margin-left:20px;
  524. width:30px;
  525. height:30px;
  526. border-radius:100px;
  527. margin-top:0px;
  528. }
  529. #question {
  530. padding:20px;
  531. padding-left:14px;
  532. margin-top:-32px;
  533. margin-left:10px;
  534. width:349px;
  535. color:{color:text};
  536. background-color:{color:asks};
  537. }
  538. #asker{
  539. margin-top:-66px;
  540. padding:1px;
  541. font-weight:300;
  542. font-size:11px;
  543. z-index:9999999999;
  544. color:{color:text};
  545. opacity:1;
  546. margin-left:14px;
  547. letter-spacing:0px;
  548. font-family: 'roboto', sans-serif;
  549. text-transform:lowercase;
  550. }
  551. #askerurl{
  552. margin-top:-19px;
  553. padding:1px;
  554. font-weight:300;
  555. font-size:11px;
  556. padding:7px;
  557. line-height:14px;
  558. height:13px;
  559. width:465px;
  560. z-index:9999999999;
  561. color:{color:text};
  562. opacity:1;
  563. margin-left:46px;
  564. padding-bottom:11px;
  565. letter-spacing:0px;
  566. font-family: 'roboto', sans-serif;
  567. text-transform:lowercase;
  568. }
  569. /*post info*/
  570. #info {
  571. width:410px;
  572. height:55px;
  573. background:{color:posts};
  574. text-align:left;
  575. font-family: 'bitter', sans-serif;
  576. text-transform:uppercase;
  577. margin-left:-20px;
  578. font-size:8px;
  579. padding-left:30px;
  580. margin-top:-10px;
  581. opacity:1;
  582. overflow:hidden;
  583. font-weight:400;
  584. font-style:none;
  585. line-height:55px;
  586. letter-spacing:1px;
  587. z-index:9999999999999999;
  588. color:{color:info};
  589. }
  590. #info a {
  591. text-align:center;
  592. font-weight:400;
  593. padding:2px;
  594. letter-spacing:0px;
  595. font-family: 'bitter', sans-serif;
  596. line-height:5px;
  597. color:{color:info};
  598. }
  599. #info a:hover{
  600. color:{color:hover};
  601. }
  602. /*credit (u better leave this here u goof)*/
  603. #credit{
  604. position:fixed;
  605. font-size:8px;
  606. font-weight:600;
  607. height:20px;
  608. width:20px;
  609. opacity:1;
  610. border-radius:100px;
  611. right:13px;
  612. bottom:13px;
  613. letter-spacing:1px;
  614. line-height:26px;
  615. padding:5px;
  616. text-align:center;
  617. float:left;
  618. font-family: 'lato', sans-serif;
  619. color:{color:text};
  620. text-transform:uppercase;
  621. -moz-transition-duration:0.5s;
  622. -webkit-transition-duration:0.5s;
  623. -o-transition-duration:0.5s;
  624. transition: all 0.3s ease-out;
  625. }
  626. #credit:hover{
  627. opacity:0.5;
  628. -moz-transition-duration:0.5s;
  629. -webkit-transition-duration:0.5s;
  630. -o-transition-duration:0.5s;
  631. transition: all 0.3s ease-out;
  632. }
  633. /*sidebar links*/
  634. .links {
  635. width:360px;
  636. height:28px;
  637. overflow:hidden;
  638. cursor:pointer;
  639. left:500px;
  640. opacity:1;
  641. z-index:9999999999;
  642. padding:10px;
  643. position:absolute;
  644. top:130px;
  645. text-align:center;
  646. }
  647. .links #all {
  648. margin-left:-5px;
  649. margin-top:0px;
  650. padding:5px;
  651. height:28px;
  652. transition-duration: 0.3s;
  653. -moz-transition-duration: 0.3s;
  654. -webkit-transition-duration: 0.3s;
  655. -o-transition-duration: 0.3s;
  656. }
  657. .links #all a:hover {
  658. opacity:1;
  659. transition-duration: 0.3s;
  660. -moz-transition-duration: 0.3s;
  661. -webkit-transition-duration: 0.3s;
  662. -o-transition-duration: 0.3s;
  663. }
  664. .links a {
  665. width:auto;
  666. height:auto;
  667. margin-bottom:0px;
  668. text-align:center;
  669. text-transform:uppercase;
  670. padding:5px;
  671. opacity:0.5;
  672. margin-left:0px;
  673. line-height:9px;
  674. color:{color:links};
  675. z-index:99999;
  676. font-weight:600;
  677. font-family: 'lato', sans-serif;
  678. letter-spacing:20px;
  679. font-size:14px;
  680. display:inline-block;
  681. -webkit-transition: all 0.3s ease-in-out;
  682. -moz-transition: all 0.3s ease-in-out;
  683. -o-transition: all 0.3s ease-in-out;
  684. -ms-transition: all 0.3s ease-in-out;
  685. transition: all 0.3s ease-in-out;
  686. }
  687. {CustomCSS}</style>
  688. </head>
  689. <body>
  690. <!-----basics---->
  691. <div id="sidebar">
  692. <div id="iconimage"><img src="{image:sidebar}"></a></div>
  693. <div id="headerimage"><img src="{image:header}"></a></div>
  694. <div id="description">{description}</div>
  695. <div id="sbtitle">{text:title}</div>
  696. <div id="sbbackground"></div>
  697. </div>
  698. </div>
  699. <!-----sidebar links---->
  700. <div class="links">
  701. <div id="all">
  702. <a href="/"title="refresh"><i class="fa fa-refresh"style="color:{color:links}"></i></a>
  703. <a href="/ask"title="message"><i class="fa fa-reply"style="color:{color:links}"></i></a>
  704. <a href="{text:link one url}"title="{text:link one}"><i class="fa fa-diamond"style="color:{color:links}"></i></a>
  705. <a href="{text:link two url}"title="{text:link two}"><i class="fa fa-heart"style="color:{color:links}"></i></a>
  706. </div>
  707. </div>
  708. <!-----posts and entries---->
  709. <div id="entries">
  710. {block:Posts}
  711. <div id="post"
  712. <div id="post">
  713. <!----texts---->
  714. {block:Text}
  715. {block:Title}<h1><center>{Title}</center></h1>{/block:Title}
  716. <center>{Body}</center>
  717. {/block:Text}
  718. <!-----question and answers---->
  719. {block:Answer}
  720. <div id="askingimage"><img src="{AskerPortraitURL-48}"/></div>
  721. <div id="askerurl"><b>{Asker}</b> asked:</div>
  722. <div id="question">{Question}</div>
  723. {Answer}{/block:Answer}
  724. <!-----quotes---->
  725. {block:Quote}
  726. {block:Quote}
  727. <h2>{Quote}</h2>
  728. <div align="right">
  729. {block:Source}<h1>-{Source}</h1>{/block:Source}
  730. </div>
  731. {/block:Quote}
  732. <!-----links---->
  733. {block:Link}
  734. <h2><center><a href="{URL}">{Name}</center></a></h2>
  735. {block:Description}{Description}{/block:Description}
  736. {/block:Link}
  737. <!-----chats---->
  738. {block:Chat}
  739. {block:Title}<h2>{Title}</h2>{/block:Title}
  740. <ul class="convo">{block:Lines}<li class="line">{block:Label}<span class ="label">{Label}</span>{/block:Label}
  741. {Line}</li>{/block:Lines}</ul>
  742. {/block:Chat}
  743. <!-----photos---->
  744. {block:Photo}
  745. {LinkOpenTag}<img src="{PhotoURL-400}" alt="{PhotoAlt}" width="auto">{LinkCloseTag}
  746. {block:Caption}<div class="pcaption">{Caption}</div>{/block:Caption}
  747. {/block:Photo}
  748. <!-----photosets---->
  749. {block:Photoset}
  750. <div class="psets">{Photoset-400}</div>
  751. {block:Caption}<div class="pcaption">{Caption}</div>{/block:Caption}
  752. {/block:Photoset}
  753. <!-----videos---->
  754. {block:Video}
  755. <div class="vsets">{Video-400}</div>
  756. {block:Caption}<div class="pcaption">{Caption}</div>{/block:Caption}
  757. {/block:Video}
  758. <!-----audios---->
  759. {block:Audio}<left>{block:AlbumArt}<img src="{AlbumArtURL}" width="60px" height="60px" align="left" style="margin-right:10px;" />{/block:AlbumArt}
  760. {block:TrackName}<div class="audiotitle">Title: <audioinfo>{TrackName}</audioinfo><br/></div>{/block:TrackName}
  761. {block:Artist}<div class="audioartist">Artist: <audioinfo>{Artist}</audioinfo><br/></div>{/block:Artist}
  762. {/block:ExternalAudio}<div class="audioplayed">Played: <audioinfo>{PlayCount} times</audioinfo> </div>
  763. </br>
  764. <div class="audioplayr"style="background:{color:accent}">{AudioPlayer}</div>
  765. {/block:Audio}
  766. <!-----info---->
  767. <div id="borderbottom"></div>
  768. <div id="info">
  769. <div id="permalink">
  770. <top><a href="{Permalink}"title="{TimeAgo}">
  771. <u> {DayOfMonth} {ShortMonth} {ShortYear}</u></top></a>/ <u>{NoteCountWithLabel}</u> <font style="float:right;margin-right:27px;"><a href="{ReblogURL}"title="reblog"target="_blank" class="details"><i class="fa fa-repeat" style="color:{color:info}"></i></a><a href="{ReblogParentURL}" ><a href="{ReblogParentURL}"><u> Via</u></a><a href="{SourceURL}"> <u>SRC</u></a></font style></top></a></div>
  772. {/block:ContentSource}
  773. {/block:RebloggedFrom}
  774. </a></div>
  775. {/block:Date}
  776.  
  777. </div>
  778. {block:PostNotes} {PostNotes} {/block:PostNotes}
  779.  
  780. {/block:Posts}
  781. {block:Pagination}
  782. <div class="pagination"style="{color:title text}">
  783. {block:PreviousPage}<a href="{PreviousPage}"title="previous page">BACK</a>{/block:PreviousPage}{block:JumpPagination length="4"}{block:CurrentPage}<span class="current_page"style="color:{color:accent};font-weight:600;padding:5px">{PageNumber}</span>{/block:CurrentPage}{block:JumpPage}<a class="jump_page"style="{color:text}" href="{URL}">{PageNumber}</a>{/block:JumpPage}{/block:JumpPagination}{block:NextPage}<a href="{NextPage}"title="next page">NEXT</a>{/block:NextPage}
  784. {/block:Pagination}</div>
  785. </div>
  786. <!-----credit (u better dont touch this here u goof)---->
  787. <div id="credit">
  788. <a href="http://ceesty.com/qNgV4R"title="daddythemes"><i class="fa fa-at" style="color:{color:credit};font-size:14px;margin-top:5px"></i></a>
  789. </div>
  790. </html>
  791. </body>
  792. <!-----end html---->
Add Comment
Please, Sign In to add comment
Public Pastes
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!