sofiiayala

Theme 36 for Tumblr

Feb 26th, 2016
6,287
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 20.94 KB | None | 0 0
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3. <head><title>{Title}</title>
  4. <link rel="shortcut icon" href="{Favicon}">
  5. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  6. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  7.  
  8. <!----Theme 36 by castiiel. DON'T STEAL NOR COVER THE CREDIT, CUSTOMIZE IT AS MUCH AS YOU WANT BUT DON'T STEAL IT, IT'S ILLEGAL --->
  9.  
  10. <meta name="image:background" content=""/>
  11.  
  12. <meta name="color:Background" content="#ffffff"/>
  13. <meta name="color:posts background" content="#ffffff"/>
  14. <meta name="color:Text" content="#f6f6f6"/>
  15. <meta name="color:Link" content="#b8b8b8"/>
  16. <meta name="color:Link hover" content="#b8b8b8"/>
  17. <meta name="color:outside border" content="#ddd"/>
  18. <meta name="color:inside border" content="#888"/>
  19. <meta name="color:shadow" content="#888"/>
  20. <meta name="color:scrollbar" content="#999"/>
  21.  
  22. <meta name="if:one column" content="0">
  23. <meta name="if:infinite scroll" content="0">
  24. <meta name="if:credit on the left" content="0">
  25. <meta name="if:solid posts background" content="0">
  26. <meta name="if:remove lines" content="0"/>
  27. <meta name="if:repeat background" content="0"/>
  28. <meta name="if:tags on permalink" content="1"/>
  29. <meta name="if:show notes on click" content="0"/>
  30.  
  31. <meta name="text:rgba color" content="0,0,0"/>
  32. <meta name="text:background opacity" content="0.7"/>
  33. <meta name="text:title" content=""/>
  34. <meta name="text:link 1" content="link 1"/>
  35. <meta name="text:link 1 url" content="/"/>
  36. <meta name="text:link 2" content="link 2"/>
  37. <meta name="text:link 2 url" content="/ask"/>
  38. <meta name="text:link 3" content="link 3"/>
  39. <meta name="text:link 3 url" content="/"/>
  40. <meta name="text:link 4" content="link 4"/>
  41. <meta name="text:link 4 url" content="/"/>
  42.  
  43. <link rel="stylesheet" href="http://static.tumblr.com/bfthosw/vUynczxut/intro-black-64.css">
  44.  
  45. <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
  46.  
  47. {block:ifShownotesonclick}
  48. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
  49.  
  50. <script src="jquery.js"></script>
  51. <script>
  52. $(document).ready(function(){
  53. $("#notes").click(function(){
  54. $("ol.notes").slideToggle("slow");
  55. });
  56. });
  57. </script>
  58. {/block:ifShownotesonclick}
  59.  
  60. <script type="text/javascript">
  61. WebFontConfig = {
  62. google: { families: [ 'Lato:300,400:latin', 'Montserrat:400,700:latin' ] }
  63. };
  64. (function() {
  65. var wf = document.createElement('script');
  66. wf.src = ('https:' == document.location.protocol ? 'https' : 'http') +
  67. '://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js';
  68. wf.type = 'text/javascript';
  69. wf.async = 'true';
  70. var s = document.getElementsByTagName('script')[0];
  71. s.parentNode.insertBefore(wf, s);
  72. })(); </script>
  73.  
  74. <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> <script> (function($){ $(document).ready(function(){ $("[title],a[title],img[title]").style_my_tooltips({ tip_follows_cursor:true, tip_delay_time:100, tip_fade_speed:300, attribute:"title" }); }); })(jQuery); </script>
  75.  
  76. <script type="text/javascript" src="http://static.tumblr.com/d0qlne1/DiAl6ekb7/jquery-1.4.2.min.js"></script>
  77. <script src="http://static.tumblr.com/twte3d7/H8Glm663z/masonry.js"></script>
  78.  
  79. <style type="text/css">
  80.  
  81. #s-m-t-tooltip {
  82. max-width:300px;
  83. padding:2px 4px 2px 5px;
  84. margin:20px 0px 0px 20px;
  85. background-color: rgba({text:rgba color}, {text:background opacity});
  86. {block:ifSolidpostsbackground}
  87. background-color:{color:posts background};
  88. {/block:ifSolidpostsbackground}
  89. border:1px solid {color:outside border};
  90. font-family: 'Lato', sans-serif;
  91. letter-spacing:1.5px;
  92. font-weight:bolder;
  93. font-size:7px;
  94. text-transform:uppercase;
  95. color:{color:text};
  96. z-index:999999999999999999999999999999999999;
  97. }
  98.  
  99. ::-webkit-scrollbar {width: 4px; height: 4px; background: transparent; }
  100. ::-webkit-scrollbar-thumb { background-color: {color:scrollbar}; -webkit-border-radius: 0ex; }
  101.  
  102. body {
  103. background:{color:background};
  104. margin:0px;
  105. color:{color:text};
  106. font-family:'Lato', sans-serif;
  107. letter-spacing: 0.8px;
  108. line-height: 130%;
  109. font-size:10px;
  110. background-image:url("{image:background}");
  111. background-size:cover;
  112. {block:ifRepeatbackground}
  113. background-size:auto;
  114. background-repeat: repeat;
  115. {block:ifRepeatbackground}
  116. background-attachment:fixed;
  117. background-position: bottom left;
  118. overflow-y:scroll;
  119. }
  120.  
  121. a {
  122. text-decoration:none;
  123. outline:none;
  124. -moz-outline-style:none;
  125. color:{color:link};
  126. }
  127.  
  128. a:hover {
  129. color:{color:link hover};
  130. text-decoration:none;
  131. }
  132.  
  133. img {
  134. border:none;
  135. }
  136.  
  137. p {
  138. margin-left: 0px;
  139. margin-right: 0px;
  140. word-wrap: break-word;
  141. }
  142.  
  143. pre {
  144. white-space: pre-wrap;
  145. white-space: -moz-pre-wrap;
  146. white-space: -pre-wrap;
  147. white-space: -o-pre-wrap;
  148. word-wrap: break-word;
  149. }
  150.  
  151. blockquote {
  152. padding-left:5px;
  153. padding-right:0px;
  154. border-left:1px solid {color:inside border};
  155. margin-left: 0px;
  156. margin-right: 0px;
  157. }
  158.  
  159. blockquote p {
  160. margin-left:5px;
  161. }
  162.  
  163. h1 {
  164. font-family: 'Montserrat', sans-serif;
  165. font-size:15px;
  166. margin-top:-2px;
  167. font-weight:700;
  168. letter-spacing: 1.5px;
  169. line-height:130%;
  170. text-align: left;
  171. }
  172.  
  173. h2 {
  174. font-family: 'Montserrat', sans-serif;
  175. text-transform:uppercase;
  176. font-size:13px;
  177. font-weight:700;
  178. letter-spacing: 1.5px;
  179. line-height:130%;
  180. text-align: left;
  181. }
  182.  
  183. .text img {
  184. height: auto!important;
  185. max-width:100%;
  186. }
  187.  
  188. #entries {
  189. margin:auto;
  190. margin-bottom:30px;
  191. {block:Indexpage}
  192. padding-left:71px;
  193. width:700px;
  194. {block:ifOnecolumn}
  195. width:430px;
  196. padding-left:0px;
  197. {block:ifOnecolumn}
  198. {/block:Indexpage}
  199. {block:Permalink}
  200. width:430px;
  201. padding-left:0px;
  202. {/block:Permalink}
  203. }
  204.  
  205. .post {
  206. {block:Indexpage}
  207. width:280px;
  208. {block:ifnotOnecolumn}
  209. float:left;
  210. {/block:ifnotOnecolumn}
  211. margin-right:70px;
  212. {block:ifOnecolumn}
  213. width:430px;
  214. {block:ifOnecolumn}
  215. {/block:Indexpage}
  216. {block:Permalink}
  217. width:430px;
  218. {/block:Permalink}
  219. {block:ifRemovelines}
  220. margin-bottom:45px;
  221. {/block:ifRemovelines}
  222. }
  223.  
  224. #post {
  225. {block:Indexpage}
  226. width:250px;
  227. {block:ifOnecolumn}
  228. width:400px;
  229. {block:ifOnecolumn}
  230. {/block:Indexpage}
  231. {block:Permalink}
  232. width:400px;
  233. {/block:Permalink}
  234. padding:14px;
  235. background-color: rgba({text:rgba color}, {text:background opacity});
  236. {block:ifSolidpostsbackground}
  237. background-color:{color:posts background};
  238. {/block:ifSolidpostsbackground}
  239. border:1px solid {color:outside border};
  240. overflow-x:hidden;
  241. }
  242.  
  243. .line {
  244. width:139px;
  245. border-right:1px solid {color:outside border};
  246. height:45px;
  247. {block:ifOnecolumn}
  248. width:215px;
  249. {block:ifOnecolumn}
  250. {block:Permalink}
  251. width:215px;
  252. {/block:Permalink}
  253. }
  254.  
  255. #topline {
  256. width:351px;
  257. border-bottom:1px solid {color:outside border};
  258. margin:auto;
  259. }
  260.  
  261. .tumblr_video_container {
  262. width:auto!important;
  263. height:auto!important;
  264. }
  265.  
  266. #header {
  267. width:250px;
  268. padding:19px;
  269. margin:auto;
  270. border:1px solid {color:outside border};
  271. background-color: rgba({text:rgba color}, {text:background opacity});
  272. {block:ifSolidpostsbackground}
  273. background-color:{color:posts background};
  274. {/block:ifSolidpostsbackground}
  275. margin-top:70px;
  276. text-align:center;
  277. {block:ifRemovelines}
  278. margin-bottom:60px;
  279. {/block:ifRemovelines}
  280. }
  281.  
  282. #title {
  283. font-family: 'Montserrat', sans-serif;
  284. text-transform:uppercase;
  285. font-size:16px;
  286. font-weight:700;
  287. letter-spacing:1.5px;
  288. line-height:150%;
  289. }
  290.  
  291. .headerb{
  292. width:50px;
  293. border-bottom:3px solid {color:text};
  294. margin-left:100px;
  295. margin-top:10px;
  296. }
  297.  
  298. #description{
  299. margin-top:15px;
  300. line-height:150%;
  301. margin-bottom:15px;
  302. }
  303.  
  304. #links a {
  305. font-family: 'Montserrat', sans-serif;
  306. text-transform:uppercase;
  307. font-weight:700;
  308. letter-spacing:1.5px;
  309. color:{color:text};
  310. font-size:9px;
  311. margin:0px 5px;
  312. }
  313.  
  314. #pagination {
  315. width:150px;
  316. margin-left:50px;
  317. line-height: 130%;
  318. text-align:right;
  319. font-size:10px;
  320. color:{color:text};
  321. letter-spacing: 1px;
  322. padding:14px;
  323. background-color: rgba({text:rgba color}, {text:background opacity});
  324. {block:ifSolidpostsbackground}
  325. background-color:{color:posts background};
  326. {/block:ifSolidpostsbackground}
  327. border:1px solid {color:outside border};
  328. {block:ifOnecolumn}
  329. margin:auto;
  330. {block:ifOnecolumn}
  331. {block:permalink}
  332. margin:auto;
  333. {/block:permalink}
  334. }
  335.  
  336. #pagination a {
  337. color:{color:text};
  338. font-family:'Montserrat', sans-serif;
  339. font-weight:700;
  340. }
  341.  
  342. #info {
  343. text-align:left;
  344. letter-spacing:2px;
  345. font-family:'Montserrat', sans-serif;
  346. margin-right:0px;
  347. font-size:9px;
  348. margin-top:10px;
  349. text-transform:uppercase;
  350. }
  351.  
  352. #info i {
  353. font-size:9px;
  354. color:{color:text};
  355. opacity:.9;
  356. }
  357.  
  358. .chat {
  359. display:block;
  360. margin-top:10px;
  361. padding-top:10px;
  362. border-top:1px solid {color:inside border};
  363. }
  364.  
  365. .chat:first-child {
  366. margin-top:0px;
  367. padding-top:0px;
  368. border-top:0px;
  369. }
  370.  
  371. .link {
  372. text-align: center;
  373. }
  374.  
  375. .link a {
  376. font-family: 'Montserrat', sans-serif;
  377. text-transform:uppercase;
  378. font-size:16px;
  379. font-weight:700;
  380. letter-spacing: 1.5px;
  381. line-height:130%;
  382. }
  383.  
  384. .question{
  385. text-align: center;
  386. margin-bottom:10px;
  387. padding: 8px 0px;
  388. border-bottom: 1px solid {color:inside border};
  389. }
  390.  
  391. .answer{
  392. text-align: left;
  393. }
  394.  
  395. .asker a {
  396. color: {color:text};
  397. }
  398.  
  399. .sources
  400. {
  401. filter:alpha(opacity=0);
  402. opacity:0;
  403. font-size: 0px;
  404. }
  405.  
  406. #quote {
  407. font-size:17px;
  408. font-family:'Lato', sans-serif;
  409. font-weight: 300;
  410. letter-spacing: 1.5px;
  411. line-height:130%;
  412. text-align: center;
  413. }
  414.  
  415. #cover {
  416. position: relative;
  417. z-index: 1;
  418. height: 80px;
  419. float:left;
  420. margin:4px;
  421. box-shadow:0px 0px 5px {color:shadow};
  422. }
  423.  
  424. #button {
  425. width:20px;
  426. height:30px;
  427. overflow: hidden;
  428. position: relative;
  429. z-index: 99;
  430. margin: 15px 24px 13px 16px;
  431. }
  432.  
  433. #buttons {
  434. background-color: #fff;
  435. position: absolute;
  436. z-index: 99;
  437. margin-top: 15px;
  438. margin-left: 15px;
  439. opacity: 0;
  440. -webkit-transition: opacity 0.5s linear;
  441. -webkit-transition: all 0.5s linear;
  442. -moz-transition: all 0.5s linear;
  443. -o-transition: all 0.5s linear;
  444. }
  445.  
  446. #post:hover #buttons {
  447. opacity:0.5;
  448. }
  449.  
  450. #musicinfo {
  451. margin-left: 110px;
  452. font-size:10px;
  453. min-height:70px;
  454. text-align:left;
  455. position: relative;
  456. }
  457.  
  458. .notes {
  459. width:300px;
  460. padding:14px;
  461. background-color: rgba({text:rgba color}, {text:background opacity});
  462. {block:ifSolidpostsbackground}
  463. background-color:{color:posts background};
  464. {/block:ifSolidpostsbackground}
  465. border:1px solid {color:outside border};
  466. margin-left:50px;
  467. {block:ifRemovelines}
  468. margin-bottom:45px;
  469. {/block:ifRemovelines}
  470. }
  471.  
  472. #notes {
  473. text-transform: uppercase;
  474. font-size:13px;
  475. font-family:'Montserrat', sans-serif;
  476. letter-spacing:1.6px;
  477. font-weight:700;
  478. border-bottom: solid 1px {color:inside border};
  479. text-align:center;
  480. position:relative;
  481. padding-bottom:12px;
  482. {block:ifShownotesonclick}
  483. cursor:help!Important;
  484. border-bottom:0px;
  485. padding-bottom:0px;
  486. {/block:ifShownotesonclick}
  487. }
  488.  
  489. ol.notes {
  490. padding: 0px;
  491. margin:0px;
  492. list-style-type: none;
  493. background:transparent;
  494. border:0px transparent;
  495. {block:ifShownotesonclick}
  496. display:none;
  497. {/block:ifShownotesonclick}
  498. }
  499.  
  500. ol.notes li.note {
  501. padding: 5px 0px;
  502. }
  503.  
  504. ol.notes li.note img.avatar {
  505. vertical-align: -8px;
  506. margin-right: 10px;
  507. width: 16px;
  508. height: 16px;
  509. padding:2px;
  510. border:1px solid {color:inside border};
  511. border-radius: 100%;
  512. }
  513.  
  514. ol.notes li.note .answer_content {
  515. font-weight: normal;
  516. padding: 2px 8px;
  517. margin: 10px 0px 0px 25px;
  518. display:block;
  519. border-left:1px solid;
  520. }
  521.  
  522. ol.notes li.note blockquote {
  523. padding: 2px 8px;
  524. margin: 10px 0px 0px 25px;
  525. }
  526.  
  527. ol.notes li.note blockquote a {
  528. text-decoration: none;
  529. }
  530.  
  531. #tags {
  532. font-size: 9px;
  533. margin-top: 5px;
  534. text-align: left;
  535. font-weight:400;
  536. font-family: 'lato', sans-serif;
  537. letter-spacing: 0.7px;
  538. }
  539.  
  540. #tags a {
  541. color: {color:text};
  542. margin-right: 8px;
  543. display:inline-block;
  544. }
  545.  
  546. #tags a:hover {
  547. color: {color:link};
  548. transition: all 0.3s linear;
  549. -webkit-transition: opacity 0.3s linear;
  550. -webkit-transition: all 0.3s linear;
  551. -moz-transition: all 0.3s linear;
  552. }
  553.  
  554. #credit a {
  555. width:13px;
  556. height:13px;
  557. background-color: rgba({text:rgba color}, {text:background opacity});
  558. {block:ifSolidpostsbackground}
  559. background-color:{color:posts background};
  560. {/block:ifSolidpostsbackground}
  561. border:1px solid {color:outside border};
  562. {block:ifCreditontheleft}
  563. left:10px;
  564. {/block:ifCreditontheleft}
  565. {block:ifnotCreditontheleft}
  566. right:10px;
  567. {/block:ifnotCreditontheleft}
  568. bottom:10px;
  569. position:fixed;
  570. }
  571.  
  572. {CustomCSS}</style></head><body>
  573.  
  574. <div id="header">
  575. <div id="title">{text:title}</div>
  576. <div class="headerb"></div>
  577. <div id="description">{Description}</div>
  578. <div id="links">
  579. <a href="{text:link 1 url}">{text:link 1}</a>
  580. <a href="{text:link 2 url}">{text:link 2}</a>
  581. <a href="{text:link 3 url}">{text:link 3}</a>
  582. <a href="{text:link 4 url}">{text:link 4}</a>
  583. </div>
  584. </div>
  585.  
  586. {block:IndexPage}{block:ifnotOnecolumn}{block:ifnotRemovelines}<div id="topline"><div class="line" style="width:174px;"></div></div>{/block:ifnotRemovelines}{block:ifnotOnecolumn}{/block:IndexPage}
  587.  
  588. <div id="entries">
  589.  
  590. <div class="autopagerize_page_element">
  591. {block:Posts}
  592.  
  593. {block:ContentSource}
  594.  
  595. <!--{SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  596.  
  597. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  598.  
  599. {/block:SourceLogo}
  600.  
  601. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo}-->
  602.  
  603. {/block:ContentSource}{block:ReblogParent}{/block:ReblogParent}
  604.  
  605. <div class="post">
  606. {block:ifnotRemovelines}
  607. <div class="line"></div>
  608. {/block:ifnotRemovelines}
  609. <div id="post">
  610.  
  611. {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1><div class="text">{Body}</div>{/block:Text}
  612.  
  613. {block:ifnotOnecolumn}
  614. {block:Photo}{block:IndexPage}{LinkOpenTag}<img src="{PhotoURL-250}">{LinkCloseTag}{/block:IndexPage}{block:permalinkpage}{LinkOpenTag}<img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width=400px/>{/block:permalinkpage}{block:Caption}<div class="text">{Caption}</div>{/block:Caption}{LinkCloseTag}{/block:Photo}
  615. {/block:ifnotOnecolumn}
  616.  
  617. {block:ifOnecolumn}
  618. {block:Photo}{block:IndexPage}{LinkOpenTag}<img src="{PhotoURL-400}">{LinkCloseTag}{/block:IndexPage}{block:permalinkpage}{LinkOpenTag}<img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width=400px/>{/block:permalinkpage}{block:Caption}<div class="text">{Caption}</div>{/block:Caption}{LinkCloseTag}{/block:Photo}
  619. {/block:ifOnecolumn}
  620.  
  621. {block:ifnotOnecolumn}
  622. {block:Photoset}{block:IndexPage}{LinkOpenTag}{Photoset-250}{LinkCloseTag}{/block:IndexPage}{block:permalinkpage}{LinkOpenTag}{Photoset-400}{/block:permalinkpage}{block:Caption}<div class="text">{Caption}</div>{/block:Caption}{LinkCloseTag}{/block:Photoset}
  623. {/block:ifnotOnecolumn}
  624.  
  625. {block:ifOnecolumn}
  626. {block:Photoset}{block:IndexPage}{LinkOpenTag}{Photoset-400}{LinkCloseTag}{/block:IndexPage}{block:permalinkpage}{LinkOpenTag}{Photoset-400}{/block:permalinkpage}{block:Caption}<div class="text">{Caption}</div>{/block:Caption}{LinkCloseTag}{/block:Photoset}
  627. {/block:ifOnecolumn}
  628.  
  629. {block:Quote}{block:Source}{/block:Source}<div id="quote">"{Quote}"</div><br><div style="font-family: consolas; font-size: 11px; text-align: right;">-{Source}</div>{/block:Quote}
  630.  
  631. {block:Link}<div class="link"><a href="{URL}" {Target}>{Name}</a></div>{block:Description}<div class="text">{Description}</div>{/block:Description}{/block:Link}
  632.  
  633. {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}<span class="chat">{block:Label}<b>{Label}</b>{/block:Label} {Line}</span>{/block:Lines}{/block:Chat}
  634.  
  635. {block:Audio}
  636. <div id="buttons"><div id="button">{block:AudioPlayer}{AudioPlayerWhite}{/block:AudioPlayer}</div></div>
  637. {block:AlbumArt}<img src="{AlbumArtURL}" id="cover">{/block:AlbumArt}
  638. <div id="musicinfo">
  639. {block:TrackName}<div style="padding-top: 12px; text-transform: uppercase; font-size:12px; font-family:'Montserrat', sans-serif; letter-spacing:1.6px;"><b>{TrackName}</b></div>{/block:Trackname}<br>
  640. {block:Artist}by {Artist}{/block:Artist}<br><br>
  641. {block:PlayCount}►played {PlayCount} times{/block:PlayCount}
  642. </div>
  643. <div style="margin-top:23px;">{block:caption}<div class="text">{Caption}</div>{/block:caption}</div>
  644. {/block:Audio}
  645.  
  646. {block:ifnotOnecolumn}
  647. {block:Video}{block:IndexPage}{LinkOpenTag}{VideoEmbed-250}{LinkCloseTag}{/block:IndexPage}{block:permalinkpage}{LinkOpenTag}{VideoEmbed-400}{/block:permalinkpage}{block:Caption}<div class="text">{Caption}</div>{/block:Caption}{LinkCloseTag}{/block:Video}
  648. {/block:ifnotOnecolumn}
  649.  
  650. {block:ifOnecolumn}
  651. {block:Video}{block:IndexPage}{LinkOpenTag}{VideoEmbed-400}{LinkCloseTag}{/block:IndexPage}{block:permalinkpage}{LinkOpenTag}{VideoEmbed-400}{/block:permalinkpage}{block:Caption}<div class="text">{Caption}</div>{/block:Caption}{LinkCloseTag}{/block:Video}
  652. {/block:ifOnecolumn}
  653.  
  654. {block:Answer}
  655. <div class="question" style="margin-bottom:-3px;"><span class="asker"><b>{Asker}</b></span>: {Question}</div><div class="answer" class="text">{Answer}</div>{/block:Answer}
  656.  
  657. <div id="info">
  658. <span class="info"><span style="font-weight:700;">{block:Date}{ShortMonth} {DayOfMonth}{DayOfMonthSuffix}{/block:Date}</span> (<span style="color:#e17e66;">♥</span><a href="{Permalink}" style="letter-spacing:0.5px;">{NoteCount}</a>) <a href="{ReblogURL}" target="_blank" title="reblog"><i class="fa fa-refresh"></i></a></span></div>
  659.  
  660. {block:ifTagsonpermalink}{block:permalinkpage}
  661. <div id="tags">{block:HasTags}{block:Tags}<a href="{TagURL}">#{Tag}</a>{/block:Tags}{/block:HasTags}</div>
  662. {/block:permalinkpage}{/block:ifTagsonpermalink}
  663.  
  664. {block:ifnotTagsonpermalink}
  665. <div id="tags">{block:HasTags}{block:Tags}<a href="{TagURL}">#{Tag}</a>{/block:Tags}{/block:HasTags}</div>
  666. {/block:ifnotTagsonpermalink}
  667.  
  668. </div></div>
  669.  
  670. {block:PostNotes}
  671. {block:ifnotRemovelines}
  672. <div class="line"></div>
  673. {/block:ifnotRemovelines}
  674. <div class="notes">
  675. <div id="notes">notes</div>
  676. {PostNotes}
  677. </div>
  678. {/block:PostNotes}
  679.  
  680. {/block:Posts}
  681.  
  682. {block:ifnotInfinitescroll}
  683. <div class="post">
  684. {block:ifnotRemovelines}
  685. <div class="line"></div>
  686. {/block:ifnotRemovelines}
  687. <div id="pagination">
  688. {block:Pagination}{block:PreviousPage}<a href="{PreviousPage}" style="float:left; padding-top:1px;">GO BACK</a>{/block:PreviousPage}
  689. {block:NextPage}<a href="{NextPage}">PROCEED</a>{/block:NextPage}
  690. <div style="width:100%; margin-top:15px; margin-bottom:15px;"><div style="border-top: {color:text} 2px solid; width: 50px; margin-left:50px; position:relative;"></div></div>
  691. {/block:Pagination}
  692. <div style="width:100%; text-align:center"><a href="http://castiiel.tumblr.com">THEME BY CASTIIEL</a></div>
  693. </div>
  694. </div>
  695. {/block:ifnotInfinitescroll}
  696.  
  697. </div></div>
  698.  
  699. {block:ifInfinitescroll}
  700. <div id="credit"><a href="http://castiiel.tumblr.com" title="THEME BY CASTIIEL"></a></div>
  701. {/block:ifInfinitescroll}
  702.  
  703. {block:indexpage}
  704. {block:ifInfinitescroll}
  705. {block:NextPage}<div id="page-nav"><a href="{NextPage}"></a></div>{/block:NextPage}
  706. {/block:ifInfinitescroll}
  707. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
  708. <script type="text/javascript" src="http://static.tumblr.com/bswe8t6/UFVlryaq2/jquerymsnryv2.js"></script>
  709. <script type="text/javascript">
  710. $(window).load(function(){
  711. var $wall = $('#entries');
  712. $wall.imagesLoaded(function(){
  713. $wall.masonry({
  714. itemSelector: '.post',
  715. isAnimated : false
  716. });
  717. });
  718.  
  719. $wall.infinitescroll({
  720. navSelector : '#page-nav',
  721. nextSelector : '#page-nav a',
  722. itemSelector : '.post',
  723. bufferPx : 2000,
  724. debug : false,
  725. errorCallback: function() {
  726. $('#infscr-loading').fadeOut('normal');
  727. }},
  728. function( newElements ) {
  729. var $newElems = $( newElements );
  730. $newElems.hide();
  731. $newElems.imagesLoaded(function(){
  732. $wall.masonry( 'appended', $newElems,{isAnimated: false}, function(){$newElems.fadeIn('slow');} );
  733. });
  734. }); $('#f').show(500);
  735. });
  736. </script>
  737. {/block:indexpage}
  738.  
  739. </body></html>
Advertisement
Add Comment
Please, Sign In to add comment