API tools faq
paste
azurethemes

02::mad hatter

azurethemes
May 14th, 2016
1,806
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 35.37 KB | None | 0 0
raw download clone embed print report
  1. <!----
  2.  
  3.  
  4. theme #02 mad hatter
  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. <link href="https://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
  76. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  77. <script src="https://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
  78.  
  79. <script>
  80. $(document).ready(function(){
  81. $('.photo-slideshow').pxuPhotoset({
  82. lightbox: true,
  83. rounded: false,
  84. gutter: '1px',
  85. borderRadius: '0px',
  86. photoset: '.photo-slideshow',
  87. photoWrap: '.photo-data',
  88. photo: '.pxu-photo'
  89. });
  90. });
  91. </script>
  92. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.3/jquery.min.js"></script>
  93. <script type="text/javascript"
  94. src="http://codysherman.com/tools/infinite-scrolling/code" ></script>
  95. <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
  96. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
  97. <script type="text/javascript" src="http://masonry.desandro.com/js/jquery-1.7.1.min.js"></script>
  98. <script type="text/javascript" src="http://static.tumblr.com/twte3d7/4Wjm5wj58/disassemble_v3.js"></script>
  99. <head>
  100. <title>{Title}</title>
  101. <link rel="shortcut icon" href="{Favicon}">
  102. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  103. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  104. <!-----all colors---->
  105. <meta name="color:background" content="#f6f6f6"/>
  106. <meta name="color:text" content="#888888"/>
  107. <meta name="color:links" content="#888888"/>
  108. <meta name="color:info" content="#888888"/>
  109. <meta name="color:posts" content="#ffffff">
  110. <meta name="color:scrollbar" content="#eeeeee">
  111. <meta name="color:asks" content="#eeeeee">
  112. <meta name="color:hover" content="#cccccc">
  113. <meta name="color:accent" content="#eeeeee">
  114. <meta name="color:accent two" content="#eeeeee">
  115. <!-----images---->
  116. <meta name="image:background" content=""/>
  117. <meta name="image:icon" content=""/>
  118. <meta name="image:header" content=""/>
  119. <!-----texts---->
  120. <meta name="text:title" content="Theme #2: MAD HATTER"/>
  121. <meta name="text:about" content=""/>
  122. <!-----custom css---->
  123. <style type="text/css">
  124. /*tumblr controls*/
  125. .tmblr-iframe {
  126. top:0px!important;
  127. position:fixed!important;
  128. opacity:0.5;
  129. z-index:99999999999999!important;
  130. }
  131. /*scrollbar*/
  132. ::-webkit-scrollbar-thumb{
  133. height:auto;
  134. background-color:{color:scrollbar};
  135. }
  136. ::-webkit-scrollbar{
  137. height:2px;
  138. width:5px;
  139. }
  140. /*tooltips*/
  141. #s-m-t-tooltip{
  142. margin:13px 18px 6px 18px;
  143. padding:10px;
  144. background-color:{color:posts};
  145. font-family: 'bitter', serif;
  146. border:1px solid {color:accent};
  147. font-weight:500;
  148. font-size:8px;
  149. text-transform:uppercase;
  150. letter-spacing:1px;
  151. color:{color:text};
  152. z-index:999999999999999999999999999999999999;
  153. }
  154. /*body basics*/
  155. body{
  156. background-color:{color:background};
  157. background-image:url('{image:background}');
  158. background-attachment: fixed;
  159. background-repeat: repeat;
  160. font-weight:none;
  161. font-family: 'calibri', sans-serif;
  162. font-size:10px;
  163. text-align:justify;
  164. color:{color:text};
  165. margin:0;
  166. }
  167. a{
  168. text-decoration:none;
  169. color:{color:links};
  170. transition-duration: 0.1s;
  171. -moz-transition-duration: 0.1s;
  172. -webkit-transition-duration: 0.1s;
  173. -o-transition-duration: 0.1s;
  174. }
  175. a:hover{
  176. text-decoration:none;
  177. color:{color:accent};
  178. transition-duration: 0.1s;
  179. -moz-transition-duration: 0.1s;
  180. -webkit-transition-duration: 0.1s;
  181. -o-transition-duration: 0.1s;
  182. }
  183. img {
  184. }
  185. blockquote {
  186. font-size:10px;
  187. width:auto;
  188. border-left:3px solid #eee;
  189. text-align:left;
  190. padding:1px;
  191. font-weight:none;
  192. margin-top:15px;
  193. margin-left:21px;
  194. padding-top:0.5px;
  195. padding-bottom:0.5px;
  196. font-size:10px;
  197. font-family: 'calibri', sans-serif;
  198. margin-right:20px;
  199. padding-left:15px;
  200. color:{color:text};
  201. }
  202. pre{
  203. font-size:9px;
  204. text-align:center;
  205. text-transform:none;
  206. font-family: 'Bitter', serif;
  207. font-weight:bold;
  208. line-height:9px;
  209. border-left:1px solid #eee;
  210. border-bottom:1px solid #eee;
  211. letter-spacing:2px;
  212. background-color:{color:posts};
  213. color:{color:text};
  214. padding:6px;
  215. }
  216. small{
  217. font-size:9px;
  218. font-family: 'roboto', sans-serif;
  219. }
  220. big{
  221. font-size:12px;
  222. font-family: 'roboto', sans-serif;
  223. font-weight:700;
  224. }
  225. sub{
  226. font-size:8px;
  227. font-family: 'calibri', sans-serif;
  228. }
  229. h1 {
  230. font-size:11px;
  231. text-align:center;
  232. font-family: 'roboto', sans-serif;
  233. letter-spacing:0px;
  234. text-transform:uppercase;
  235. font-weight:700;
  236. line-height:17px;
  237. border-bottom:1px solid #eee;
  238. color:{color:text};
  239. padding:7px;
  240. }
  241. h1 a{
  242. color:{color:text};
  243. }
  244. h2{
  245. color:{color:text};
  246. text-transform:uppercase;
  247. font-family: 'Roboto', sans-serif;
  248. text-align:left;
  249. }
  250. b {
  251. font-weight:bold;
  252. font-family: 'Roboto', sans-serif;
  253. color:{color:text};
  254. }
  255. i {
  256. font-weight:italic;
  257. color:{color:text};
  258. }
  259. grouptitle {
  260. color:{color:text};
  261. text-transform:none;
  262. font-size:10px;
  263. font-family: 'calibri', sans-serif;
  264. }
  265. dy {
  266. color:{color:text};
  267. font-weight:400;
  268. }
  269. ab {
  270. color:{color:text};
  271. font-family: 'bitter', sans-serif;
  272. font-size:10px
  273. font-weight:400;
  274. }
  275. am {
  276. color:{color:text};
  277. font-size:22px;
  278. padding:8px;
  279. padding-top:2px;
  280. text-transform:uppercase;
  281. font-family: 'roboto', sans-serif;
  282. letter-spacing:0px;
  283. font-weight:500;
  284. }
  285. n {
  286. font-weight:bold;
  287. letter-spacing:-1px;
  288. text-shadow: 1px 1px 1px #cccccc;
  289. font-size:12px;
  290. text-transform:uppercase;
  291. color:{color:text};
  292. }
  293. u {
  294. text-decoration:none;
  295. color:color:;{text};
  296. padding:3px;
  297. border-bottom:1px solid {color:accent};
  298. }
  299. underline {
  300. text-decoration:none;
  301. color:{color:info};
  302. border-bottom:1px solid {color:text};
  303. }
  304. /*icon image*/
  305. #icon {
  306. position:fixed;
  307. margin-top:190px;
  308. padding:10px;
  309. margin-left:180px;
  310. background-color:transparent;
  311. z-index:9999999999999999;
  312. }
  313. #iconimage {
  314. z-index:-99999;
  315. }
  316. #iconimage img {
  317. width:80px;
  318. height:80px;
  319. left:649px;
  320. top:380px;
  321. position:absolute;
  322. background:{color:posts};
  323. border-radius:100px;
  324. border:7px solid {color:posts};
  325. opacity:1;
  326. z-index:999999;
  327. }
  328. /*header image*/
  329. #header {
  330. position:fixed;
  331. margin-top:190px;
  332. padding:10px;
  333. margin-left:180px;
  334. background-color:transparent;
  335. z-index:9999999999999999;
  336. }
  337. #headerimage {
  338. z-index:-99999;
  339. }
  340. #headerimage img {
  341. width:900px;
  342. height:400px;
  343. left:240px;
  344. top:30px;
  345. position:absolute;
  346. background:{color:accent};
  347. opacity:1;
  348. z-index:-99999;
  349. }
  350. /*sidebar description*/
  351. #description {
  352. overflow:auto;
  353. position:absolute;
  354. text-align:center;
  355. top:484px;
  356. left:550px;
  357. font-family: 'roboto', sans-serif;
  358. width:240px;
  359. text-transform:none;
  360. height:40px;
  361. padding:20px;
  362. font-weight:400;
  363. opacity:1;
  364. line-height:14px;
  365. color:{color:text};
  366. letter-spacing:0px;
  367. font-size:9px;
  368. z-index:99999;
  369. }
  370. /*titles*/
  371. #sbtitle{
  372. width:200px;
  373. height:50px;
  374. top:143px;
  375. opacity:1;
  376. position:absolute;
  377. font-family: 'bitter',sans-serif;
  378. letter-spacing:2px;
  379. text-align:center;
  380. font-style:italic;
  381. border:1px solid {color:accent};
  382. padding-left:0px;
  383. padding:12px;
  384. overflow:hidden;
  385. font-weight:400;
  386. color:{color:accent two};
  387. text-transform:uppercase;
  388. line-height:50px;
  389. font-size:20px;
  390. left:340px;
  391. z-index:99999999;
  392. }
  393. #abtitle{
  394. width:100px;
  395. height:15px;
  396. margin-top:13px;
  397. opacity:1;
  398. position:absolute;
  399. font-family: 'bitter',sans-serif;
  400. letter-spacing:2px;
  401. text-align:center;
  402. font-style:italic;
  403. padding-left:0px;
  404. padding:12px;
  405. overflow:hidden;
  406. font-weight:400;
  407. color:{color:text};
  408. text-transform:uppercase;
  409. line-height:15px;
  410. font-size:12px;
  411. margin-left:110px;
  412. z-index:99999999;
  413. }
  414. #sbbackground{
  415. width:900px;
  416. height:130px;
  417. top:430px;
  418. border-top:5px solid {color:accent};
  419. opacity:1;
  420. position:absolute;
  421. overflow:hidden;
  422. background:{color:posts};
  423. color:{color:text};
  424. left:240px;
  425. z-index:99;
  426. }
  427. /*back to top button*/
  428. .back-to-top {
  429. position: fixed;
  430. color:{color:text};
  431. bottom:13px;
  432. text-transform:uppercase;
  433. background:{color:background};
  434. left:13px;
  435. font-family: 'bitter', sans-serif;
  436. font-size:9px;
  437. letter-spacing:0px;
  438. z-index:9999999999;
  439. font-weight:400;
  440. padding:10px;
  441. }
  442. /*jump pagination*/
  443. .pagination{
  444. font-family: 'roboto', sans-serif;
  445. margin-left:-190px;
  446. width:auto;
  447. padding-top:-10px;
  448. letter-spacing:2px;
  449. padding-bottom:20px;
  450. font-size:13px;
  451. text-align:center;
  452. }
  453. .pagination a{
  454. padding:5px;
  455. font-family: 'roboto', sans-serif;
  456. font-weight:600;
  457. bottom:10px;
  458. margin-left:5px;
  459. color:{color:text};
  460. }
  461. .pagination a:hover{
  462. color:{color:hover};
  463. -moz-transition-duration:0.5s;
  464. -webkit-transition-duration:0.5s;
  465. -o-transition-duration:0.5s;
  466. transition: all 0.3s ease-out;
  467. }
  468. /*audio*/
  469. .audioartist {
  470. font-family:'roboto', sans-serif;
  471. font-size:10px;
  472. text-transform:lowercase;
  473. font-weight:600;
  474. }
  475. .audiotitle {
  476. font-family:'roboto', sans-serif;
  477. font-size:10px;
  478. text-transform:lowercase;
  479. font-weight:600;
  480. }
  481. .audioplayed {
  482. font-family:'roboto', sans-serif;
  483. font-size:10px;
  484. text-transform:lowercase;
  485. font-weight:600;
  486. }
  487. .audioplayr {
  488. width:400px;
  489. color:{color:text};
  490. background:{color:accent};
  491. }
  492. audioinfo {
  493. font-family:'roboto', sans-serif;
  494. font-size:10px;
  495. letter-spacing:2px;
  496. text-transform:lowercase;
  497. font-weight:300;
  498. }
  499. /*post styles*/
  500. .pcaption{
  501. font-family:'roboto', sans-serif;
  502. font-size:9px;
  503. margin-left:0px;
  504. letter-spacing:1px;
  505. text-transform:none;
  506. font-weight:300;
  507. }
  508. .psets{
  509. max-width:400px;
  510. margin-top:-13px;
  511. height:auto;
  512. }
  513. .vsets{
  514. max-width:400px;
  515. margin-top:-13px;
  516. height:auto;
  517. }
  518. /*posts*/
  519. #entries {
  520. margin-left:610px;
  521. margin-top:200px;
  522. overflow:hidden;
  523. z-index:99999;
  524. }
  525. #post {
  526. font-size:10px;
  527. width:500px;
  528. padding:15px;
  529. color:{color:text};
  530. background-color:{color:posts};
  531. text-align:justify;
  532. z-index:-99999;
  533. margin-bottom:60px;
  534. padding-bottom:0px;
  535. overflow:hidden;
  536. }
  537. #post img{
  538. max-width:500px;
  539. margin-top:-12px;
  540. height:auto;
  541. }
  542. /*questions and answers*/
  543. #asking {
  544. margin-left:20px;
  545. margin-top:-35px;
  546. }
  547. #askingimage {
  548. }
  549. #askingimage img {
  550. margin-left:20px;
  551. width:30px;
  552. height:30px;
  553. border-radius:100px;
  554. margin-top:0px;
  555. }
  556. #question {
  557. padding:20px;
  558. padding-left:14px;
  559. margin-top:-32px;
  560. margin-left:10px;
  561. width:349px;
  562. color:{color:text};
  563. background-color:{color:asks};
  564. }
  565. #asker{
  566. margin-top:-66px;
  567. padding:1px;
  568. font-weight:300;
  569. font-size:11px;
  570. z-index:9999999999;
  571. color:{color:text};
  572. opacity:1;
  573. margin-left:14px;
  574. letter-spacing:0px;
  575. font-family: 'roboto', sans-serif;
  576. text-transform:lowercase;
  577. }
  578. #askerurl{
  579. margin-top:-19px;
  580. padding:1px;
  581. font-weight:300;
  582. font-size:11px;
  583. padding:7px;
  584. line-height:14px;
  585. height:13px;
  586. width:465px;
  587. z-index:9999999999;
  588. color:{color:text};
  589. opacity:1;
  590. margin-left:46px;
  591. padding-bottom:11px;
  592. letter-spacing:0px;
  593. font-family: 'roboto', sans-serif;
  594. text-transform:lowercase;
  595. }
  596. /*post info*/
  597. #info {
  598. width:510px;
  599. height:55px;
  600. background:{color:posts};
  601. text-align:left;
  602. font-family: 'bitter', sans-serif;
  603. text-transform:uppercase;
  604. margin-left:-20px;
  605. font-size:8px;
  606. padding-left:30px;
  607. margin-top:-10px;
  608. opacity:1;
  609. overflow:hidden;
  610. font-weight:400;
  611. font-style:none;
  612. line-height:55px;
  613. letter-spacing:1px;
  614. z-index:9999999999999999;
  615. color:{color:info};
  616. }
  617. #info a {
  618. text-align:center;
  619. font-weight:400;
  620. padding:2px;
  621. letter-spacing:0px;
  622. font-family: 'bitter', sans-serif;
  623. line-height:5px;
  624. color:{color:info};
  625. }
  626. #info a:hover{
  627. color:{color:hover};
  628. }
  629. /*post tags*/
  630. #tags {
  631. text-align:left;
  632. opacity:1;
  633. font-size:8px;
  634. font-family: 'bitter', sans-serif;
  635. margin-top:-21px;
  636. margin-left:0px;
  637. color:{color:info};
  638. padding:5px;
  639. line-height:12px;
  640. font-weight:400;
  641. padding-bottom:0px;
  642. width:510px;
  643. text-transform:uppercase;
  644. -webkit-transition: all 0.7s ease-in-out;
  645. -moz-transition: all 0.7s ease-in-out;
  646. -o-transition: all 0.7s ease-in-out;
  647. -ms-transition: all 0.7s ease-in-out;
  648. transition: all 0.7s ease-in-out;
  649. }
  650. #tags a {
  651. padding:8px;
  652. margin-top:-3px;
  653. color:{color:info};
  654. line-height:20px;
  655. letter-spacing:1px;
  656. font-weight:400;
  657. width:auto;
  658. text-align:left;
  659. font-size:8px;
  660. font-family: 'bitter', sans-serif;
  661. display:inline-block;
  662. }
  663. #tags a:hover {
  664. -moz-transition-duration:0.3s;
  665. -webkit-transition-duration:0.3s;
  666. -o-transition-duration:0.3s;
  667. color:{color:hover};
  668. }
  669. /*credit (u better leave this here u goof)*/
  670. #credit{
  671. position:fixed;
  672. font-size:8px;
  673. font-weight:600;
  674. height:20px;
  675. width:20px;
  676. opacity:1;
  677. border-radius:100px;
  678. right:13px;
  679. bottom:13px;
  680. letter-spacing:1px;
  681. line-height:26px;
  682. padding:5px;
  683. text-align:center;
  684. float:left;
  685. font-family: 'lato', sans-serif;
  686. color:{color:text};
  687. text-transform:uppercase;
  688. -moz-transition-duration:0.5s;
  689. -webkit-transition-duration:0.5s;
  690. -o-transition-duration:0.5s;
  691. transition: all 0.3s ease-out;
  692. }
  693. #credit:hover{
  694. opacity:0.5;
  695. -moz-transition-duration:0.5s;
  696. -webkit-transition-duration:0.5s;
  697. -o-transition-duration:0.5s;
  698. transition: all 0.3s ease-out;
  699. }
  700. /*sidebar links*/
  701. .links {
  702. width:100px;
  703. height:28px;
  704. overflow:hidden;
  705. cursor:pointer;
  706. left:640px;
  707. opacity:1;
  708. z-index:9999999999;
  709. padding:10px;
  710. position:absolute;
  711. top:460px;
  712. text-align:center;
  713. }
  714. .links #all {
  715. margin-left:-5px;
  716. margin-top:0px;
  717. padding:5px;
  718. height:28px;
  719. transition-duration: 0.3s;
  720. -moz-transition-duration: 0.3s;
  721. -webkit-transition-duration: 0.3s;
  722. -o-transition-duration: 0.3s;
  723. }
  724. .links #all a:hover {
  725. opacity:1;
  726. transition-duration: 0.3s;
  727. -moz-transition-duration: 0.3s;
  728. -webkit-transition-duration: 0.3s;
  729. -o-transition-duration: 0.3s;
  730. }
  731. .links a {
  732. width:auto;
  733. height:auto;
  734. margin-bottom:0px;
  735. text-align:center;
  736. text-transform:uppercase;
  737. padding:5px;
  738. opacity:0.5;
  739. margin-left:0px;
  740. line-height:9px;
  741. color:{color:links};
  742. z-index:99999;
  743. font-weight:600;
  744. font-family: 'lato', sans-serif;
  745. letter-spacing:4px;
  746. font-size:14px;
  747. display:inline-block;
  748. -webkit-transition: all 0.3s ease-in-out;
  749. -moz-transition: all 0.3s ease-in-out;
  750. -o-transition: all 0.3s ease-in-out;
  751. -ms-transition: all 0.3s ease-in-out;
  752. transition: all 0.3s ease-in-out;
  753. }
  754. .sp-slideshow {
  755. position: relative;
  756. width:900px;
  757. height:400px;
  758. top:30px;
  759. left:240px;
  760. }
  761. .sp-content {
  762. position: relative;
  763. width: 100%;
  764. height: 100%;
  765. overflow: hidden;
  766. }
  767. .sp-parallax-bg {
  768. position: absolute;
  769. top: 0;
  770. left: 0;
  771. width: 100%;
  772. height: 100%;
  773. overflow: hidden;
  774. }
  775. .sp-slideshow input {
  776. position: absolute;
  777. bottom: 15px;
  778. left: 50%;
  779. width: 9px;
  780. height: 9px;
  781. z-index: 1001;
  782. cursor: pointer;
  783. opacity: 0;
  784. }
  785. .sp-slideshow input + label {
  786. position: absolute;
  787. bottom: 15px;
  788. left: 53%;
  789. width: 6px;
  790. height: 6px;
  791. display: block;
  792. z-index: 1000;
  793. border: 3px solid rgba(255,255,255,0.5);
  794. border-radius: 50%;
  795. transition: background-color linear 0.1s;
  796. }
  797. .sp-slideshow input:checked + label {
  798. background-color: rgba(255,255,255,0.9);
  799. }
  800. .sp-selector-1, .button-label-1 {
  801. margin-left: -50px;
  802. }
  803. .sp-selector-2, .button-label-2 {
  804. margin-left: -25px;
  805. }
  806. .sp-selector-4, .button-label-4 {
  807. margin-left: 25px;
  808. }
  809. .sp-selector-5, .button-label-5 {
  810. margin-left: 50px;
  811. }
  812. .sp-arrow {
  813. position: absolute;
  814. top: 170px;
  815. width: 28px;
  816. height: 38px;
  817. display: none;
  818. opacity: 0.6;
  819. cursor: pointer;
  820. z-index: 1000;
  821. background: transparent url(http://tympanus.net/Tutorials/CSS3FluidParallaxSlideshow/images/arrows.png) no-repeat;
  822. transition: opacity linear 0.3s;
  823. }
  824. .sp-arrow:hover{
  825. opacity: 1;
  826. }
  827. .sp-arrow:active{
  828. margin-top: 0px;
  829. }
  830. .sp-selector-1:checked ~ .sp-arrow.sp-a2,
  831. .sp-selector-2:checked ~ .sp-arrow.sp-a3,
  832. .sp-selector-3:checked ~ .sp-arrow.sp-a4,
  833. .sp-selector-4:checked ~ .sp-arrow.sp-a5 {
  834. right: 15px;
  835. display: block;
  836. background-position: top right;
  837. }
  838. .sp-selector-2:checked ~ .sp-arrow.sp-a1,
  839. .sp-selector-3:checked ~ .sp-arrow.sp-a2,
  840. .sp-selector-4:checked ~ .sp-arrow.sp-a3,
  841. .sp-selector-5:checked ~ .sp-arrow.sp-a4 {
  842. left: 15px;
  843. display: block;
  844. background-position: top left;
  845. }
  846. .sp-slideshow input:checked ~ .sp-content {
  847. transition: background-position linear 0.6s, background-color linear 0.8s;
  848. }
  849. .sp-slideshow input:checked ~ .sp-content .sp-parallax-bg {
  850. transition: background-position linear 0.7s;
  851. }
  852. input.sp-selector-1:checked ~ .sp-content {
  853. background-position: 0 0;
  854. }
  855. input.sp-selector-2:checked ~ .sp-content {
  856. background-position: -100px 0;
  857. }
  858. input.sp-selector-3:checked ~ .sp-content {
  859. background-position: -200px 0;
  860. }
  861. input.sp-selector-4:checked ~ .sp-content {
  862. background-position: -300px 0;
  863. }
  864. input.sp-selector-5:checked ~ .sp-content {
  865. background-position: -400px 0;
  866. }
  867. input.sp-selector-1:checked ~ .sp-content .sp-parallax-bg {
  868. background-position: 0 0;
  869. }
  870. input.sp-selector-2:checked ~ .sp-content .sp-parallax-bg {
  871. background-position: -200px 0;
  872. }
  873. input.sp-selector-3:checked ~ .sp-content .sp-parallax-bg {
  874. background-position: -400px 0;
  875. }
  876. input.sp-selector-4:checked ~ .sp-content .sp-parallax-bg {
  877. background-position: -600px 0;
  878. }
  879. input.sp-selector-5:checked ~ .sp-content .sp-parallax-bg {
  880. background-position: -800px 0;
  881. }
  882. .sp-slider {
  883. position: relative;
  884. left: 0;
  885. width: 500%;
  886. height: 100%;
  887. list-style: none;
  888. margin: 0;
  889. padding: 0;
  890. transition: left ease-in 0.8s;
  891. }
  892. .sp-slider > li {
  893. color: #fff;
  894. width: 20%;
  895. box-sizing: border-box;
  896. height: 100%;
  897. padding: 0 60px;
  898. float: left;
  899. text-align: center;
  900. opacity: 0.4;
  901. transition: opacity ease-in 0.4s 0.8s;
  902. }
  903. .sp-slider > li img{
  904. box-sizing: border-box;
  905. display: block;
  906. margin: 0 auto;
  907. padding: 40px 0 50px 0;
  908. max-height: 100%;
  909. max-width: 100%;
  910. }
  911. input.sp-selector-1:checked ~ .sp-content .sp-slider {
  912. left: 0;
  913. }
  914. input.sp-selector-2:checked ~ .sp-content .sp-slider {
  915. left: -100%;
  916. }
  917. input.sp-selector-3:checked ~ .sp-content .sp-slider {
  918. left: -200%;
  919. }
  920. input.sp-selector-4:checked ~ .sp-content .sp-slider {
  921. left: -300%;
  922. }
  923. input.sp-selector-5:checked ~ .sp-content .sp-slider {
  924. left: -400%;
  925. }
  926. input.sp-selector-1:checked ~ .sp-content .sp-slider > li:first-child,
  927. input.sp-selector-2:checked ~ .sp-content .sp-slider > li:nth-child(2),
  928. input.sp-selector-3:checked ~ .sp-content .sp-slider > li:nth-child(3),
  929. input.sp-selector-4:checked ~ .sp-content .sp-slider > li:nth-child(4),
  930. input.sp-selector-5:checked ~ .sp-content .sp-slider > li:nth-child(5){
  931. opacity: 1;
  932. }
  933. .slide1 {
  934. font-size:20px;
  935. text-transform:uppercase;
  936. font-family: 'bitter', sans-serif;
  937. color:{color:accent};
  938. margin-top:240px;
  939. }
  940. .slide2 {
  941. margin:auto;
  942. margin-top:90px;
  943. margin-left:190px;
  944. font-weight:400;
  945. background-color:rgba(255,255,255,0.7);
  946. width:405px;
  947. text-align:left;
  948. height:210px;
  949. }
  950. .slide2links {
  951. padding-top:27px;
  952. text-align:left;
  953. }
  954. .slide2 a {
  955. color:{color:text};
  956. width:155px;
  957. height:30px;
  958. text-transform:uppercase;
  959. display:inline-block;
  960. font-size:8px;
  961. font-family:'calibri', sans-serif;
  962. letter-spacing:1px;
  963. padding-left:10px;
  964. text-align:left;
  965. border:1px solid {color:accent};
  966. line-height:30px;
  967. margin-left:23px;
  968. margin-top:-1px;
  969. font-weight:700;
  970. -webkit-transition:all 0.5s ease;
  971. -moz-transition:all 0.5s ease;
  972. -ms-transition:all 0.5s ease;
  973. -o-transition:all 0.5s ease;
  974. transition:all 0.5s ease;
  975. }
  976. .slide2 a:hover {
  977. letter-spacing:3px;
  978. color:{color:hover};
  979. -webkit-transition:all 0.5s ease;
  980. -moz-transition:all 0.5s ease;
  981. -ms-transition:all 0.5s ease;
  982. -o-transition:all 0.5s ease;
  983. transition:all 0.5s ease;
  984. }
  985. .slide3 {
  986. margin:auto;
  987. margin-top:90px;
  988. margin-left:190px;
  989. font-weight:400;
  990. background-color:rgba(255,255,255,0.7);
  991. width:405px;
  992. text-align:left;
  993. height:210px;
  994. }
  995. .slide3box {
  996. margin-left:25px;
  997. width:180px;
  998. display:inline-block;
  999. padding-left:10px;
  1000. padding-right:10px;
  1001. height:160px;
  1002. color:#4c4c4c;
  1003. }
  1004. .slide3abt {
  1005. margin-left:60px;
  1006. margin-top:50px;
  1007. width:200px;
  1008. display:inline-block;
  1009. padding-left:10px;
  1010. padding-right:10px;
  1011. height:140px;
  1012. text-align:center;
  1013. color:{color:text};
  1014. }
  1015. .tit {
  1016. font-size:14px;
  1017. text-transform:uppercase;
  1018. margin-bottom:20px;
  1019. letter-spacing:1px;
  1020. line-height:74px;
  1021. font-weight:400;
  1022. width:302px;
  1023. height:70px;
  1024. border-bottom:3px solid {color:accent};
  1025. margin-left:-21px;
  1026. margin-top:-21px;
  1027. text-align:left;
  1028. font-family: 'bitter', sans-serif;
  1029. color:{color:text};
  1030. }
  1031. .sidebox {
  1032. position:absolute;
  1033. background:{color:posts};
  1034. width:300px;
  1035. top:600px;
  1036. left:240px;
  1037. z-index:999999999;
  1038. }
  1039. .box {
  1040. padding:20px;
  1041. }
  1042. #description {
  1043. margin:5px;
  1044. text-align:justify;
  1045. }
  1046. .members {
  1047. margin:5px;
  1048. font-size:10px;
  1049. text-transform:uppercase;
  1050. text-align:justify;
  1051. }
  1052. #description1 {
  1053. margin:5px;
  1054. font-size:10px;
  1055. margin-top:-21px;
  1056. padding-top:8px;
  1057. z-index:-9;
  1058. margin-left:0px;
  1059. font-weight:400;
  1060. padding:30px;
  1061. line-height:14px;
  1062. font-family: 'roboto', sans-serif;
  1063. }
  1064. #sidebarr {
  1065. margin:5px;
  1066. text-align:justify;
  1067. }
  1068.  
  1069. #affiliates {
  1070. margin:5px;
  1071. font-size:10px;
  1072. margin-top:-21px;
  1073. padding-top:8px;
  1074. margin-left:-20px;
  1075. letter-spacing:2px;
  1076. text-align:center;
  1077. font-weight:400;
  1078. padding:35px;
  1079. line-height:14px;
  1080. font-family: 'roboto', sans-serif;
  1081. }
  1082. #affiliates img {
  1083. width:60px;
  1084. height:60px;
  1085. opacity:1;
  1086. border-radius:5px;
  1087. transition-duration: 0.9s;
  1088. -moz-transition-duration:0.9s;
  1089. -webkit-transition-duration:0.9s;
  1090. -o-transition-duration:0.9s;
  1091. }
  1092. #affiliates img:hover{
  1093. opacity:0.5;
  1094. border-radius:100px;
  1095. transition-duration: 0.9s;
  1096. -moz-transition-duration:0.9s;
  1097. -webkit-transition-duration:0.9s;
  1098. -o-transition-duration:0.9s;
  1099. }
  1100. #projects {
  1101. font-size:10px;
  1102. margin-top:-21px;
  1103. margin-left:-20px;
  1104. font-weight:400;
  1105. width:279px;
  1106. padding:30px;
  1107. line-height:12px;
  1108. font-family: 'roboto', sans-serif;
  1109. }
  1110. #projects img {
  1111. border:1px solid #eee;
  1112. width:70px;
  1113. height:70px;
  1114. border-radius:5px 5px 5px 5px;
  1115. float:left;
  1116. margin-right:10px;
  1117. }
  1118. {CustomCSS}</style>
  1119. </head>
  1120. <body>
  1121. <!-----basics---->
  1122. <div id="sidebar">
  1123. <div id="iconimage"><a href="/"><img src="{image:icon}"></a></div>
  1124. <div id="headerimage"><img src="{image:header}"></a></div>
  1125. <div id="description">{description}</div>
  1126. <div id="sbbackground"></div>
  1127. </div>
  1128. </div>
  1129. <!-----sidebar---->
  1130. <div class="sidebox">
  1131. <!-----description---->
  1132. <div class="box">
  1133. <div class="tit">
  1134. <font style="float:left;margin-left:18px">
  1135. Home
  1136. </font style>
  1137. </div>
  1138. <div id="description1">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec elementum dapibus ligula vel vestibulum. Phasellus nec mattis nisl. Proin a facilisis neque. Etiam scelerisque nulla sed malesuada pulvinar. Cras ultricies, tellus nec ornare imperdiet, dui magna luctus magna, eget efficitur dui ipsum at diam. Mauris tincidunt elit risus, at imperdiet metus imperdiet a. Quisque varius dui maximus, sollicitudin dui et, feugiat ligula. Nullam metus ipsum, molestie eget ante vel, blandit placerat ligula. Proin quis enim pellentesque, vehicula tortor in, dictum mauris. Vivamus vel sollicitudin tellus. Nulla scelerisque non lectus eu eleifend. Mauris non rhoncus tellus. Ut blandit suscipit velit, vel efficitur urna pharetra ut. Fusce hendrerit dictum elit, et aliquam ligula dictum id.</div>
  1139. </div>
  1140. <!-----updates---->
  1141. <div class="box">
  1142. <div class="tit">
  1143. <font style="float:left;margin-left:18px">
  1144. Updates
  1145. </font style>
  1146. </div>
  1147. <div id="description1">
  1148. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam nisi lorem, pulvinar id, commodo feugiat, vehicula et, mauris. Aliquam mattis porta urna. Maecenas dui neque, rhoncus sed, vehicula vitae, auctor at, nisi. Aenean id massa ut lacus molestie porta. Curabitur sit amet quam id libero suscipit venenatis.
  1149.  
  1150. Lorem ipsum dolor sit amet.
  1151. Consectetuer adipiscing elit.
  1152. Nam at tortor quis ipsum tempor aliquet.
  1153. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Suspendisse sed ligula. Sed volutpat odio non turpis gravida luctus. Praesent elit pede, iaculis facilisis, vehicula mattis, tempus non, arcu.
  1154.  
  1155. </a>
  1156. </div></div>
  1157. <!-----projects or albums---->
  1158. <div class="box">
  1159. <div class="tit">
  1160. <font style="float:left;margin-left:18px">
  1161. Projects
  1162. </font style>
  1163. </div>
  1164. <div id="projects">
  1165. <img src="https://40.media.tumblr.com/d43ef707e6651fa2c632b84265521285/tumblr_ny80wbtVNe1u9o0yqo1_100.jpg">
  1166. <ul>
  1167. <b>Album name</b><br>
  1168. <b>Producer:</b> Name here<br>
  1169. <b>Year:</b> Year here<br>
  1170. <b>Tracks:</b> Tracks amount here<br>
  1171. <b>Label:</b> Label here
  1172. </ul>
  1173. <br><br>
  1174. <img src="https://40.media.tumblr.com/d43ef707e6651fa2c632b84265521285/tumblr_ny80wbtVNe1u9o0yqo1_100.jpg">
  1175. <ul>
  1176. <b>Album name</b><br>
  1177. <b>Producer:</b> Name here<br>
  1178. <b>Year:</b> Year here<br>
  1179. <b>Tracks:</b> Tracks amount here<br>
  1180. <b>Label:</b> Label here
  1181. </ul>
  1182. </div>
  1183. </div>
  1184. <!-----blog members---->
  1185. <div class="box">
  1186. <div class="tit">
  1187. <font style="float:left;margin-left:18px">
  1188. Members
  1189. </font style>
  1190. </div>
  1191. <div class="members">
  1192. {block:GroupMembers}
  1193. <table style="margin-top:0px;">
  1194. {block:GroupMember}
  1195. <tr>
  1196. <td style="width:40px;">
  1197. <img src="{GroupMemberPortraitURL-128}" width="40px;" height="auto;" style="margin-right: 10px;border:solid 1px #ddd;border-radius:5px"> </td>
  1198. <td style="height:auto;">
  1199. <a href="{GroupMemberURL}" title="{GroupMemberTitle}"style="font-family: 'arial', sans-serif;margin-top:0px;font-weight:bold;text-transform:uppercase;font-size:8px;letter-spacing:0px;text-decoration:underline">{GroupMemberName}</a><br><grouptitle>{GroupMemberTitle}</grouptitle></div>
  1200. </tr>
  1201. {/block:GroupMember}
  1202. </table>
  1203. {/block:GroupMembers}
  1204. </div></div>
  1205. <!-----affiliates---->
  1206. <div class="box">
  1207. <div class="tit">
  1208. <font style="float:left;margin-left:18px">
  1209. Affiliates
  1210. </font style>
  1211. </div>
  1212. <div id="affiliates">
  1213. <a href="/"title="name"><img src="https://40.media.tumblr.com/b4692d70631eaa384662efe904f8c8c5/tumblr_o50grjhUqd1ujppofo1_250.jpg"></a>
  1214. <a href="/"title="name"><img src="https://40.media.tumblr.com/b4692d70631eaa384662efe904f8c8c5/tumblr_o50grjhUqd1ujppofo1_250.jpg"></a>
  1215. <a href="/"title="name"><img src="https://40.media.tumblr.com/b4692d70631eaa384662efe904f8c8c5/tumblr_o50grjhUqd1ujppofo1_250.jpg"></a>
  1216. <a href="/"title="name"><img src="https://40.media.tumblr.com/b4692d70631eaa384662efe904f8c8c5/tumblr_o50grjhUqd1ujppofo1_250.jpg"></a>
  1217. <a href="/"title="name"><img src="https://40.media.tumblr.com/b4692d70631eaa384662efe904f8c8c5/tumblr_o50grjhUqd1ujppofo1_250.jpg"></a>
  1218. <a href="/"title="name"><img src="https://40.media.tumblr.com/b4692d70631eaa384662efe904f8c8c5/tumblr_o50grjhUqd1ujppofo1_250.jpg"></a>
  1219. </div></div>
  1220. <!-----disclaimer---->
  1221. <div class="box">
  1222. <div class="tit">
  1223. <font style="float:left;margin-left:18px">
  1224. Disclaimer
  1225. </font style>
  1226. </div>
  1227. <div id="description1">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam nisi lorem, pulvinar id, commodo feugiat, vehicula et, mauris. Aliquam mattis porta urna. Maecenas dui neque, rhoncus sed, vehicula vitae, auctor at, nisi. Aenean id massa ut lacus molestie porta. Curabitur sit amet quam id libero suscipit venenatis.
  1228.  
  1229. Lorem ipsum dolor sit amet.
  1230. Consectetuer adipiscing elit.
  1231. Nam at tortor quis ipsum tempor aliquet.
  1232. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Suspendisse sed ligula. Sed volutpat odio non turpis gravida luctus. Praesent elit pede, iaculis facilisis, vehicula mattis, tempus non, arcu.
  1233. </a>
  1234. </div></div>
  1235. <!-----blog info---->
  1236. <div class="box">
  1237. <div class="tit">
  1238. <font style="float:left;margin-left:18px">
  1239. Blog info
  1240. </font style>
  1241. </div>
  1242. <div id="description1">
  1243. <b>Blog created by:</b> Azure
  1244. </br>
  1245. <b>Blog established:</b> Late 2015
  1246. </br>
  1247. <b>Graphics by:</b> Azure
  1248. </br>
  1249. <b>Theme made by:</b> Azure (daddythemes)
  1250. </div>
  1251. </div>
  1252. </div>
  1253. </div>
  1254. <div class="sp-slideshow">
  1255. <input id="button-1" type="radio" name="radio-set" class="sp-selector-1" checked="checked"/>
  1256. <label for="button-1" class="button-label-1"></label>
  1257. <input id="button-2" type="radio" name="radio-set" class="sp-selector-2"/>
  1258. <label for="button-2" class="button-label-2"></label>
  1259. <input id="button-3" type="radio" name="radio-set" class="sp-selector-3"/>
  1260. <label for="button-3" class="button-label-3"></label>
  1261. <label for="button-5" class="button-label-5"></label>
  1262. <label for="button-1" class="sp-arrow sp-a1"></label>
  1263. <label for="button-2" class="sp-arrow sp-a2"></label>
  1264. <label for="button-3" class="sp-arrow sp-a3"></label>
  1265. <div class="sp-content">
  1266. <div class="sp-parallax-bg"></div>
  1267. <ul class="sp-slider clearfix">
  1268. <li class="slide1">
  1269. <div id="sbtitle">{text:title}</div>
  1270. </li>
  1271. <li>
  1272. <div class="slide2">
  1273. <div class="slide2links">
  1274. <a href="/"> Link here</a>
  1275. <a href="/"> Link here</a>
  1276. <a href="/"> Link here</a>
  1277. <a href="/"> Link here</a>
  1278. <a href="/"> Link here</a>
  1279. <a href="/"> Link here</a>
  1280. <a href="/"> Link here</a>
  1281. <a href="/"> Link here</a>
  1282. <a href="/"> Link here</a>
  1283. <a href="/"> Link here</a>
  1284. </div>
  1285. </div>
  1286. </li>
  1287. <li>
  1288. <div class="slide3">
  1289. <div class="slide3box">
  1290. <div id="abtitle"><u>ABOUT ME</u></div>
  1291. <div class="slide3abt">{text:about}</div>
  1292. </div>
  1293. </div>
  1294. </li>
  1295.  
  1296. </div><!-- sp-content -->
  1297. </div><!-- sp-slideshow -->
  1298. </div>
  1299. <!-----sidebar links---->
  1300. <div class="links">
  1301. <div id="all">
  1302. <a href="/"title="refresh"><i class="fa fa-home"style="color:{color:links};font-size:15px"></i></a>
  1303. <a href="/ask"title="message"><i class="fa fa-envelope"style="color:{color:links}"></i></a>
  1304. <a href="/archive"title="archive"><i class="fa fa-archive"style="color:{color:links}"></i></a>
  1305. </div>
  1306. </div>
  1307. <!-----posts and entries---->
  1308. <div id="entries">
  1309. {block:Posts}
  1310. <div id="post"
  1311. <div id="post">
  1312. <!----texts---->
  1313. {block:Text}
  1314. {block:Title}<h1><center>{Title}</center></h1>{/block:Title}
  1315. {Body}
  1316. {/block:Text}
  1317. <!-----question and answers---->
  1318. {block:Answer}
  1319. <div id="askingimage"><img src="{AskerPortraitURL-48}"/></div>
  1320. <div id="askerurl"><b>{Asker}</b> asked:</div>
  1321. <div id="question">{Question}</div>
  1322. {Answer}{/block:Answer}
  1323. <!-----quotes---->
  1324. {block:Quote}
  1325. {block:Quote}
  1326. <h2>{Quote}</h2>
  1327. <div align="right">
  1328. {block:Source}<h1>-{Source}</h1>{/block:Source}
  1329. </div>
  1330. {/block:Quote}
  1331. <!-----links---->
  1332. {block:Link}
  1333. <h2><center><a href="{URL}">{Name}</center></a></h2>
  1334. {block:Description}{Description}{/block:Description}
  1335. {/block:Link}
  1336. <!-----chats---->
  1337. {block:Chat}
  1338. {block:Title}<h2>{Title}</h2>{/block:Title}
  1339. <ul class="convo">{block:Lines}<li class="line">{block:Label}<span class ="label">{Label}</span>{/block:Label}
  1340. {Line}</li>{/block:Lines}</ul>
  1341. {/block:Chat}
  1342. <!-----photos---->
  1343. {block:Photo}
  1344. {LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}" width="auto">{LinkCloseTag}
  1345. {block:Caption}<div class="pcaption">{Caption}</div>{/block:Caption}
  1346. {/block:Photo}
  1347. <!-----photosets---->
  1348. {block:Photoset}
  1349. <div class="psets">{Photoset-500}</div>
  1350. {block:Caption}<div class="pcaption">{Caption}</div>{/block:Caption}
  1351. {/block:Photoset}
  1352. <!-----videos---->
  1353. {block:Video}
  1354. <div class="vsets">{Video-500}</div>
  1355. {block:Caption}<div class="pcaption">{Caption}</div>{/block:Caption}
  1356. {/block:Video}
  1357. <!-----audios---->
  1358. {block:Audio}<left>{block:AlbumArt}<img src="{AlbumArtURL}" width="60px" height="60px" align="left" style="margin-right:10px;" />{/block:AlbumArt}
  1359. {block:TrackName}<div class="audiotitle">Title: <audioinfo>{TrackName}</audioinfo><br/></div>{/block:TrackName}
  1360. {block:Artist}<div class="audioartist">Artist: <audioinfo>{Artist}</audioinfo><br/></div>{/block:Artist}
  1361. {/block:ExternalAudio}<div class="audioplayed">Played: <audioinfo>{PlayCount} times</audioinfo> </div>
  1362. </br>
  1363. <div class="audioplayr"style="background:{color:accent}">{AudioPlayer}</div>
  1364. {/block:Audio}
  1365. <!-----info---->
  1366. <div id="borderbottom"></div>
  1367. <div id="info">
  1368. <div id="permalink">
  1369. <top><a href="{Permalink}"title="{TimeAgo}">
  1370. <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>
  1371. {/block:ContentSource}
  1372. {/block:RebloggedFrom}
  1373. </a></div>
  1374. {/block:Date}
  1375. {block:HasTags}<div id="tags"> {block:Tags} <a href="{TagURL}"> <i class="fa fa-tag"style="color:{color:info}"></i> {Tag} </a> {/block:Tags}
  1376. </div>
  1377. {/block:HasTags}
  1378. </div>
  1379. {block:PostNotes} {PostNotes} {/block:PostNotes}
  1380.  
  1381. {/block:Posts}
  1382. {block:Pagination}
  1383. <div class="pagination"style="{color:title text}">
  1384. {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}
  1385. {/block:Pagination}</div>
  1386. </div>
  1387. <!-----credit (u better dont touch this here u goof)---->
  1388. <div id="credit">
  1389. <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>
  1390. </div>
  1391. </html>
  1392. </body>
  1393. <!-----end html---->
Advertisement
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!