gigitears

large header

Aug 29th, 2016
89
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 24.80 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <!--
  5.  
  6.  
  7.  
  8.  
  9.  
  10. eclipse @ shythemes
  11.  
  12.  
  13.  
  14.  
  15.  
  16. -->
  17. <title>{Title}</title>
  18. <link rel="alternate" type="application/rss+xml" href="{RSS}"/>
  19. <link rel="shortcut icon" href="{Favicon}"/>
  20. {block:Description}
  21. <meta name="description" content="{MetaDescription}" />
  22. {/block:Description}
  23. <meta name="image:background" content=""/>
  24. <meta name="image:header" content=""/>
  25. <meta name="color:background" content="#fafafa"/>
  26. <meta name="color:post border" content="#f1f1f1"/>
  27. <meta name="color:post bg" content="#ffffff"/>
  28. <meta name="color:accent" content="#bfbfbf"/>
  29. <meta name="color:accent bg" content="#ffffff"/>
  30. <meta name="color:nav links" content="#ffffff"/>
  31. <meta name="color:nav bg" content="#151515"/>
  32. <meta name="color:text" content="#8f8f8f"/>
  33. <meta name="color:title" content="#4f4f4f"/>
  34. <meta name="color:link" content="#8f8f8f"/>
  35. <meta name="color:link hover" content="#cccccc"/>
  36. <meta name="color:link border" content="#dfdfdf"/>
  37. <meta name="color:bold" content="#6a6a6a"/>
  38. <meta name="color:tags" content="#bfbfbf"/>
  39. <meta name="color:blockquote border" content="#e9e9e9"/>
  40. <meta name="color:scrollbar" content="#151515"/>
  41. <meta name="select:post width" content="250" title="250px"/>
  42. <meta name="select:post width" content="300" title="300px"/>
  43. <meta name="select:post width" content="350" title="350px"/>
  44. <meta name="select:post width" content="400" title="400px"/>
  45. <meta name="select:post width" content="450" title="450px"/>
  46. <meta name="select:post width" content="500" title="500px"/>
  47. <meta name="if:one column" content="0"/>
  48. <meta name="if:half header" content="0"/>
  49. <meta name="if:title bg" content="0"/>
  50. <meta name="if:search bar" content="1"/>
  51. <meta name="if:show description" content="1"/>
  52. <meta name="if:show captions" content="1"/>
  53. <meta name="if:show tags" content="1"/>
  54. <meta name="if:show tab 1" content="1"/>
  55. <meta name="if:show tab 2" content="1"/>
  56. <meta name="if:show tab 3" content="1"/>
  57. <meta name="if:tile background" content="1"/>
  58. <meta name="if:infinite scroll" content="1"/>
  59. <meta name="text:home link" content="home"/>
  60. <meta name="text:archive link" content="archive"/>
  61. <meta name="text:ask link" content="ask"/>
  62. <meta name="text:link 1" content=""/>
  63. <meta name="text:link 1 url" content=""/>
  64. <meta name="text:link 2" content=""/>
  65. <meta name="text:link 2 url" content=""/>
  66. <meta name="text:link 3" content=""/>
  67. <meta name="text:link 3 url" content=""/>
  68. <meta name="text:link 4" content=""/>
  69. <meta name="text:link 4 url" content=""/>
  70. <meta name="text:link 5" content=""/>
  71. <meta name="text:link 5 url" content=""/>
  72. <meta name="text:link 6" content=""/>
  73. <meta name="text:link 6 url" content=""/>
  74.  
  75. <link href='//fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,400italic|Inconsolata:400' rel='stylesheet' type='text/css'>
  76. <link href="http://static.tumblr.com/fwgzvyf/Lh3nzvxmj/k.css" rel="stylesheet" type="text/css"/>
  77.  
  78. <style type="text/css">
  79.  
  80. /* basic styles */
  81.  
  82. ::-webkit-scrollbar {
  83. width:4px;
  84. height:4px;
  85. }
  86. ::-webkit-scrollbar,
  87. ::-webkit-scrollbar-track {
  88. background-color:{color:background};
  89. }
  90. ::-webkit-scrollbar-thumb {
  91. background-color:{color:scrollbar};
  92. }
  93. body {
  94. font-size:10px;
  95. font-family:'source sans pro', arial, sans-serif;
  96. line-height:1.5em;
  97. overflow-x:hidden;
  98. background-attachment:fixed;
  99. color:{color:text};
  100. background-color:{color:background};
  101. }
  102. a {
  103. -webkit-transition:all .15s linear;
  104. transition:all .15s linear;
  105. }
  106. blockquote {
  107. margin-left:.75em;
  108. padding-left:.75em;
  109. border-left:1px solid {color:blockquote border};
  110. }
  111. pre {
  112. font-family:inconsolata, consolas, monospace;
  113. }
  114. ol, ul {
  115. padding-left:2.5em;
  116. text-align:left;
  117. }
  118. b, strong {
  119. font-weight:normal;
  120. color:{color:bold};
  121. }
  122. blockquote, ol, ul, p, pre {
  123. margin-top:.75em;
  124. margin-bottom:.75em;
  125. }
  126.  
  127. /* accents */
  128.  
  129. .accent, ol, ul {
  130. font-size:8px;
  131. font-family:calibri, 'source sans pro', 'trebuchet ms', sans-serif;
  132. letter-spacing:1px;
  133. text-transform:uppercase;
  134. line-height:1.6em;
  135. }
  136. .title {
  137. font-size:15px;
  138. line-height:1.2em;
  139. color:{color:title};
  140. }
  141.  
  142. /* header/sidebar */
  143.  
  144. header {
  145. position:absolute;
  146. top:0;
  147. left:0;
  148. right:0;
  149. height:100%;
  150. {block:ifHalfHeader}height:50%;{/block:ifHalfHeader}
  151. background-image:url({image:header});
  152. background-size:cover;
  153. background-position:center;
  154. }
  155. aside {
  156. position:absolute;
  157. top:calc(50% - 25px);
  158. left:50%;
  159. -webkit-transform:translate(-50%,-50%);
  160. transform:translate(-50%,-50%);
  161. text-align:center;
  162. max-width:300px;
  163. }
  164. aside .title {
  165. font-size:40px;
  166. font-weight:300;
  167. letter-spacing:0;
  168. opacity:.85;
  169. line-height:1em;
  170. color:{color:nav links};
  171. }
  172. aside .title a {
  173. display:inline-block;
  174. }
  175. aside hr {
  176. margin:10px auto;
  177. height:1px;
  178. opacity:.5;
  179. background-color:{color:nav links};
  180. }
  181. aside .desc {
  182. color:{color:nav links};
  183. opacity:.85;
  184. }
  185. aside .a {
  186. margin-top:10px;
  187. font-size:20px;
  188. opacity:.5;
  189. color:{color:nav links};
  190. }
  191. aside .bg {
  192. position:absolute;
  193. top:-25px;
  194. bottom:-25px;
  195. left:-25px;
  196. right:-25px;
  197. opacity:.85;
  198. background-color:{color:nav bg};
  199. }
  200.  
  201. /* navigation */
  202.  
  203. nav {
  204. position:absolute;
  205. text-align:center;
  206. top:calc(100% - 50px);
  207. {block:ifHalfHeader}top:calc(50% - 50px);{/block:ifHalfHeader}
  208. {block:PermalinkPage}top:0;{/block:PermalinkPage}
  209. left:0;
  210. right:0;
  211. z-index:99;
  212. padding:15px;
  213. }
  214. nav .bg {
  215. position:absolute;
  216. top:0;
  217. bottom:0;
  218. left:0;
  219. right:0;
  220. opacity:.85;
  221. background-color:{color:nav bg};
  222. -webkit-transition:all .3s linear;
  223. transition:all .3s linear;
  224. }
  225. nav a,
  226. nav .search {
  227. line-height:10px;
  228. padding:5px 25px;
  229. display:inline-block;
  230. position:relative;
  231. text-align:center;
  232. opacity:.8;
  233. color:{color:nav links};
  234. -webkit-transition:all .3s linear;
  235. transition:all .3s linear;
  236. }
  237. nav .search {
  238. position:absolute;
  239. right:0;
  240. text-align:right;
  241. }
  242. nav .search .query {
  243. line-height:10px;
  244. color:{color:nav links};
  245. }
  246. nav a:hover {
  247. opacity:1;
  248. }
  249. .fix nav {
  250. position:fixed;
  251. top:0;
  252. }
  253. .fix nav .bg {
  254. opacity:.95;
  255. }
  256.  
  257. /* container */
  258.  
  259. #main {
  260. position:absolute;
  261. top:100%;
  262. {block:ifHalfHeader}top:50%;{/block:ifHalfHeader}
  263. {block:PermalinkPage}top:50px;{/block:PermalinkPage}
  264. left:0;
  265. right:0;
  266. min-height:calc(100% - 200px);
  267. padding:100px 0 100px 100px;
  268. background-color:{color:background};
  269. {block:ifBackgroundImage}
  270. background-image:url({image:background});
  271. {block:ifNotTileBackground}background-size:cover;{/block:ifNotTileBackground}
  272. {/block:ifBackgroundImage}
  273. }
  274.  
  275. /* posts */
  276.  
  277. #content {
  278. position:relative;
  279. text-align:center;
  280. overflow:hidden;
  281. font-size:0;
  282. margin:0 auto;
  283. {block:ifOneColumn}{block:IndexPage}width:calc({select:post width}px + 100px);{/block:IndexPage}{/block:ifOneColumn}
  284. {block:PermalinkPage}width:600px;{/block:PermalinkPage}
  285. }
  286. #content::-webkit-scrollbar {
  287. width:0;
  288. height:0;
  289. }
  290. .entry {
  291. font-size:10px;
  292. position:relative;
  293. text-align:left;
  294. margin:0 -1px 100px 0;
  295. padding:0 100px 0 0;
  296. width:{select:post width}px;
  297. {block:IndexPage}
  298. display:inline-block;
  299. vertical-align:top;
  300. opacity:0;
  301. z-index:-1;
  302. {/block:IndexPage}
  303. {block:PermalinkPage}width:500px;{/block:PermalinkPage}
  304. }
  305. .post {
  306. position:relative;
  307. padding:3px;
  308. background-color:{color:post bg};
  309. border:1px solid {color:post border};
  310. }
  311.  
  312. /* post info */
  313.  
  314. .info {
  315. text-align:center;
  316. padding:15px;
  317. margin-top:3px;
  318. color:{color:accent};
  319. background-color:{color:accent bg};
  320. border-top:1px solid {color:post border};
  321. }
  322. .post:hover .info {
  323. opacity:1;
  324. }
  325. .tags {
  326. position:absolute;
  327. top:100%;
  328. left:0;
  329. right:0;
  330. text-align:center;
  331. padding:11px 30px 0;
  332. color:{color:tags};
  333. {block:IndexPage}
  334. opacity:0;
  335. -webkit-transition:opacity .3s linear;
  336. transition:opacity .3s linear;
  337. {block:ifNotShowTags}display:none;{/block:ifNotShowTags}
  338. {/block:IndexPage}
  339. }
  340. .post:hover .tags {
  341. opacity:1;
  342. }
  343. .tags a {
  344. margin:3px;
  345. }
  346.  
  347. /* titles */
  348.  
  349. .post > h1,
  350. .quote {
  351. margin:22px 25px 15px;
  352. line-height:1.5em;
  353. }
  354. .question {
  355. padding:25px;
  356. overflow-y:auto;
  357. background-color:{color:accent bg};
  358. }
  359. .question i {
  360. float:right;
  361. font-style:inherit;
  362. }
  363.  
  364. /* text and captions */
  365.  
  366. .text {
  367. margin:25px;
  368. }
  369. .text a {
  370. color:{color:link};
  371. border-bottom:1px solid {color:link border};
  372. }
  373. .text a:hover {
  374. color:{color:link hover};
  375. }
  376. .body {
  377. margin-top:15px;
  378. }
  379. .body:first-child {
  380. margin-top:25px;
  381. }
  382. .caption {
  383. {block:IndexPage}{block:ifNotShowCaptions}display:none;{/block:ifNotShowCaptions}{/block:IndexPage}
  384. }
  385.  
  386. /* chat posts */
  387.  
  388. .chat .line {
  389. margin-bottom:3px;
  390. }
  391. .chat .label {
  392. margin-right:.5em;
  393. }
  394.  
  395. /* audio posts */
  396.  
  397. .audiowrap {
  398. position:relative;
  399. height:77px;
  400. overflow:hidden;
  401. line-height:0;
  402. text-align:left;
  403. padding-bottom:3px;
  404. border-bottom:1px solid {color:post border};
  405. }
  406. .albumart {
  407. position:relative;
  408. display:inline-block;
  409. width:77px;
  410. height:77px;
  411. background-size:cover;
  412. }
  413. .audio {
  414. position:absolute;
  415. display:inline-block;
  416. left:0px;
  417. top:0px;
  418. right:0px;
  419. bottom:0px;
  420. text-align:left;
  421. }
  422. .audio .player {
  423. width:27px;
  424. height:27px;
  425. left:25px;
  426. top:25px;
  427. opacity:.9;
  428. overflow:hidden;
  429. position:absolute;
  430. }
  431. .audio .track {
  432. overflow:hidden;
  433. position:absolute;
  434. text-align:center;
  435. top:0px;
  436. left:80px;
  437. right:0px;
  438. bottom:0px;
  439. padding:25px;
  440. line-height:14px!important;
  441. background-color:{color:accent bg};
  442. }
  443. .audio .track i {
  444. font-style:inherit;
  445. display:block;
  446. position:relative;
  447. width:100%;
  448. height:14px;
  449. overflow:hidden;
  450. }
  451.  
  452. /* photos and videos */
  453.  
  454. .media {
  455. overflow:hidden;
  456. opacity:.93;
  457. }
  458. .video iframe,
  459. .tumblr_video_container {
  460. display:block;
  461. max-width:100%;
  462. max-height:{select:post width}px;
  463. {block:PermalinkPage}max-height:500px;{/block:PermalinkPage}
  464. }
  465. .video #youtube_iframe {
  466. {block:IndexPage}max-height:calc({select:post width}px * 0.667);{/block:IndexPage}
  467. }
  468. .video .instagram-media {
  469. max-height:none!important;
  470. box-shadow:none!important;
  471. }
  472.  
  473. /* pagination */
  474.  
  475. .pagination {
  476. text-align:center;
  477. {block:ifInfiniteScroll}display:none;{/block:ifInfiniteScroll}
  478. padding-right:100px;
  479. }
  480. .pagination .current {
  481. margin:0 20px 0 25px;
  482. letter-spacing:5px;
  483. font-size:13px;
  484. display:inline-block;
  485. vertical-align:middle;
  486. }
  487. .pagination .current i {
  488. font-style:inherit;
  489. color:{color:tags};
  490. }
  491.  
  492. /* post notes */
  493.  
  494. #notes {
  495. margin-bottom:0;
  496. }
  497. .notes {
  498. margin:0;
  499. padding:0;
  500. list-style-type:none;
  501. }
  502. .notes a {
  503. border:0;
  504. text-decoration:none;
  505. color:inherit;
  506. }
  507. .notes img {
  508. display:none;
  509. }
  510. .notes li blockquote {
  511. margin:.75em!important;
  512. }
  513.  
  514. /* etc */
  515.  
  516. #tumblr_controls, .tmblr-iframe {
  517. top:auto!important;
  518. bottom:0;
  519. z-index:98;
  520. opacity:.33!important;
  521. position:fixed!important;
  522. -webkit-transition:opacity .3s linear;
  523. transition:opacity .3s linear;
  524. }
  525. #tumblr_controls:hover, .tmblr-iframe:hover {
  526. opacity:.67!important;
  527. }
  528. #theme {
  529. position:fixed;
  530. display:inline-block;
  531. bottom:10px;
  532. left:10px;
  533. right:auto;
  534. z-index:97;
  535. z-index:999;
  536. padding:5px;
  537. line-height:1em;
  538. {block:IndexPage}{block:ifNotHalfHeader}
  539. opacity:0;
  540. -webkit-transition:opacity .3s linear;
  541. transition:opacity .3s linear;
  542. {/block:ifNotHalfHeader}{/block:IndexPage}
  543. background-color:{color:post bg};
  544. color:{color:post info};
  545. }
  546. #theme.s {opacity:1;}
  547. #tumblr_lightbox > div:nth-child(2) {
  548. opacity:.95;
  549. background-color:{color:nav bg};
  550. }
  551.  
  552. /* tabs */
  553.  
  554. .tab {
  555. position:fixed;
  556. visibility:hidden;
  557. top:0;
  558. left:0;
  559. right:0;
  560. bottom:0;
  561. opacity:0;
  562. z-index:-99;
  563. -webkit-transition:opacity .3s linear, visibility 0s linear .3s, z-index 0s linear .3s;
  564. transition:opacity .3s linear, visibility 0s linear .3s, z-index 0s linear .3s;
  565. }
  566. .tab.open {
  567. visibility:visible;
  568. opacity:1;
  569. z-index:100;
  570. -webkit-transition-delay:0s;
  571. transition-delay:0s;
  572. }
  573. .tab .bg {
  574. position:fixed;
  575. top:0;
  576. left:0;
  577. right:0;
  578. bottom:0;
  579. opacity:.95;
  580. background-color:{color:nav bg};
  581. }
  582. .tab .tab_content {
  583. position:absolute;
  584. top:50%;
  585. left:50%;
  586. -webkit-transform:translate(-50%,-50%);
  587. transform:translate(-50%,-50%);
  588. min-width:308px;
  589. max-width:100%;
  590. display:table-row;
  591. }
  592. .tab .column {
  593. width:300px;
  594. display:table-cell;
  595. border-right:0;
  596. text-align:center;
  597. }
  598. .tab .column:last-of-type {
  599. border-right:1px solid {color:post border};
  600. }
  601. .tab .column h1 {
  602. font-size:1em;
  603. letter-spacing:1px;
  604. text-transform:uppercase;
  605. padding-bottom:15px;
  606. border-bottom:1px solid {color:post border};
  607. }
  608. .tab .text:nth-child(2) {
  609. margin-top:15px;
  610. }
  611. .tab a {
  612. border:0;
  613. }
  614. </style>
  615. <link href="http://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
  616. <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">
  617. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  618. <script src="http://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
  619. <script src ="//static.tumblr.com/fwgzvyf/l6jnyutne/shythemes.vr.js"></script>
  620. <script src="http://static.tumblr.com/qudkd6d/haOnllasa/eclipse.js"></script>
  621. </head>
  622. <body{block:PermalinkPage} class="fix"{/block:PermalinkPage}>
  623.  
  624. <header><!-- header -->
  625. <aside>{block:ifTitleBg}<div class="bg"></div>{/block:ifTitleBg}<div class="title"><a href="/">{Title}</a></div>{block:ifShowDescription}<hr/><div class="desc accent">{Description}</div>{/block:ifShowDescription}{block:ifNotHalfHeader}<div class="a"><a href="#"><i class="fa fa-angle-down"></i></a></div>{/block:ifNotHalfHeader}</aside>
  626. </header>
  627.  
  628. <nav class="accent"><!-- navigation -->
  629. <div class="bg"></div>{block:ifHomeLink}<a href="/">{text:home link}</a> {/block:ifHomeLink}{block:ifArchiveLink}<a href="/archive">{text:archive link}</a> {/block:ifArchiveLink}{block:ifAskLink}<a href="/ask">{text:ask link}</a> {/block:ifAskLink}{block:ifLink1}<a href="{text:link 1 url}">{text:link 1}</a> {/block:ifLink1}{block:ifLink2}<a href="{text:link 2 url}">{text:link 2}</a> {/block:ifLink2}{block:ifLink3}<a href="{text:link 3 url}">{text:link 3}</a> {/block:ifLink3}{block:ifLink4}<a href="{text:link 4 url}">{text:link 4}</a> {/block:ifLink4}{block:ifLink5}<a href="{text:link 5 url}">{text:link 5}</a> {/block:ifLink5}{block:ifLink6}<a href="{text:link 6 url}">{text:link 6}</a> {/block:ifLink6}{block:ifSearchBar}<form action="/search" method="get" class="search"><input type="text" name="q" value="{SearchQuery}" class="accent query" placeholder="search"/></form>{/block:ifSearchBar}
  630.  
  631. {block:ifShowTab1}<!-- tab 1 button -->
  632. <a href="#" id="tab1_button">tab 1</a>
  633. {/block:ifShowTab1}
  634. {block:ifShowTab2}<!-- tab 2 button -->
  635. <a href="#" id="tab2_button">tab 2</a>
  636. {/block:ifShowTab2}
  637. {block:ifShowTab3}<!-- tab 3 button -->
  638. <a href="#" id="tab3_button">tab 3</a>
  639. {/block:ifShowTab3}
  640. </nav>
  641.  
  642. {block:ifShowTab1}<!-- tab 1 -->
  643. <div class="tab" id="tab1">
  644. <div class="bg"></div>
  645. <div class="tab_content">
  646. <!-- edit tab 1 content here -->
  647. <div class="column post"><!-- column 1 -->
  648. <h1 class="title">Title</h1>
  649. <div class="text">
  650. <a href="#">link</a> <br/>
  651. <a href="#">link</a> <br/>
  652. <a href="#">link</a> <br/>
  653. <a href="#">link</a> <br/>
  654. <a href="#">link</a> <br/>
  655. <a href="#">link</a> <br/>
  656. <a href="#">link</a> <br/>
  657. </div>
  658. </div>
  659. <div class="column post"><!-- column 2 -->
  660. <h1 class="title">Title</h1>
  661. <div class="text">
  662. <a href="#">link</a> <br/>
  663. <a href="#">link</a> <br/>
  664. <a href="#">link</a> <br/>
  665. <a href="#">link</a> <br/>
  666. <a href="#">link</a> <br/>
  667. <a href="#">link</a> <br/>
  668. <a href="#">link</a> <br/>
  669. </div>
  670. </div>
  671. <div class="column post"><!-- column 3 -->
  672. <h1 class="title">Title</h1>
  673. <div class="text">
  674. <a href="#">link</a> <br/>
  675. <a href="#">link</a> <br/>
  676. <a href="#">link</a> <br/>
  677. <a href="#">link</a> <br/>
  678. <a href="#">link</a> <br/>
  679. <a href="#">link</a> <br/>
  680. <a href="#">link</a> <br/>
  681. </div>
  682. </div>
  683. </div>
  684. </div>
  685. {/block:ifShowTab1}
  686.  
  687. {block:ifShowTab2}<!-- tab 2 -->
  688. <div class="tab" id="tab2">
  689. <div class="bg"></div>
  690. <div class="tab_content">
  691. <!-- edit tab 2 content here -->
  692. <div class="column post">
  693. <h1 class="title">Title</h1>
  694. <div class="text">
  695. <p>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.</p>
  696. </div>
  697. </div>
  698. </div>
  699. </div>
  700. {/block:ifShowTab2}
  701.  
  702. {block:ifShowTab3}<!-- tab 3 -->
  703. <div class="tab" id="tab3">
  704. <div class="bg"></div>
  705. <div class="tab_content">
  706. <!-- edit tab 3 content here -->
  707. <div class="column post">
  708. <h1 class="title">Title</h1>
  709. <div class="text">
  710. <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam nisi lorem, pulvinar id, commodo feugiat, vehicula et, mauris. Aliquam mattis porta urna. </p>
  711. </div>
  712. </div>
  713. </div>
  714. </div>
  715. {/block:ifShowTab3}
  716.  
  717. <div id="main"><!-- container -->
  718. <div id="content"><!-- posts -->
  719. {block:Posts}
  720. <article class="entry">
  721. <div class="post">
  722. {block:Answer}<!-- answer --><div class="question accent">{Question}<i>&mdash; {Asker}</i></div><div class="answer text">{Answer}</div>{/block:Answer}{block:Audio}<!-- audio --><div class="audiowrap"><div class="albumart" style="{block:AlbumArt}background-image:url({AlbumArtURL});{/block:AlbumArt}"></div><div class="audio">{block:AudioPlayer}<div class="player">{AudioPlayerWhite}</div>{/block:AudioPlayer}<div class="track accent">{block:TrackName}<i>{TrackName}</i>{/block:TrackName}{block:Artist}<i>{Artist}</i>{/block:Artist}</div></div></div>{/block:Audio}{block:Chat}<!-- chat -->{block:Title}<h1 class="title">{Title}</h1>{/block:Title}<div class="chat text accent">{block:Lines}<div class="line">{block:Label}<span class="label">{Label}</span>{/block:Label}{Line}</div>{/block:Lines}</div>{/block:Chat}{block:Link}<!-- link --><h1 class="title"><a href="{URL}">{Name}</a></h1>{block:Description}<div class="text">{Description}</div>{/block:Description}{/block:Link}{block:Photo}<!-- photo --><div class="media">{LinkOpenTag}<img src="{block:IndexPage}{PhotoURL-500}{/block:IndexPage}{block:PermalinkPage}{PhotoURL-HighRes}{/block:PermalinkPage}"/>{LinkCloseTag}</div>{/block:Photo}{block:Photoset}<!-- photoset --><div class="media"><div class="photo-slideshow" id="photoset_{PostID}" data-layout="{PhotosetLayout}">{block:Photos}<div class="photo-data"><div class="pxu-photo"><img src="{PhotoURL-500}" width="{PhotoWidth-500}" height="{PhotoHeight-500}" data-highres="{PhotoURL-HighRes}" data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}"></div><a class="tumblr-box" rel="post-{PostID}" href="{PhotoURL-HighRes}"></a></div>{/block:Photos}</div></div>{/block:Photoset}{block:Quote}<!-- quote --><div class="quote title">{Quote}</div>{block:Source}<div class="text source accent">{Source}</div>{/block:Source}{/block:Quote}{block:Text}<!-- text -->{block:Title}<h1 class="title">{Title}</h1>{/block:Title}<div class="body text">{Body}</div>{/block:Text}{block:Video}<!-- video --><div class="media video">{Video-500}</div>{/block:Video}
  723. {block:Caption}<!-- caption --><div class="caption text">{Caption}</div>{/block:Caption}
  724. {block:Date}<!-- info --><div class="info accent"><div class="bg"></div><span><a href="{Permalink}">{DayofMonth} {Month} {Year}{block:NoteCount}<br/> {NoteCountWithLabel}{/block:NoteCount}</a> {block:IndexPage}/ <a href="{ReblogURL}">reblog</a> {/block:IndexPage}{block:PermalinkPage}/ {block:RebloggedFrom}<a href="{ReblogParentURL}" class="rf">via {ReblogParentName}</a> {block:ContentSource}/ <a href="{ReblogRootURL}" class="src">src</a> {/block:ContentSource}{/block:RebloggedFrom}{/block:PermalinkPage}</span></div>{/block:Date}
  725. {block:HasTags}<!-- tags --><div class="tags accent">{block:Tags}<a href="{TagURL}">{Tag}</a> {/block:Tags}</div>{/block:HasTags}
  726. </div>
  727. </article>
  728. {block:PostNotes}<!-- notes --><br/><article id="notes" class="entry"><div class="post"><h1 class="title">Notes</h1><div class="accent text">{PostNotes}</div></div></article>{/block:PostNotes}
  729. {/block:Posts}
  730. <!-- {block:ContentSource}{SourceURL} {/block:ContentSource}{block:RebloggedFrom}{ReblogRootURL} {ReblogParentURL}{/block:RebloggedFrom} -->
  731. </div><!-- end #content -->
  732. {block:Pagination}<!-- pagination --><div class="pagination title">{block:PreviousPage}<a class="back" href="{PreviousPage}"><i class="fa fa-angle-left"></i></a>{/block:PreviousPage}<span class="current">{CurrentPage}<i>/{TotalPages}</i></span>{block:NextPage}<a class="next" href="{NextPage}"><i class="fa fa-angle-right"></i></a>{/block:NextPage}</div>{/block:Pagination}
  733. </div><!-- end #main -->
  734. <a href="http://shythemes.tumblr.com" id="theme" class="accent" title="theme">k.</a>
  735. {block:IndexPage}
  736. {block:ifNotOneColumn}<script src="http://static.tumblr.com/6hsqxdt/QBym35odk/jquery.masonry.js"></script>{/block:ifNotOneColumn}
  737. {block:ifInfiniteScroll}<script src="http://static.tumblr.com/wgijwsy/u2vm2hxv6/jquery.infinitescroll.min.js"></script>{/block:ifInfiniteScroll}
  738. <script>
  739. $(document).ready(function(){
  740. var $container = $('#content');
  741. {block:ifNotOneColumn}
  742. $container.masonry({
  743. itemSelector: '.entry',
  744. columnWidth: {select:post width} + 100,
  745. isFitWidth: true
  746. });
  747. $container.imagesLoaded(function(){
  748. $container.masonry();
  749. });
  750. $(window).resize(function(){
  751. $container.masonry();
  752. });
  753. {/block:ifNotOneColumn}
  754. $('.entry').animate({ opacity: 1, zIndex: 10 });
  755. {block:ifInfiniteScroll}
  756. $container.infinitescroll({
  757. itemSelector: '.entry',
  758. navSelector: '.pagination',
  759. nextSelector: '.next',
  760. loadingImg: '',
  761. loadingText: '<em></em>',
  762. bufferPx: 2000
  763. },
  764. function( newElements ) {
  765. var $newElems = $( newElements );
  766. $newElems.find('.photo-slideshow').pxuPhotoset({
  767. lightbox: true,
  768. rounded: false,
  769. gutter: '3px',
  770. photoset: '.photo-slideshow',
  771. photoWrap: '.photo-data',
  772. photo: '.pxu-photo'
  773. {block:ifNotOneColumn}
  774. },
  775. function(){
  776. $container.masonry();
  777. });
  778. // videos
  779. $newElems.find('.video').each(function(){
  780. resizeVideos();
  781. },
  782. function(){
  783. $container.masonry();
  784. });
  785. $newElems.imagesLoaded(function(){
  786. $container.masonry( 'appended', $newElems );
  787. $newElems.animate({ opacity: 1, zIndex: 1 });
  788. });
  789. {/block:ifNotOneColumn}
  790. {block:ifOneColumn}
  791. });
  792. $newElems.animate({ opacity: 1, zIndex: 1 });
  793. {/block:ifOneColumn}
  794. });
  795. {/block:ifInfiniteScroll}
  796. });
  797. </script>
  798. {/block:IndexPage}
  799. </body>
  800. </html>
Add Comment
Please, Sign In to add comment