Advertisement
wildthemes

alexia theme

Aug 29th, 2012
3,395
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 19.00 KB | None | 0 0
  1.  
  2. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
  3. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  4.  
  5. <!--
  6. alexia theme by wildthemes. do not remove credits, themes take alot of time and effort to make, you will be reported if you're seen using this theme with no credits.-->
  7.  
  8. <!--This work is licensed under a Creative Commons Attribution 3.0 Unported License.
  9.  
  10. taking credits off/stealing/using my themes as a basecode is illegal.-->
  11. <!--editted 30/09/12-->
  12. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  13. <head>
  14. <meta name="color:glow colour" content="#a3c7c6"/>
  15. <meta name="color:Body font" content="#000000"/>
  16. <meta name="color:Links" content="#78bfd6"/>
  17. <meta name="color:Link hover" content="#ff003b"/>
  18. <meta name="color:Background" content="#ffffff"/>
  19. <meta name="color:posts" content="#f5fbff"/>
  20. <meta name="image:Background image" content="0"/>
  21. <meta name="image:Sidebar background" content=""/>
  22. <meta name="image:Sidebar photo" content=""/>
  23. <meta name="if:Show sidebar photo" content="1"/>
  24. <meta name="text:reblog label" content="reblog" />
  25.  
  26. <meta name="text:Link one URL" content="" />
  27. <meta name="text:Link one title" content="Link 1" />
  28. <meta name="text:Link two URL" content="" />
  29. <meta name="text:Link two title" content="Link 2" />
  30. <meta name="text:Link three URL" content="" />
  31. <meta name="text:Link three title" content="Link 3" />
  32. <meta name="text:Link four URL" content="" />
  33. <meta name="text:Link four title" content="Link 4" />
  34. <meta name="text:Link five URL" content="" />
  35. <meta name="text:Link five title" content="Link 5" />
  36. <link href='http://fonts.googleapis.com/css?family=Asap|Share' rel='stylesheet' type='text/css'>
  37. <link href='http://fonts.googleapis.com/css?family=Actor|Schoolbell|Neucha|Antic|Gloria+Hallelujah|Palatino+Linotype|Indie+Flower|Lekton|Megrim' rel='stylesheet' type='text/css'>
  38.  
  39.  
  40. <title>{title}</title>
  41.  
  42.  
  43. <link rel="shortcut icon" href="{Favicon}">
  44. {block:Description}
  45. <meta name="description" content="{MetaDescription}"/>
  46. {/block:Description}
  47. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js" type="text/javascript"></script><script type="text/javascript" src="http://static.tumblr.com/o0thhnj/LCDma95ko/infinite.txt"></script><link rel="stylesheet" type="text/css" href="http://static.tumblr.com/cpaytv3/nKOlyumhg/reset.css">
  48. <style type="text/css">
  49.  
  50.  
  51. body {
  52. background-color:{color:Background};
  53. background-image: url({image:Background image});
  54. background-attachment: fixed;
  55. background-repeat: repeat;
  56. font-family: calibri;
  57. font-size: 11px;
  58. line-height: 110%;
  59. letter-spacing:0px;
  60. }
  61.  
  62. ::-webkit-scrollbar-thumb:vertical {
  63. background-color:{color:Links};
  64. height:auto;
  65.  
  66. }
  67.  
  68. ::-webkit-scrollbar-thumb:horizontal {
  69. background-color:{color:Links};
  70. }
  71.  
  72. ::-webkit-scrollbar {
  73. height:2px;
  74. width:4px;
  75. background-color:{color:posts};
  76. }@font-face { font-family: "origin"; src: url('http://static.tumblr.com/lyl1wkn/6tdm8yvpc/origin-light.ttf'); }
  77.  
  78.  
  79.  
  80.  
  81.  
  82.  
  83.  
  84.  
  85.  
  86.  
  87. #infscr-loading {
  88. position: absolute;
  89. bottom: 0;
  90. left: 25%;}
  91.  
  92.  
  93. a { color:{color:Links}; -webkit-transition: all 0.3s ease-out;
  94. -moz-transition: all 0.3s ease-out;
  95. transition: all 0.3s ease-out;text-decoration: none;}
  96.  
  97. a:hover {
  98. color:{color:Link hover};
  99. text-decoration: none;
  100. -webkit-transition: all 0.3s ease-out;
  101. -moz-transition: all 0.3s ease-out;
  102. transition: all 0.3s ease-out;
  103. }
  104.  
  105.  
  106. #tumblr_controls{
  107. position:fixed !important;
  108. z-index:99999999999;
  109. }
  110.  
  111.  
  112.  
  113.  
  114.  
  115. .idk {align:right;background: #cdcdcd; margin:7px 0px 5px 66px;padding:10px;position: relative;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;}
  116.  
  117. .idk p {margin:1px 0px;}
  118.  
  119. .idk span {display:block;position:absolute;width:1px;height:1px;font-size: 0;line-height: 1px;left:-10px;top:10px;border-top:7px solid transparent;border-bottom:7px solid transparent;border-right:10px solid #cdcdcd;}
  120.  
  121. .idkborder {float: left;margin: 1px 4px 0 0;padding: 2px; background: #f7f7f7}
  122.  
  123.  
  124. ul {
  125. display: block;
  126. list-style-type: disc;
  127. -webkit-margin-before: 1em;
  128. -webkit-margin-after: 1em;
  129. -webkit-margin-start: 0px;
  130. -webkit-margin-end: 0px;
  131. -webkit-padding-start: 20px;
  132. }
  133.  
  134.  
  135.  
  136. #tumblr_controls{
  137. position:fixed z-index:9999999999;;
  138. }@font-face { font-family: "simplyglamorous"; src: url('http://static.tumblr.com/q54tzar/nANm2jtk1/simply_glamorous_2_.ttf'); }
  139.  
  140.  
  141. #blogtitle{
  142. font-family:share;
  143. font-size:30px;
  144. margin-top:120px;
  145. margin-left:-0px;
  146. text-transform:uppercase;
  147. line-height:50px;
  148. text-shadow: 1px 1px 3px #000;}
  149.  
  150. #description{
  151. font-family:calibri;
  152. width:200px;
  153. padding:3px;
  154. text-align:center;
  155. margin-left:10px;
  156. background:{color:posts};
  157. opacity:0.6;
  158. font-size:11px;
  159. }
  160.  
  161. #description:hover{
  162. opacity:1.0;-webkit-transition: all 0.3s ease-out;
  163. -moz-transition: all 0.3s ease-out;
  164. transition: all 0.3s ease-out;}
  165.  
  166. #content {
  167. width: 810px;
  168. float: left;
  169. margin-top:6px;
  170. margin-left:130px;
  171. }
  172.  
  173. #contain {
  174. width: 1070px;
  175. margin: 0px auto;
  176. }
  177.  
  178.  
  179.  
  180. #left{ margin-left:-100px;
  181.  
  182. width:225px;
  183. z-index:1;
  184. position:fixed !important;
  185. text-align:center;
  186. bottom:0px;
  187. height:100%;
  188. background-color: {color:posts};
  189. opacity: 1;
  190. background-image:url('{image:Sidebar background}');
  191. background-attachment: fixed;
  192. background-image: repeat;
  193. }
  194.  
  195. #right{
  196. margin-left:940px;
  197. width:130px;
  198. z-index:1;
  199. position:fixed !important;
  200. text-align:center;
  201. bottom:0px;
  202. height:100%;
  203. background-color: {color:Background};
  204. opacity: 1;
  205. background-image:url('{image:Sidebar background}');
  206. background-attachment: fixed;
  207. background-image: repeat;
  208. background-position:right top;
  209. }
  210.  
  211.  
  212.  
  213. .linkz {text-transform:lowercase;
  214. text-align:center;margin-top:160px;
  215. }
  216.  
  217. .linkz a {opacity:.9;
  218. background-color:{color:posts};
  219. width:100px;
  220. padding:5px;
  221. display:block;
  222. font-family:origin; border-top-right-radius:10px;
  223. border-bottom-right-radius:10px;
  224. border-top-left-radius:10px;
  225. border-bottom-left-radius:10px;
  226. -webkit-transition-duration: .9s;
  227. -webkit-transform: rotate(-0deg);
  228. letter-spacing:1px;
  229. -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; transition: all 0.3s ease-out;}
  230.  
  231. .linkz a:hover {opacity:.6; -webkit-box-shadow: 0 0 15px {color:glow colour};-webkit-transition-duration: .9s;
  232. -webkit-transform: rotate(0deg);
  233. border-radius:0px;
  234. box-shadow: 0 0 15px {color:glow colour};
  235. -webkit-transition: all .25s ease-in-out;
  236. -moz-transition: all .25s ease-in-out;
  237. -o-transition: all .25s ease-in-out;
  238. transition: all .25s ease-in-out;}
  239. -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; transition: all 0.3s ease-out;
  240. }
  241.  
  242.  
  243.  
  244. h3 {{color:links}; font-family: 'origin'; font-size: 18px; line-height: 120%;}
  245.  
  246. .title {color:{color:Links}; font-family: 'share'; font-size: 18px; line-height: 120%; -webkit-transition: all 0.3s ease-out; text-transform:uppercase;
  247. -moz-transition: all 0.3s ease-out;
  248. transition: all 0.3s ease-out;}
  249.  
  250.  
  251.  
  252. .title:hover {color:{color:Link hover}; -webkit-transition: all 0.3s ease-out;
  253. -moz-transition: all 0.3s ease-out;
  254. transition: all 0.3s ease-out;}
  255.  
  256.  
  257. ol.notes img {
  258. width: 16px;
  259. display: inline;
  260. position: relative;
  261. top: 3px;
  262. }
  263.  
  264. .entry {
  265. padding:3px;
  266. overflow: hidden;
  267. float: left;
  268. {block:indexpage}
  269. width: 255px;
  270. margin-left: 6px;
  271. margin-bottom: 6px;
  272. {/block:indexpage}
  273. {block:permalinkpage}
  274. width: 400px;
  275. margin-left: 6px;
  276. margin-bottom: 6px;
  277. {/block:permalinkpage}
  278. display: block;
  279. background: {color:posts};
  280. }
  281.  
  282.  
  283. .entry:hover{
  284. -moz-box-shadow: 0 0 15px {color:glow colour};
  285. -webkit-box-shadow: 0 0 15px {color:glow colour};
  286. box-shadow: 0 0 15px {color:glow colour};
  287. -webkit-transition: all .25s ease-in-out;
  288. -moz-transition: all .25s ease-in-out;
  289. -o-transition: all .25s ease-in-out;
  290. transition: all .25s ease-in-out;}
  291.  
  292. .entry img {
  293. display: block;
  294. {block:indexpage}max-width:255px;{/block:indexpage}
  295. }
  296.  
  297. .wildthemes a {}
  298.  
  299. .entry .wildthemes{
  300.  
  301. position:absolute;
  302. width:100%;
  303. height:18px;
  304. bottom: -10px;
  305. font-family: share;
  306. text-transform:uppercase;
  307. line-height:180%;
  308. text-align:center;
  309. padding-left: 0px;
  310. padding-right: 0px;
  311. opacity:0.0;padding:3px;
  312.  
  313.  
  314. -webkit-transition: all 0.3s linear;
  315. -moz-transition: all 0.3s linear;
  316. transition: all 0.3s linear;
  317. background-color:{color:posts};
  318. margin-left:0px;
  319.  
  320.  
  321. }
  322. @font-face { font-family: "littlefont"; src: url('http://static.tumblr.com/4yxykdm/NMJlre6xz/04b_03___1_.ttf'); }
  323.  
  324.  
  325. .entry:hover .wildthemes{
  326. -webkit-transition: opacity 0.5s linear; opacity: 0.8;
  327. transition: all 0.4s linear;
  328. background-color:{color:posts};
  329. bottom: 0px;
  330.  
  331. opacity:0.8;
  332.  
  333. -webkit-transition: all 0.3s linear;
  334. -moz-transition: all 0.3s linear;
  335. transition: all 0.3s linear; }
  336. }
  337.  
  338. .entry:hover .wildthemes:hover{
  339. opacity: 1;
  340. width: 150px;
  341. -webkit-transition: all 0.5s linear;
  342. -moz-transition: all 0.5s linear;
  343. transition: all 0.5s linear; -moz-box-shadow: 0 0 15px {color:glow colour};
  344.  
  345. display: inline-block;
  346. }
  347. }
  348.  
  349. .entry:hover .details {
  350. opacity: 1.0;
  351. margin:12px 0px 0px 0px;
  352. filter: alpha(opacity = 100);
  353. -webkit-transition: all .25s ease-in-out;
  354. -moz-transition: all .25s ease-in-out;
  355. -o-transition: all .25s ease-in-out;
  356. transition: all .25s ease-in-out;
  357. }
  358.  
  359.  
  360. .permahover {
  361. text-align: right;
  362. line-height:200%;
  363. opacity: 0.0;
  364. filter: alpha(opacity = 0);
  365. font-size: 9px;
  366. line-height: 9px;
  367. text-transform: uppercase;
  368. }
  369.  
  370. .entry:hover .permahover {
  371. text-align: center;
  372. opacity: 1;
  373. filter: alpha(opacity = 50);
  374.  
  375.  
  376. }
  377.  
  378. .text {
  379. padding: 0px;
  380. }
  381.  
  382.  
  383.  
  384. .entry:hover .textperma {
  385. opacity: 1;
  386. filter: alpha(opacity = 100);
  387. -webkit-transition: all ease-in 250ms;
  388. -moz-transition: all ease-in 250ms;
  389. -o-transition: all ease-in 250ms;
  390. -ms-transition: all ease-in 250ms;
  391. transition: all ease-in 250ms;
  392. }
  393.  
  394.  
  395.  
  396.  
  397. .entry:hover .details {
  398. opacity: 1.0;
  399. margin:12px 0px 0px 0px;
  400. filter: alpha(opacity = 100);
  401. -webkit-transition: all .25s ease-in-out;
  402. -moz-transition: all .25s ease-in-out;
  403. -o-transition: all .25s ease-in-out;
  404. transition: all .25s ease-in-out;
  405. }
  406.  
  407.  
  408.  
  409. #pagination{
  410. display:none;
  411. }
  412.  
  413.  
  414.  
  415. .clear {
  416. clear: both;
  417. }
  418.  
  419. .iloveyou {
  420. color: #FFFFFF;
  421. letter-spacing:1px;
  422. font-family: arial;
  423. font-size: 8px;
  424. line-height:14px;
  425. margin: 2px;
  426. opacity:0.6;
  427. background-image:url(http://static.tumblr.com/8jq17g7/CH8lofvyp/dark-transparent.png);
  428. background-repeat:repeat;
  429. border:1px solid rgba(0,0,0,0.1);
  430. padding:3px 5px;
  431. -webkit-border-radius:2px;
  432. moz-border-radius:2px;
  433. -o-border-radius:2px;
  434. border-radius:2px;
  435.  
  436.  
  437. }
  438.  
  439.  
  440.  
  441. .iloveyou:hover{
  442. -webkit-transition: opacity 0.7s linear;
  443. opacity: 1;
  444. -webkit-transition: all 0.4s ease-out;
  445. -moz-transition: all 0.4s ease-out;
  446. transition: all 0.4s ease-out;-moz-box-shadow: 0 0 15px {color:glow colour};
  447. -webkit-box-shadow: 0 0 15px {color:glow colour};
  448. box-shadow: 0 0 15px {color:glow colour};
  449. -webkit-transition: all .25s ease-in-out;
  450. -moz-transition: all .25s ease-in-out;
  451. -o-transition: all .25s ease-in-out;
  452. transition: all .25s ease-in-out;}
  453. }
  454.  
  455. .iloveyou a { color: #FFF; }
  456.  
  457.  
  458.  
  459.  
  460. blockquote, q {
  461. quotes: "«" "»" "'" "'";
  462. padding: 3px;
  463. border-left: 3px solid #7d7d7d;
  464. margin: 0px 10px;
  465. }
  466.  
  467.  
  468. .text {
  469. padding: 0px;
  470. }
  471.  
  472.  
  473.  
  474. .entry:hover .textperma {
  475. opacity: 1;
  476. filter: alpha(opacity = 100);
  477. -webkit-transition: all ease-in 250ms;
  478. -moz-transition: all ease-in 250ms;
  479. -o-transition: all ease-in 250ms;
  480. -ms-transition: all ease-in 250ms;
  481. transition: all ease-in 250ms;
  482. }
  483.  
  484.  
  485. .blogtitle {text-align:center; margin-top:15px;}
  486.  
  487.  
  488. .blogtitle a {
  489. font-family: 'origin';
  490. font-size: 22px;
  491. line-height: 130%;
  492. color:{color:Links};-webkit-transition: all 0.3s ease-out;
  493. -moz-transition: all 0.3s ease-out;
  494. transition: all 0.3s ease-out;
  495. }
  496.  
  497.  
  498. .blogtitle a:hover {
  499. color:{color:Link hover}; -webkit-transition: all 0.3s ease-out;
  500. -moz-transition: all 0.3s ease-out;
  501. transition: all 0.3s ease-out;}
  502.  
  503.  
  504.  
  505. .clearfix {
  506. clear: both;
  507. }
  508.  
  509.  
  510. .b {display : block; font-size: 8px;text-align: left;line-height: 15px; text-indent : 0px; vertical-align : middle; padding : 2px;
  511. padding-bottom : 0px;}
  512.  
  513.  
  514. </style>
  515. </head>
  516. <body>
  517.  
  518.  
  519. <div id="contain">
  520.  
  521. <div id="left">
  522.  
  523. <div id="blogtitle"><a href="/">{Title}</div></a>
  524.  
  525.  
  526. {block:ifShowsidebarphoto}
  527. <a href="/"><img src="{image:Sidebar photo}" width="220" style="margin-bottom:1px;margin-top:4px;"/></a>
  528. {/block:ifShowsidebarphoto}
  529. <br>
  530. <div id="description">{Description}</div>
  531.  
  532. </div>
  533.  
  534.  
  535.  
  536.  
  537.  
  538.  
  539.  
  540.  
  541. <div id="right">
  542. <div class="linkz">
  543. <center>
  544.  
  545. <a href="/">home</a><br>
  546.  
  547. {block:ifLinkoneURL}<a href="{text:Link one URL}">{text:Link one title}</a><br>{/block:ifLinkoneURL}
  548.  
  549. {block:ifLinktwoURL}<a href="{text:Link two URL}">{text:Link two title}</a><br>{/block:ifLinktwoURL}
  550.  
  551. {block:ifLinkthreeURL}<a href="{text:Link three URL}">{text:Link three title}</a><br>{/block:ifLinkthreeURL}
  552.  
  553. {block:ifLinkfourURL}<a href="{text:Link four URL}">{text:Link four title}</a><br>{/block:ifLinkfourURL}
  554.  
  555. {block:ifLinkfiveURL}<a href="{text:Link five URL}">{text:Link five title}</a><br>{/block:ifLinkfiveURL}
  556.  
  557. <a href="http://wildthemes.tumblr.com/">theme credit</a>
  558.  
  559.  
  560. </div>
  561. </div>
  562.  
  563. <div id="content">
  564.  
  565.  
  566.  
  567.  
  568. {block:Posts}
  569.  
  570. <div class="entry">
  571.  
  572.  
  573.  
  574. {block:Text}
  575. {block:Title}<span class="title">{Title}</span>{/block:Title}
  576. <div class="caption"><span class="entrytext">{Body}</span></div>
  577. {block:IndexPage} <div class="permahover"><p><br><a href="{permalink}">{NoteCountwithLabel}</a> / <a href="{ReblogURL}" target="_blank">reblog</a></p></div>{/block:IndexPage}
  578. {/block:Text}
  579.  
  580. {block:Photo}
  581. {block:indexpage} <div class="wildthemes"><p><a href="{permalink}">{NoteCountwithLabel}</a> | <a href="{ReblogURL}" target="_blank">{text:reblog label}</a> | {timeago} </div>
  582.  
  583. <img src="{PhotoURL-HighRes}" width="100%"/>
  584. {/block:indexpage}
  585. {block:permalinkpage}
  586. <a href="{PhotoURL-HighRes}"><img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="100%"/></a>
  587. {/block:permalinkpage} {block:IndexPage}
  588. {/block:IndexPage}
  589. {/block:Photo}
  590.  
  591.  
  592. {block:Photoset}
  593. {block:IndexPage}{Photoset-250}{/block:IndexPage}
  594. {block:IndexPage}
  595.  
  596. {/block:IndexPage}
  597. {block:permalinkpage}
  598. {Photoset-500}
  599. {/block:permalinkpage}
  600. {/block:Photoset}
  601.  
  602.  
  603.  
  604.  
  605. {block:Quote}
  606. <div class="text">
  607. <div class="title"> "{Quote}" </div>
  608. {block:Source}
  609. <div style="text-align:right">- {Source}</div>
  610. {/block:Source}
  611. {block:IndexPage}
  612. <span class="entrytext">{Body}</span></div>
  613. {block:IndexPage} <div class="permahover"><p><br><a href="{permalink}">{NoteCountwithLabel}</a> / <a href="{ReblogURL}" target="_blank">reblog</a></p></div>
  614. {/block:IndexPage}
  615. {/block:Quote}
  616.  
  617.  
  618.  
  619.  
  620. {block:Link}
  621. <div class="text">
  622. <div class="title"><a href="{URL}" class="link" {Target}>{Name}</a> </div>
  623. {block:Description}
  624. <div class="description">{Description}</div>
  625. {/block:Description}
  626. <p>
  627. {block:IndexPage}
  628. <span class="entrytext">{Body}</span></div>
  629. {block:IndexPage} <div class="permahover"><p><br><a href="{permalink}">{NoteCountwithLabel}</a> / <a href="{ReblogURL}" target="_blank">reblog</a>
  630. {/block:IndexPage}
  631.  
  632. </div>{/block:Link}
  633.  
  634.  
  635.  
  636.  
  637. {block:Chat}
  638. <div class="text">
  639. {block:Title}
  640. <div class="title"> <a href="{Permalink}">{Title}</a></div>
  641. {/block:Title}
  642. <ul class="chat">
  643. {block:Lines}
  644. <li class="{Alt} user_{UserNumber}"> {block:Label}<span style="text-transform:uppercase"> <span class="label">{Label}</span></span> {/block:Label}
  645. {Line} </li>
  646. {/block:Lines}
  647. </ul>
  648. {block:IndexPage}
  649. <span class="entrytext">{Body}</span></div>
  650. {block:IndexPage} <div class="permahover"><p><br><a href="{permalink}">{NoteCountwithLabel}</a> / <a href="{ReblogURL}" target="_blank">reblog</a>
  651. {/block:IndexPage}
  652. </div>{/block:Chat}
  653.  
  654.  
  655.  
  656.  
  657. {block:Video}
  658. {block:IndexPage}{Video-250}{/block:IndexPage}
  659. {block:IndexPage}
  660. {block:IndexPage}
  661. <span class="entrytext">{Body}</span></div>
  662. {block:IndexPage} <div class="permahover"><p><br><a href="{permalink}">{NoteCountwithLabel}</a> / <a href="{ReblogURL}" target="_blank">reblog</a>
  663. {/block:IndexPage}
  664. {block:permalinkpage}
  665. {Video-500}
  666. {/block:permalinkpage}
  667. {/block:Video}
  668.  
  669.  
  670.  
  671.  
  672. {block:Audio}
  673. <div class="text">
  674. {AudioPlayerGrey}
  675. {block:Caption}
  676. {Caption}
  677. {/block:Caption}
  678. {block:IndexPage}
  679. <span class="entrytext">{Body}</span></div>
  680. {block:IndexPage} <div class="permahover"><p><br><a href="{permalink}">{NoteCountwithLabel}</a> / <a href="{ReblogURL}" target="_blank">reblog</a>
  681. {/block:IndexPage}
  682. </div>{/block:Audio}
  683.  
  684.  
  685.  
  686.  
  687.  
  688. {block:Answer}<div class="text"><img src="{AskerPortraitURL-48}" align="left" class="idkborder"><div class="idk"><span></span>{Asker} was like: {Question}&nbsp;</div>{Answer} {block:IndexPage}
  689. <span class="entrytext">{Body}</span></div>
  690. {block:IndexPage} <div class="permahover"><p><br><a href="{permalink}">{NoteCountwithLabel}</a> / <a href="{ReblogURL}" target="_blank">reblog</a>
  691. {/block:IndexPage}</div>{/block:Answer}
  692.  
  693.  
  694.  
  695.  
  696.  
  697. {block:PermalinkPage}
  698. {block:Date} {block:Caption}
  699. {Caption}
  700. {/block:Caption}<br><br>
  701. <center>
  702. {TimeAgo} at {12HourWithZero}:{Minutes}{AmPm}
  703. {block:NoteCount} with {NoteCountWithLabel}{/block:NoteCount}{block:HasTags} | {block:Tags}<a href="TagURL"> #{Tag}</a> {/block:Tags}{/block:hasTags}</center>
  704. {/block:Date}<br>
  705. {block:PostNotes}{PostNotes}
  706. {/block:PostNotes}
  707.  
  708. </div>
  709. {/block:PermalinkPage}
  710.  
  711.  
  712.  
  713. </div>
  714.  
  715. {/block:Posts}
  716.  
  717. </div>
  718.  
  719. <div class="clear"></div>
  720. </div>
  721.  
  722. {block:Pagination}
  723. <ul id="pagination">
  724. {block:PreviousPage}
  725. <li><a href="{PreviousPage}"></a></li>
  726. {/block:PreviousPage}
  727. {block:JumpPagination length="5"}
  728. {block:CurrentPage}
  729. <li><span class="current_page numbersNav"><strong>{PageNumber}</strong></span></li>
  730. {/block:CurrentPage}
  731. {block:JumpPage}
  732. <li><a class="jump_page numbersNav" href="{URL}">{PageNumber}</a></li>
  733. {/block:JumpPage}
  734. {/block:JumpPagination}
  735. {block:NextPage}
  736. <li><a id="nextPage" href="{NextPage}"></a></li>
  737. {/block:NextPage}
  738. </ul>
  739. {/block:Pagination}
  740. {block:IndexPage}
  741.  
  742.  
  743. <script src="http://static.tumblr.com/twte3d7/H8Glm663z/masonry.js"></script>
  744.  
  745.  
  746. <script src="http://static.tumblr.com/twte3d7/0pellzh2t/infinitescroll.js"></script>
  747.  
  748.  
  749.  
  750.  
  751. {block:IndexPage}
  752. <script type="text/javascript">
  753. $(window).load(function () {
  754. $('#content').masonry(),
  755. $('.masonryWrap').infinitescroll({
  756. navSelector : '#pagination',
  757. nextSelector : '#pagination a#nextPage',
  758. itemSelector : ".entry, .clear",
  759. bufferPx : 200,
  760. loadingText : "<em></em>",
  761. },
  762. function() { $('#content').masonry({ appendedContent: $(this) }); }
  763. );
  764. });
  765. </script>
  766. {/block:IndexPage}
  767.  
  768.  
  769.  
  770.  
  771. </body>
  772.  
  773.  
  774. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement