API tools faq
paste
azurethemes

14::azure blue

azurethemes
Jun 29th, 2016
369
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 18.04 KB | None | 0 0
raw download clone embed print report
  1. <!----
  2.  
  3. ---- @ DADDYTHEMES ----
  4. theme #14 azure blue.
  5. keep the credit.
  6. dont steal.
  7. dont claim as own.
  8. dont be an asshole.
  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' , 'Montserrat:400,700:latin' , 'Lato:300,700:latin', 'Raleway:400,700:latin' , 'Maven+Pro:400,900,500,700:latin', 'Karla:400,700:latin', 'Work+Sans:400,500,600,700:latin', 'Prompt:400,400i,500,500i,600,600i,700,700' , 'Yeseva+One::latin', 'Vidaloka::latin', 'Arapey:400,400italic: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:10,
  37. tip_fade_speed:400,
  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"><i class="fa fa-arrow-up"></i></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 rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
  76. <head>
  77. <title>{Title}</title>
  78. <link rel="shortcut icon" href="{Favicon}">
  79. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  80. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  81. <!--all colors-->
  82. <meta name="color:background" content="#ffffff"/>
  83. <meta name="color:text" content="#000000"/>
  84. <meta name="color:links" content="#000000"/>
  85. <meta name="color:border" content="#f6f6f6"/>
  86. <meta name="color:posts" content="#f6f6f6">
  87. <meta name="color:scrollbar" content="#070707">
  88. <meta name="color:asks" content="#f6f6f6">
  89. <meta name="color:hover" content="#888888">
  90. <meta name="color:tooltip" content="#ffffff">
  91. <!--images-->
  92. <meta name="image:icon" content=""/>
  93. <!--texts-->
  94. <meta name="text:title" content="Azure Blue"/>
  95. <meta name="text:border width" content="263px"/>
  96. <!--sidebar links-->
  97. <meta name="text:link one" content="link one">
  98. <meta name="text:link one url" content="/">
  99. <!--custom css-->
  100. <style type="text/css">
  101. /*tumblr controls*/
  102. .tmblr-iframe {
  103. top:0px!important;
  104. position:fixed!important;
  105. opacity:0.5;
  106. -webkit-filter: invert(100%); -moz-filter: invert(100%); -o-filter: invert(100%); -ms-filter: invert(100%); filter: invert(100%);
  107. z-index:99999999999999!important;
  108. white-space:nowrap;
  109. transition-duration: 0.3s;
  110. -moz-transition-duration: 0.3s;
  111. -webkit-transition-duration: 0.3s;
  112. -o-transition-duration: 0.3s;
  113. }
  114. /*scrollbar*/
  115. ::-webkit-scrollbar {
  116. width:6px;
  117. height:6px;
  118. background:{color:background};
  119. }
  120. ::-webkit-scrollbar-thumb {
  121. background:{color:scrollbar};
  122. }
  123. /*tooltips*/
  124. #s-m-t-tooltip{
  125. margin:13px 18px 6px 18px;
  126. padding:6px;
  127. background-color:{color:tooltip};
  128. font-family: 'arial', sans-serif;
  129. border:1px solid {color:border};
  130. font-weight:600;
  131. font-size:8px;
  132. text-transform:uppercase;
  133. letter-spacing:0px;
  134. font-style:none;
  135. color:{color:text};
  136. z-index:999999999999999999999999999999999999;
  137. transition:0.3s ease-in-out;
  138. -webkit-transition:0.3s ease-in-out;
  139. -moz-transition:0.3s ease-in-out;
  140. -ms-transition:0.3s ease-in-out;
  141. -o-transition:0.3s ease-in-out;
  142. }
  143. /*body basics*/
  144. body{
  145. background-color:{color:background};
  146. background-attachment: fixed;
  147. background-repeat: repeat;
  148. font-weight:none;
  149. font-family: 'roboto', sans-serif;
  150. font-size:10px;
  151. text-align:justify;
  152. color:{color:text};
  153. margin:0;
  154. }
  155. a{
  156. text-decoration:none;
  157. color:{color:links};
  158. -moz-transition-duration:0.5s;
  159. -webkit-transition-duration:0.5s;
  160. -o-transition-duration:0.5s;
  161. transition: all 0.3s ease-out;
  162. }
  163. a:hover{
  164. text-decoration:none;
  165. color:{color:hover};
  166. -moz-transition-duration:0.5s;
  167. -webkit-transition-duration:0.5s;
  168. -o-transition-duration:0.5s;
  169. transition: all 0.3s ease-out;
  170. }
  171. img {
  172. }
  173. blockquote {
  174. font-size:10px;
  175. width:auto;
  176. border-left:3px solid #eee;
  177. text-align:left;
  178. padding:1px;
  179. font-weight:none;
  180. margin-top:15px;
  181. margin-left:0px;
  182. padding-top:0.5px;
  183. padding-bottom:0.5px;
  184. font-size:11px;
  185. font-family: 'calibri', sans-serif;
  186. margin-right:20px;
  187. padding-left:15px;
  188. color:{color:text};
  189. }
  190. pre{
  191. font-size:9px;
  192. text-align:center;
  193. text-transform:none;
  194. font-family: 'Bitter', serif;
  195. font-weight:bold;
  196. line-height:9px;
  197. border-left:1px solid #eee;
  198. border-bottom:1px solid #eee;
  199. letter-spacing:2px;
  200. background-color:{color:posts};
  201. color:{color:text};
  202. padding:6px;
  203. }
  204. small{
  205. font-size:9px;
  206. font-family: 'calibri', sans-serif;
  207. }
  208. big{
  209. font-size:12px;
  210. font-family: 'calibri', sans-serif;
  211. font-weight:700;
  212. }
  213. sub{
  214. font-size:9px;
  215. letter-spacing:0px;
  216. font-weight:600;
  217. text-transform:none;
  218. font-family: 'arial', sans-serif;
  219. }
  220. h1 {
  221. font-size:13px;
  222. text-align:center;
  223. font-family: 'Montserrat', sans-serif;
  224. letter-spacing:1px;
  225. text-transform:uppercase;
  226. font-weight:700;
  227. line-height:17px;
  228. border-bottom:1px solid #eee;
  229. color:{color:text};
  230. padding:7px;
  231. }
  232. h1 a{
  233. color:{color:text};
  234. }
  235. h2{
  236. color:{color:text};
  237. text-transform:uppercase;
  238. font-family: 'Montserrat', sans-serif;
  239. text-align:left;
  240. }
  241. b {
  242. font-weight:bold;
  243. font-family: 'calibri', sans-serif;
  244. color:{color:text};
  245. }
  246. grouptitle {
  247. color:{color:text};
  248. text-transform:none;
  249. font-size:10px;
  250. font-family: 'calibri', sans-serif;
  251. }
  252. dy {
  253. color:{color:text};
  254. font-weight:400;
  255. }
  256. sh {
  257. color:{color:links};
  258. text-transform:uppercase;
  259. font-family: 'arial', sans-serif;
  260. font-size:13px
  261. font-weight:800;
  262. }
  263. am {
  264. color:{color:text};
  265. font-size:22px;
  266. padding:8px;
  267. padding-top:2px;
  268. text-transform:uppercase;
  269. font-family: 'roboto', sans-serif;
  270. letter-spacing:0px;
  271. font-weight:500;
  272. }
  273. n {
  274. font-weight:bold;
  275. letter-spacing:-1px;
  276. text-shadow: 1px 1px 1px #cccccc;
  277. font-size:12px;
  278. text-transform:uppercase;
  279. color:{color:text};
  280. }
  281. u {
  282. text-decoration:none;
  283. color:{color:text};
  284. padding:3px;
  285. border-bottom:1px solid {color:border};
  286. }
  287. in {
  288. text-decoration:none;
  289. color:{color:text};
  290. padding:3px;
  291. font-size:13px;
  292. text-transform:uppercase;
  293. font-weight:700;
  294. border-bottom:1px solid {color:border};
  295. }
  296. /*sidebar*/
  297. #icon {
  298. position:fixed;
  299. margin-top:190px;
  300. padding:10px;
  301. margin-left:180px;
  302. border-radius:10px;
  303. background-color:transparent;
  304. z-index:9999999999999999;
  305. }
  306. #iconimage {
  307. z-index:-99999;
  308. border-radius: 10px;
  309. }
  310. #iconimage img {
  311. width:50px;
  312. height:50px;
  313. left:650px;
  314. top:150px;
  315. position:absolute;
  316. border-radius:100px 0px 100px 100px;
  317. background:{color:background};
  318. opacity:1;
  319. z-index:-999;
  320. }
  321. /*titles*/
  322. #sbtitle{
  323. width:100%;
  324. height:65px;
  325. top:50px;
  326. opacity:1;
  327. position:absolute;
  328. font-family: 'Vidaloka',sans-serif;
  329. letter-spacing:5px;
  330. text-align:center;
  331. padding-left:0px;
  332. overflow:hidden;
  333. font-weight:700;
  334. color:black;
  335. padding-top:10px;
  336. margin-bottom:22px;
  337. text-transform:uppercase;
  338. line-height:57px;
  339. font-size:26px;
  340. left:0px;
  341. z-index:99999999;
  342. }
  343. #sbtitle1{
  344. width:150px;
  345. height:0px;
  346. float:center;
  347. margin-left:603px;
  348. margin-bottom:-1px;
  349. border-bottom:3px solid black;
  350. }
  351. #description {
  352. font-size:10px;
  353. top:208px;
  354. overflow:hidden;
  355. z-index:9999999;
  356. position:absolute;
  357. letter-spacing:0px;
  358. left:599px;
  359. width:150px;
  360. height:20px;
  361. text-align:left;
  362. max-height:110px;
  363. font-weight:300;
  364. padding:13px;
  365. line-height:14px;
  366. font-family: 'roboto', sans-serif;
  367. }
  368. /*back to top button*/
  369. .back-to-top {
  370. position: fixed;
  371. color:{color:text};
  372. bottom:7px;
  373. text-transform:uppercase;
  374. left:13px;
  375. font-family: 'lato', sans-serif;
  376. font-size:9px;
  377. letter-spacing:0px;
  378. z-index:9999999999;
  379. font-weight:600;
  380. padding:10px;
  381. }
  382. /*post notes*/
  383. .index-page .photoss img {
  384. display: none;
  385. }
  386. .index-page .photoss img:first-child {
  387. display: inline-block;
  388. }
  389. /*audio*/
  390. .audioartist {
  391. font-family:'roboto', sans-serif;
  392. font-size:10px;
  393. text-transform:lowercase;
  394. font-weight:600;
  395. }
  396. .audiotitle {
  397. font-family:'roboto', sans-serif;
  398. font-size:10px;
  399. text-transform:lowercase;
  400. font-weight:600;
  401. }
  402. .audioplayed {
  403. font-family:'roboto', sans-serif;
  404. font-size:10px;
  405. text-transform:lowercase;
  406. font-weight:600;
  407. }
  408. .audioplayr {
  409. width:400px;
  410. color:{color:text};
  411. background:{color:accent};
  412. }
  413. audioinfo {
  414. font-family:'roboto', sans-serif;
  415. font-size:10px;
  416. letter-spacing:2px;
  417. text-transform:lowercase;
  418. font-weight:300;
  419. }
  420. /*post styles*/
  421. .pcaption{
  422. font-family:'calibri', sans-serif;
  423. font-size:10px;
  424. margin-left:5px;
  425. letter-spacing:0px;
  426. text-transform:none;
  427. background:{color:posts};
  428. font-weight:400;
  429. }
  430. .pcaption a{
  431. font-size:9px;
  432. margin-left:5px;
  433. letter-spacing:1px;
  434. font-family:'arial', sans-serif;
  435. text-transform:lowercase;
  436. font-weight:500;
  437. }
  438. .psets{
  439. width:100%;
  440. }
  441. .vsets{
  442. width:100%;
  443. }
  444. /*posts*/
  445. #wrapper {
  446. width:700px;
  447. margin:10px;
  448. margin-top:350px;
  449. z-index:9;
  450. margin-left:350px;
  451. }
  452. #post {
  453. font-size:10px;
  454. width:200px;
  455. padding:0px;
  456. color:{color:text};
  457. text-align:justify;
  458. z-index:99999999999;
  459. margin-left:15px;
  460. margin-bottom:20px;
  461. }
  462. #post img{
  463. width:100%;
  464. margin-top:-12px;
  465. opacity:1;
  466. }
  467. /*questions and answers*/
  468. #asking {
  469. margin-left:20px;
  470. margin-top:-35px;
  471. }
  472. #askingimage {
  473. }
  474. #askingimage img {
  475. margin-left:10px;
  476. width:30px;
  477. height:30px;
  478. border-radius:100px;
  479. margin-top:0px;
  480. }
  481. #question {
  482. padding:20px;
  483. padding-left:14px;
  484. margin-top:-32px;
  485. margin-left:0px;
  486. width:167px;
  487. font-family: 'roboto', serif;
  488. color:{color:text};
  489. background-color:{color:asks};
  490. }
  491. #asker{
  492. margin-top:-66px;
  493. padding:1px;
  494. font-weight:300;
  495. font-size:11px;
  496. z-index:9999999999;
  497. color:{color:text};
  498. opacity:1;
  499. margin-left:14px;
  500. letter-spacing:0px;
  501. font-family: 'roboto', sans-serif;
  502. text-transform:lowercase;
  503. }
  504. #askerurl{
  505. margin-top:-19px;
  506. padding:1px;
  507. font-weight:bold;
  508. font-size:10px;
  509. padding:7px;
  510. line-height:14px;
  511. height:13px;
  512. width:465px;
  513. z-index:9999999999;
  514. color:{color:text};
  515. opacity:1;
  516. margin-left:36px;
  517. padding-bottom:11px;
  518. letter-spacing:0px;
  519. font-family: 'arial', sans-serif;
  520. text-transform:lowercase;
  521. }
  522. /*post info*/
  523. #info {
  524. width:190px;
  525. text-align:left;
  526. font-family: 'arial', sans-serif;
  527. text-transform:lowercase;
  528. margin-left:0px;
  529. font-size:8px;
  530. margin-top:-5px;
  531. padding-left:10px;
  532. padding-top:15px;
  533. padding-bottom:13px;
  534. opacity:1;
  535. overflow:hidden;
  536. font-weight:500;
  537. line-height:20px;
  538. background:{color:posts};
  539. letter-spacing:4px;
  540. border-radius:0px 0px 5px 5px;
  541. z-index:9999999999999999;
  542. color:{color:text};
  543. }
  544. #info a {
  545. text-align:left;
  546. font-weight:500;
  547. padding:2px;
  548. letter-spacing:1px;
  549. font-family: 'arial', sans-serif;
  550. line-height:5px;
  551. color:{color:text};
  552. }
  553. #info a:hover{
  554. color:{color:hover};
  555. }
  556. #info date {
  557. font-family: 'arial', serif;
  558. text-transform:lowercase;
  559. font-size:8px;
  560. }
  561. /*credit (u better leave this here u goof)*/
  562. #credit a{
  563. position:fixed;
  564. font-size:11px;
  565. font-weight:800;
  566. height:15px;
  567. width:25px;
  568. opacity:1;
  569. right:10px;
  570. bottom:10px;
  571. padding:2px;
  572. letter-spacing:0px;
  573. padding-top:3px;
  574. line-height:11px;
  575. z-index:9999999999999999999999999999;
  576. font-style:italic;
  577. text-align:center;
  578. float:left;
  579. font-family: 'Yeseva One', cursive;
  580. color:{color:text};
  581. text-transform:uppercase;
  582. -moz-transition-duration:0.3s;
  583. -webkit-transition-duration:0.3s;
  584. -o-transition-duration:0.3s;
  585. transition: all 0.3s ease-out;
  586. }
  587. #credit a:hover{
  588. color:{color:hover};
  589. font-size:16px;
  590. -moz-transition-duration:0.3s;
  591. -webkit-transition-duration:0.3s;
  592. -o-transition-duration:0.3s;
  593. transition: all 0.3s ease-out;
  594. }
  595. /*sidebar links*/
  596. .links {
  597. width:250px;
  598. height:auto;
  599. overflow:hidden;
  600. cursor:pointer;
  601. left:560px;
  602. opacity:1;
  603. z-index:9999999999;
  604. position:absolute;
  605. top:263px;
  606. text-align:left;
  607. }
  608. .links a {
  609. width:45px;
  610. height:5px;
  611. text-align:left;
  612. text-transform:lowercase;
  613. padding:7px;
  614. opacity:1;
  615. font-style:none;
  616. color:{color:links};
  617. z-index:99999;
  618. letter-spacing:0px;
  619. font-weight:600;
  620. font-family: 'arial', sans-serif;
  621. font-size:9px;
  622. display:inline-block;
  623. transition-duration: 0.3s;
  624. -moz-transition-duration: 0.3s;
  625. -webkit-transition-duration: 0.3s;
  626. -o-transition-duration: 0.3s;
  627. }
  628. .links a:hover{
  629. color:{color:hover};
  630. }
  631. {CustomCSS}</style>
  632. </head>
  633. <body>
  634. <div class="links">
  635. <a href="/"><i class="fa fa-angle-right"></i> index
  636. <a href="/ask"><i class="fa fa-angle-right"></i> contact
  637. </a>
  638. <a href="/archive"><i class="fa fa-angle-right"></i> archive
  639. </a>
  640. <a href="{text:link one url}"><i class="fa fa-angle-right"></i> {text:link one}
  641. </a>
  642. </div>
  643. <!--basics-->
  644. <div id="sidebar">
  645. <div id="iconimage"><img src="{image:icon}"></a></div>
  646. <div id="description">{description}</div>
  647. <div id="sbtitle">{text:title}
  648. <div id="sbtitle1"></div></div>
  649. <div id="themebackground"></div>
  650. </div>
  651. </div>
  652. </div>
  653. </div>
  654. <!--posts and entries-->
  655. <div id="wrapper">
  656. <div id="page-content">
  657. {block:Posts}
  658. <div id="post">
  659. <!--texts-->
  660. {block:Text}
  661. {block:Title}<h1><center>{Title}</center></h1>{/block:Title}
  662. {Body}
  663. {/block:Text}
  664. <!--question and answers-->
  665. {block:Answer}
  666. <div id="askingimage"><img src="{AskerPortraitURL-48}"/></div>
  667. <div id="askerurl">{Asker} asked:</div>
  668. <div id="question">{Question}</div>
  669. {Answer}{/block:Answer}
  670. <!--quotes-->
  671. {block:Quote}
  672. {block:Quote}
  673. <h2>{Quote}</h2>
  674. <div align="right">
  675. {block:Source}<h1>-{Source}</h1>{/block:Source}
  676. </div>
  677. {/block:Quote}
  678. <!--links-->
  679. {block:Link}
  680. <h2><center><a href="{URL}">{Name}</center></a></h2>
  681. {block:Description}{Description}{/block:Description}
  682. {/block:Link}
  683. <!--chats-->
  684. {block:Chat}
  685. {block:Title}<h2>{Title}</h2>{/block:Title}
  686. <ul class="convo">{block:Lines}<li class="line">{block:Label}<span class ="label">{Label}</span>{/block:Label}
  687. {Line}</li>{/block:Lines}</ul>
  688. {/block:Chat}
  689. <!--photos-->
  690. {block:Photo}
  691. {LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}" width="auto">{LinkCloseTag}
  692. {block:PermalinkPage}
  693. {block:Caption}<div class="pcaption">{Caption}</div>{/block:Caption}
  694. {/block:PermalinkPage}
  695. {/block:Photo}
  696. <!--photosets-->
  697. <body class="{block:IndexPage}index-page{/block:IndexPage}">
  698. {block:Photoset}
  699. {block:IndexPage}
  700. <div class="photoss">
  701. {block:Photos}
  702. <img alt="" src="{PhotoURL-HighRes}">
  703. {/block:Photos}
  704. </div>
  705. {/block:IndexPage}
  706. {block:PermalinkPage}
  707. {Photoset-250}{block:Caption}<div class="pcaption">{Caption}</div>{/block:Caption}
  708. {/block:PermalinkPage}
  709. {/block:Photoset}
  710. <!--videos-->
  711. {block:Video}
  712. <div class="vsets">{Video}
  713. {block:PermalinkPage}
  714. {block:Caption}<div class="pcaption">{Caption}</div>{/block:Caption}
  715. {/block:PermalinkPage}
  716. </div>
  717. {/block:Video}
  718. <!--audios-->
  719. {block:Audio}<left>{block:AlbumArt}<img src="{AlbumArtURL}" width="60px" height="60px" align="left" style="margin-right:10px;" />{/block:AlbumArt}
  720. {block:TrackName}<div class="audiotitle">Title: <audioinfo>{TrackName}</audioinfo><br/></div>{/block:TrackName}
  721. {block:Artist}<div class="audioartist">Artist: <audioinfo>{Artist}</audioinfo><br/></div>{/block:Artist}
  722. {/block:ExternalAudio}<div class="audioplayed">Played: <audioinfo>{PlayCount} times</audioinfo> </div>
  723. </br>
  724. <div class="audioplayr"style="background:{color:accent}">{AudioPlayer}</div>
  725. {/block:Audio}
  726. <!--tags-->
  727. <div id="info">
  728. <div id="border"></div>
  729. <div id="permalink">
  730. <a href="{Permalink}"title="{TimeAgo}"><date> {DayOfMonth} {Month} {ShortYear}</date></a> {NoteCount}</br>
  731. {block:RebloggedFrom}{block:ContentSource}
  732. {block:PermalinkPage}(<a href="{SourceURL}"title="{ReblogRootName}">src</a>&<a href="{ReblogParentURL}" title="{ReblogParentName}">via</a>)<a href="{ReblogURL}"target="_blank" class="details">Reblog</a>{/block:PermalinkPage}
  733. {/block:ContentSource}
  734. {/block:RebloggedFrom}
  735. </div>
  736. {/block:Date}
  737. {block:HasTags} {block:Tags} {block:PermalinkPage}<a href="{TagURL}"> #{Tag} </a>{/block:PermalinkPage} {/block:Tags}
  738.  
  739. {/block:HasTags}
  740. </div></div>
  741. {/block:Posts}
  742. {block:NextPage}<div id="page-nav"><a href="{NextPage}"></a>{/block:NextPage}</div>
  743. </div>
  744. <script type="text/javascript" src="http://masonry.desandro.com/js/jquery-1.7.1.min.js"></script>
  745. <script type="text/javascript" src="http://static.tumblr.com/twte3d7/4Wjm5wj58/disassemble_v3.js"></script>
  746. <script>
  747. var elem = document.querySelector('#wrapper');
  748. var msnry = new Masonry( elem, {
  749. // options
  750. itemSelector: '#posts',
  751. columnWidth: 700
  752. });
  753.  
  754. // element argument can be a selector string
  755. // for an individual element
  756. var msnry = new Masonry( '#posts', {
  757. // options
  758. });
  759. </script>
  760. <!--credit(u better dont touch this here u goof)-->
  761. <div id="credit">
  762. <a href="http://ceesty.com/qNgV4R"title="daddythemes">DA</a>
  763. </div>
  764. </html>
  765. </body>
  766. <!-----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!