API tools faq
paste
Advertisement
kthms

violet theme

kthms
Mar 1st, 2015
16,991
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 25.95 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <!--
  5.  
  6.  
  7.  
  8.  
  9. violet @ shythemes
  10.  
  11.  
  12.  
  13.  
  14. -->
  15. <title>{Title}</title>
  16. <link rel="alternate" type="application/rss+xml" href="{RSS}"/>
  17. <link rel="shortcut icon" href="{Favicon}"/>
  18. {block:Description}
  19. <meta name="description" content="{MetaDescription}" />
  20. {/block:Description}
  21. <meta name="image:background" content="http://static.tumblr.com/81b2be1e47b17e2ca239f97f324687dd/qudkd6d/2QZnkim4q/tumblr_static_e9zacz1pelko40c4sco4o8o0k.png"/>
  22. <meta name="color:background" content="#ffffff"/>
  23. <meta name="color:nav bg" content="#f2fcfe"/>
  24. <meta name="color:nav icon" content="#404040"/>
  25. <meta name="color:text" content="#8f8f8f"/>
  26. <meta name="color:post border" content="#f3f3f3"/>
  27. <meta name="color:post bg" content="#ffffff"/>
  28. <meta name="color:caption bg" content="#fafafa"/>
  29. <meta name="color:title" content="#4f4f4f"/>
  30. <meta name="color:bold" content="#6a6a6a"/>
  31. <meta name="color:link" content="#90aac1"/>
  32. <meta name="color:link hover" content="#a3c5d7"/>
  33. <meta name="color:post info" content="#bfbfbf"/>
  34. <meta name="color:accent" content="#bfbfbf"/>
  35. <meta name="color:accent border" content="#dddddd"/>
  36. <meta name="color:blockquote border" content="#e9e9e9"/>
  37. <meta name="color:scrollbar" content="#dcdcdc"/>
  38. <meta name="select:post width" content="208" title="200"/>
  39. <meta name="select:post width" content="258" title="250"/>
  40. <meta name="select:post width" content="308" title="300"/>
  41. <meta name="select:post width" content="358" title="350"/>
  42. <meta name="select:post width" content="408" title="400"/>
  43. <meta name="select:post width" content="458" title="450"/>
  44. <meta name="select:post width" content="492" title="500"/>
  45. <meta name="if:sidebar" content="0"/>
  46. <meta name="if:one column" content="0"/>
  47. <meta name="if:hover info" content="0"/>
  48. <meta name="if:post borders" content="1"/>
  49. <meta name="if:search bar" content="1"/>
  50. <meta name="if:show title" content="1"/>
  51. <meta name="if:show description" content="1"/>
  52. <meta name="if:show captions" content="1"/>
  53. <meta name="if:inline captions" content="0"/>
  54. <meta name="if:show tags" content="1"/>
  55. <meta name="if:tile background" content="1"/>
  56. <meta name="if:infinite scroll" content="1"/>
  57. <meta name="text:body font" content=""/>
  58. <meta name="text:home link" content="home"/>
  59. <meta name="text:archive link" content="archive"/>
  60. <meta name="text:ask link" content="ask"/>
  61. <meta name="text:link 1" content=""/>
  62. <meta name="text:link 1 url" content=""/>
  63. <meta name="text:link 2" content=""/>
  64. <meta name="text:link 2 url" content=""/>
  65. <meta name="text:link 3" content=""/>
  66. <meta name="text:link 3 url" content=""/>
  67. <meta name="text:link 4" content=""/>
  68. <meta name="text:link 4 url" content=""/>
  69. <meta name="text:link 5" content=""/>
  70. <meta name="text:link 5 url" content=""/>
  71. <meta name="text:link 6" content=""/>
  72. <meta name="text:link 6 url" content=""/>
  73.  
  74. <link href='//fonts.googleapis.com/css?family=Open+Sans:400,400italic' rel='stylesheet' type='text/css'>
  75.  
  76. <style type="text/css">
  77.  
  78. /* basic styles */
  79.  
  80. ::-webkit-scrollbar {
  81. width:6px;
  82. height:6px;
  83. }
  84. ::-webkit-scrollbar,
  85. ::-webkit-scrollbar-track {
  86. background-color:{color:background};
  87. }
  88. ::-webkit-scrollbar-thumb {
  89. background-color:{color:scrollbar};
  90. border:1px solid {color:background};
  91. }
  92. body {
  93. margin:0px;
  94. font-family:'open sans', arial, sans-serif;
  95. letter-spacing:0px;
  96. font-size:9px;
  97. line-height:1.5em;
  98. word-wrap:break-word;
  99. overflow-x:hidden;
  100. background-attachment:fixed;
  101. -moz-font-smoothing:subpixel-antialiased;
  102. -webkit-font-smoothing:subpixel-antialiased;
  103. font-smoothing:subpixel-antialiased;
  104. color:{color:text};
  105. background-color:{color:background};
  106. {block:ifBodyFont}font-family:{text:body font}, 'open sans', arial, sans-serif;{/block:ifBodyFont}
  107. {block:ifBackgroundImage}background-image:url({image:background});{/block:ifBackgroundImage}
  108. }
  109. blockquote, ol, ul, p, pre {
  110. margin-top:.6em;
  111. margin-bottom:.6em;
  112. }
  113. blockquote {
  114. margin-left:1.2em;
  115. margin-right:0;
  116. padding-left:.9em;
  117. border-left:1px solid {color:blockquote border};
  118. }
  119. pre {
  120. white-space:normal;
  121. font-family:consolas, monospace;
  122. }
  123. img {
  124. border:0px;
  125. }
  126. a {
  127. color:inherit;
  128. text-decoration:none;
  129. -webkit-transition:all .15s linear;
  130. transition:all .15s linear;
  131. }
  132. a:hover {
  133. color:{color:text};
  134. }
  135. ol, ul {
  136. padding-left:1em;
  137. list-style-type:none;
  138. }
  139. li ol, li ul {
  140. margin:0;
  141. }
  142. article ol li {
  143. counter-increment:olist;
  144. position:relative;
  145. padding-left:3em;
  146. }
  147. article ol li::before {
  148. content:counter(olist);
  149. display:inline-block;
  150. position:absolute;
  151. left:0;
  152. width:2.75em;
  153. overflow:hidden;
  154. vertical-align:middle;
  155. margin:0 6px 0 0;
  156. color:{color:accent border};
  157. }
  158. small, sub {
  159. font-size:1em;
  160. vertical-align:baseline;
  161. }
  162. b, strong {
  163. font-weight:normal;
  164. color:{color:bold}!important;
  165. }
  166. h1, h2, h3, h4, h5, h6 {
  167. font-size:1em;
  168. font-weight:normal;
  169. }
  170. hr {
  171. border:0;
  172. margin:0;
  173. }
  174.  
  175. /* accents */
  176.  
  177. .accent,
  178. ol, ul,
  179. #s-m-t-tooltip {
  180. font-size:7px;
  181. font-style:italic;
  182. font-family:'open sans', 'trebuchet ms', 'helvetica neue', sans-serif;
  183. text-transform:uppercase;
  184. letter-spacing:1px;
  185. vertical-align:middle;
  186. color:{color:accent};
  187. }
  188. .title {
  189. font-style:italic;
  190. font-family:'open sans', 'helvetica neue', sans-serif;
  191. line-height:1.2em;
  192. text-transform:uppercase;
  193. letter-spacing:1px;
  194. color:{color:title};
  195. }
  196. ul li,
  197. .quote .source,
  198. .question i,
  199. .tags {
  200. position:relative;
  201. line-height:13px!important;
  202. padding-left:18px;
  203. }
  204. ul li::before,
  205. .quote .source::before,
  206. .question i::before,
  207. .tags::before {
  208. content:" ";
  209. display:inline-block;
  210. position:absolute;
  211. left:0;
  212. top:6px;
  213. vertical-align:middle;
  214. margin:0 6px 0 0;
  215. width:12px;
  216. height:1px;
  217. background-color:{color:accent border};
  218. }
  219.  
  220. /* navigation */
  221.  
  222. #button {
  223. display:inline-block;
  224. position:fixed;
  225. top:0;
  226. left:0;
  227. z-index:10;
  228. width:18px;
  229. padding:10px;
  230. border:0;
  231. }
  232. #button hr {
  233. display:block;
  234. height:2px;
  235. border-radius:1px;
  236. margin-bottom:4px;
  237. background-color:{color:nav icon};
  238. transition:transform .15s linear;
  239. }
  240. nav {
  241. position:fixed;
  242. top:50%;
  243. left:50%;
  244. z-index:20;
  245. width:170px;
  246. padding:12px;
  247. border-radius:3px;
  248. background-color:{color:post bg};
  249. -webkit-transform:translate(-50%,-50%);
  250. transform:translate(-50%,-50%);
  251. }
  252. .bg {
  253. position:fixed;
  254. top:0;
  255. right:0;
  256. left:0;
  257. height:35px;
  258. opacity:.9;
  259. z-index:9;
  260. background-color:{color:nav bg};
  261. -webkit-transition:height .3s linear .3s;
  262. transition:height .3s linear .3s;
  263. }
  264. .open .bg {
  265. height:100%;
  266. -webkit-transition-delay:0s;
  267. transition-delay:0s;
  268. }
  269. nav {
  270. visibility:hidden;
  271. opacity:0;
  272. -webkit-transition:opacity .3s linear, visibility 0s linear .3s;
  273. transition:opacity .3s linear, visibility 0s linear .3s;
  274. }
  275. .open nav {
  276. visibility:visible;
  277. opacity:1;
  278. -webkit-transition-delay:.3s;
  279. transition-delay:.3s;
  280. }
  281. nav ol {
  282. list-style-type:none;
  283. text-align:left;
  284. padding:0;
  285. margin:0;
  286. }
  287. nav ol li {
  288. display:inline;
  289. text-align:center;
  290. margin:0;
  291. }
  292. nav a,
  293. nav .search {
  294. display:inline-block;
  295. padding:7px 6px 6px;
  296. width:72px;
  297. border-right:1px solid {color:post border};
  298. border-top:1px solid {color:post border};
  299. }
  300. nav li:nth-child(1) a,
  301. nav li:nth-child(2) a {
  302. border-top:0;
  303. }
  304. nav li:nth-child(2n) a,
  305. nav li:last-child > * {
  306. border-right:0;
  307. }
  308. nav ol li:nth-child(2n+1):last-child a,
  309. nav ol li:nth-child(2n+1) .search,
  310. nav ol li:nth-child(2n+1) .query {
  311. width:159px;
  312. max-width:159px;
  313. }
  314. nav .search .query {
  315. max-width:70px;
  316. border:0;
  317. outline:0;
  318. padding:0;
  319. color:{color:accent};
  320. text-align:center;
  321. background-color:transparent;
  322. font-family:inherit;
  323. font-size:inherit;
  324. }
  325. ::-webkit-input-placeholder {color:{color:accent};}
  326. :-moz-placeholder {color:{color:accent}; opacity:1;}
  327. ::-moz-placeholder {color:{color:accent}; opacity:1;}
  328. :-ms-input-placeholder {color:{color:accent};}
  329. input:focus::-webkit-input-placeholder {color:transparent;}
  330. input:focus:-moz-placeholder {color:transparent;}
  331. input:focus::-moz-placeholder {color:transparent; }
  332. input:focus:-ms-input-placeholder { color:transparent;}
  333.  
  334. /* container */
  335.  
  336. #main {
  337. margin:35px auto 40px;
  338. padding:0 40px;
  339. }
  340. .top #main {
  341. text-align:center;
  342. }
  343. .left #main {
  344. padding-left:260px;
  345. }
  346.  
  347. /* sidebar/header */
  348.  
  349. aside {
  350. text-align:center;
  351. }
  352. .top aside {
  353. margin:115px 0 40px;
  354. }
  355. .left aside {
  356. position:fixed;
  357. margin-left:-180px;
  358. top:50%;
  359. -webkit-transform:translateY(-50%);
  360. transform:translateY(-50%);
  361. width:140px;
  362. }
  363. aside .title a {
  364. color:{color:title};
  365. letter-spacing:5px;
  366. padding:0 0 0 5px;
  367. font-size:1.2em;
  368. display:block;
  369. text-shadow:1px 1px 0 {color:post bg};
  370. }
  371. aside .desc {
  372. display:inline-block;
  373. padding:5px 6px;
  374. border-radius:3px;
  375. -moz-box-sizing:border-box;
  376. box-sizing:border-box;
  377. max-width:{select:post width}px;
  378. background-color:{color:post bg};
  379. }
  380. aside .desc:nth-child(2) {
  381. margin-top:12px;
  382. }
  383. aside .desc a {
  384. color:{color:title};
  385. }
  386.  
  387. /* posts */
  388.  
  389. #content {
  390. margin:0 auto;
  391. font-size:0;
  392. display:inline-block;
  393. }
  394. .left #content {
  395. margin:40px 0;
  396. }
  397. .entry {
  398. position:relative;
  399. overflow:hidden;
  400. text-align:left;
  401. -moz-box-sizing:border-box;
  402. box-sizing:border-box;
  403. font-size:9px;
  404. margin:40px 40px 80px;
  405. width:{select:post width}px;
  406. padding:3px;
  407. background-color:{color:post bg};
  408. {block:ifPostBorders}
  409. border-radius:4px;
  410. border:1px solid {color:post border};
  411. {/block:ifPostBorders}
  412. {block:ifNotPostBorders}
  413. border-radius:3px;
  414. {/block:ifNotPostBorders}
  415. {block:IndexPage}{block:ifNotOneColumn}
  416. display:inline-block;
  417. vertical-align:top;
  418. margin:40px!important;
  419. opacity:0;
  420. z-index:-1;
  421. {/block:ifNotOneColumn}{/block:IndexPage}
  422. {block:PermalinkPage}width:486px!important;{/block:PermalinkPage}
  423. }
  424. .top .entry {
  425. margin:40px auto 80px;
  426. }
  427. .left .entry:last-of-type {
  428. margin-bottom:0;
  429. }
  430. .post {
  431. position:relative;
  432. }
  433. .post img {
  434. max-width:100%;
  435. height:auto;
  436. }
  437.  
  438. /* info */
  439.  
  440. .date {
  441. padding:7px 7px 4px;
  442. margin-top:3px;
  443. border-top:1px solid {color:post border};
  444. color:{color:post info};
  445.  
  446. {block:IndexPage}
  447. {block:ifHoverInfo}
  448. position:absolute;
  449. bottom:6px;
  450. right:6px;
  451. z-index:1;
  452. margin-left:6px;
  453. opacity:0;
  454. border:0;
  455. margin:0;
  456. padding:0;
  457. overflow:hidden;
  458. text-align:right;
  459. display:inline-block;
  460. text-align:left;
  461. margin:0 1px 1px 0;
  462. padding:5px 6px;
  463. border-radius:2px;
  464. background-color:{color:post bg};
  465. border-right:1px solid {color:post border};
  466. border-bottom:1px solid {color:post border};
  467. -webkit-transition:opacity .2s linear;
  468. transition:opacity .2s linear;
  469. }
  470. .entry:hover .date {
  471. opacity:1;
  472. {/block:ifHoverInfo}
  473. {/block:IndexPage}
  474. }
  475. .date a {
  476. margin:0 0 0 1px;
  477. }
  478. .date .reblog::before,
  479. .date .rf::before {
  480. content:"/ ";
  481. margin:0 1px;
  482. }
  483. .tags {
  484. {block:IndexPage}{block:ifNotShowTags}display:none;{/block:ifNotShowTags}{/block:IndexPage}
  485. }
  486.  
  487. /* post titles */
  488.  
  489. .post > h1 {
  490. margin:0;
  491. font-size:1.1em;
  492. padding:9px 12px 12px;
  493. margin-bottom:3px;
  494. border-bottom:1px solid {color:post border};
  495. }
  496. .quote {
  497. font-style:italic;
  498. }
  499. .quote,
  500. .question {
  501. position:relative;
  502. margin-bottom:3px;
  503. border-radius:3px;
  504. padding:12px;
  505. color:{color:post accent};
  506. background-color:{color:caption bg};
  507. line-height:1.7em;
  508. }
  509. .quote .source,
  510. .question i {
  511. position:absolute;
  512. bottom:12px;
  513. right:12px;
  514. font-style:inherit;
  515. display:inline-block;
  516. }
  517. .quote .source p {
  518. margin:0;
  519. }
  520. .quote .source p::before {
  521. content:" ";
  522. }
  523. .quote .fix,
  524. .question .fix {
  525. position:static;
  526. opacity:0;
  527. }
  528.  
  529. /* text and captions */
  530.  
  531. .text {
  532. padding:12px;
  533. background-color:{color:caption bg};
  534. text-align:left;
  535. border-radius:3px;
  536. }
  537. .text a {
  538. font-style:italic;
  539. color:{color:link};
  540. }
  541. .text a:hover {
  542. color:{color:link hover};
  543. }
  544. .text *:first-child {
  545. margin-top:0px;
  546. }
  547. .text *:last-child {
  548. margin-bottom:0px;
  549. }
  550. .caption {
  551. margin-top:3px;
  552. {block:IndexPage}{block:ifNotShowCaptions}display:none;{/block:ifNotShowCaptions}{/block:IndexPage}
  553. }
  554. {block:ifInlineCaptions}
  555. .caption {
  556. text-transform:lowercase;
  557. }
  558. .caption * {
  559. margin:0;
  560. padding:0;
  561. border:0;
  562. display:inline;
  563. list-style-type:none;
  564. }
  565. .caption blockquote::before, .caption li::before, .caption p::before, .caption pre::before, .caption div::before {
  566. content:" ";
  567. }{/block:ifInlineCaptions}
  568.  
  569. /* photos and videos */
  570.  
  571. .media {
  572. border-radius:3px;
  573. overflow:hidden;
  574. }
  575. .media img,
  576. .media .photoset {
  577. display:block;
  578. max-width:100%;
  579. margin:0px auto;
  580. }
  581. .video iframe,
  582. .tumblr_video_container {
  583. display:block;
  584. max-width:100%;
  585. max-height:{select:post width}px;
  586. {block:PermalinkPage}max-height:486px;{/block:PermalinkPage}
  587. }
  588. .video #youtube_iframe {
  589. {block:IndexPage}max-height:calc({select:post width}px * 0.667);{/block:IndexPage}
  590. {block:PermalinkPage}max-height:324px;{/block:PermalinkPage}
  591. }
  592. .video .instagram-media {
  593. max-height:none!important;
  594. box-shadow:none!important;
  595. }
  596.  
  597. /* chat posts */
  598.  
  599. .chat {
  600. display:table;
  601. border-spacing:0;
  602. -moz-box-sizing:border-box;
  603. box-sizing:border-box;
  604. width:100%;
  605. }
  606. .chat .line {
  607. display:table-row;
  608. }
  609. .chat .label {
  610. display:table-cell;
  611. padding-right:5px;
  612. }
  613.  
  614. /* audio posts */
  615.  
  616. .audiowrap {
  617. position:relative;
  618. height:51px;
  619. overflow:hidden;
  620. line-height:0;
  621. text-align:left;
  622. }
  623. .albumart {
  624. position:relative;
  625. display:inline-block;
  626. width:51px;
  627. height:51px;
  628. border-radius:3px;
  629. background-size:cover;
  630. }
  631. .audio {
  632. position:absolute;
  633. display:inline-block;
  634. left:0px;
  635. top:0px;
  636. right:0px;
  637. bottom:0px;
  638. text-align:left;
  639. }
  640. .audio .player {
  641. width:27px;
  642. height:27px;
  643. left:12px;
  644. top:12px;
  645. opacity:.9;
  646. overflow:hidden;
  647. position:absolute;
  648. }
  649. .audio .track {
  650. overflow:hidden;
  651. position:absolute;
  652. top:0px;
  653. left:54px;
  654. right:0px;
  655. bottom:0px;
  656. padding:12px;
  657. border-radius:3px;
  658. line-height:14px!important;
  659. background-color:{color:caption bg};
  660. }
  661. .audio .track i {
  662. font-style:inherit;
  663. display:block;
  664. position:relative;
  665. width:100%;
  666. height:14px;
  667. overflow:hidden;
  668. }
  669.  
  670.  
  671. /* pagination */
  672.  
  673. .pagination {
  674. position:fixed;
  675. left:0;
  676. right:0;
  677. bottom:0;
  678. z-index:2;
  679. text-align:center;
  680. line-height:13px!important;
  681. padding:12px;
  682. background-color:{color:background};
  683. {block:ifInfiniteScroll}display:none;{/block:ifInfiniteScroll}
  684. }
  685. .pagination ol {
  686. margin:0;
  687. padding:0;
  688. list-style-type:none;
  689. {block:ifInfiniteScroll}display:none;{/block:ifInfiniteScroll}
  690. }
  691. .pagination li {
  692. display:inline;
  693. margin:0;
  694. }
  695. .pagination hr {
  696. display:inline-block;
  697. vertical-align:2px;
  698. margin:0 6px;
  699. width:12px;
  700. height:1px;
  701. background-color:{color:accent border};
  702. }
  703.  
  704.  
  705. /* post notes */
  706.  
  707. #notes {
  708. text-align:left;
  709. }
  710. .notes {
  711. list-style-type:none;
  712. padding:6px;
  713. margin:0;
  714. }
  715. .notes a {
  716. border:0;
  717. text-decoration:none;
  718. color:inherit;
  719. }
  720. .notes img {
  721. display:none;
  722. }
  723. .notes li blockquote {
  724. margin-bottom:.5em!important;
  725. }
  726.  
  727. #infscr-loading {
  728. display:none!important;
  729. }
  730. #theme {
  731. position:fixed;
  732. bottom:10px;
  733. right:10px;
  734. z-index:3;
  735. display:inline-block;
  736. padding:5px 4px 5px 5px;
  737. border-radius:3px;
  738. font-size:7px;
  739. font-family:'open sans', 'trebuchet ms', arial, sans-serif;
  740. text-transform:uppercase;
  741. letter-spacing:1px;
  742. line-height:1em;
  743. background-color:{color:post bg};
  744. color:{color:post info};
  745. }
  746. #tumblr_controls, .tmblr-iframe {
  747. position:fixed!important;
  748. opacity:.67!important;
  749. -webkit-filter:invert(100%);
  750. -webkit-backface-visibility:hidden;
  751. -moz-box-sizing:content-box;
  752. box-sizing:content-box;
  753. padding:4px;
  754. }
  755. #tumblr_lightbox, .tmblr-lightbox {
  756. background-color:rgba({RGBcolor:nav bg},.98)!important;
  757. }
  758. #vignette, .vignette {
  759. opacity:0;
  760. }
  761. #tumblr_lightbox img, .lightbox-image {
  762. box-shadow:none!important;
  763. border-radius:0!important;
  764. max-width:none;
  765. }
  766. #tumblr_lightbox_caption, .lightbox-caption {
  767. visibility:hidden;
  768. }
  769. #s-m-t-tooltip {
  770. max-width:300px;
  771. z-index:9999;
  772. margin:20px 12px 5px 10px;
  773. padding:4px;
  774. border-radius:2px;
  775. line-height:1em;
  776. background:{color:title};
  777. color:{color:background};
  778. }
  779.  
  780. </style>
  781. <link href="http://static.tumblr.com/qudkd6d/wHJnkfyua/style.css" rel="stylesheet" type="text/css"/>
  782. </head>
  783. <body class="{block:ifNotSidebar}top{/block:ifNotSidebar}{block:ifSidebar}left{/block:ifSidebar}">
  784. <a id="button" class="accent" href="#" title="navigate"><hr/><hr/><hr/></a><div class="bg"></div>
  785. <nav><!-- n a v i g a t i o n --><ol class="accent">{block:ifHomeLink}<li><a href="/">{text:home link}</a></li>{/block:ifHomeLink}{block:ifArchiveLink}<li><a href="/archive">{text:archive link}</a></li>{/block:ifArchiveLink}{block:ifAskLink}<li><a href="/ask">{text:ask link}</a></li>{/block:ifAskLink}{block:HasPages}{block:Pages}<li><a href="{URL}">{Label}</a></li>{/block:Pages}{/block:HasPages}{block:ifLink1}<li><a href="{text:link 1 url}">{text:link 1}</a></li>{/block:ifLink1}{block:ifLink2}<li><a href="{text:link 2 url}">{text:link 2}</a></li>{/block:ifLink2}{block:ifLink3}<li><a href="{text:link 3 url}">{text:link 3}</a></li>{/block:ifLink3}{block:ifLink4}<li><a href="{text:link 4 url}">{text:link 4}</a></li>{/block:ifLink4}{block:ifLink5}<li><a href="{text:link 5 url}">{text:link 5}</a></li>{/block:ifLink5}{block:ifLink6}<li><a href="{text:link 6 url}">{text:link 6}</a></li>{/block:ifLink6}{block:ifSearchBar}<li><form action="/search" method="get" class="search"><input type="text" name="q" value="{SearchQuery}" class="accent query" placeholder="search"/></form></li>{/block:ifSearchBar}</ol></nav>
  786. <div id="main">
  787. <aside><!-- s i d e b a r -->{block:ifShowTitle}<div class="title"><a href="/">{Title}</a></div>{/block:ifShowTitle}
  788. {block:ifShowDescription}<div class="desc accent">{Description}</div>{/block:ifShowDescription}
  789. </aside>
  790. <div id="content"><!-- p o s t s -->
  791. {block:Posts}
  792. <article class="entry">
  793. <div class="post">
  794. {block:Answer}<!-- a n s w e r --><div class="question accent">{Question}<i>{Asker}</i><i class="fix">{Asker}</i></div><div class="answer text">{Answer}</div>{/block:Answer}{block:Audio}<!-- a u d i o --><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>Track: {TrackName}</i>{/block:TrackName}{block:Artist}<i>Artist: {Artist}</i>{/block:Artist}</div></div></div>{/block:Audio}{block:Chat}<!-- c h a t -->{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}<!-- l i n k --><h1 class="title"><a href="{URL}">{Name}</a></h1>{block:Description}<div class="text">{Description}</div>{/block:Description}{/block:Link}{block:Photo}<!-- p h o t o --><div class="media">{LinkOpenTag}<img src="{block:IndexPage}{PhotoURL-500}{/block:IndexPage}{block:PermalinkPage}{PhotoURL-HighRes}{/block:PermalinkPage}"/>{LinkCloseTag}</div>{/block:Photo}{block:Photoset}<!-- p h o t o s e t --><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}<!-- q u o t e --><div class="quote">{Quote}{block:Source}<div class="source accent">{Source}</div><div class="source fix accent">{Source}</div>{/block:Source}</div>{/block:Quote}{block:Text}<!-- t e x t -->{block:Title}<h1 class="title">{Title}</h1>{/block:Title}<div class="text">{Body}</div>{/block:Text}{block:Video}<!-- v i d e o --><div class="media video">{Video-500}</div>{/block:Video}
  795. {block:Caption}<!-- c a p t i o n --><div class="caption text">{Caption}</div>{/block:Caption}
  796. </div>
  797. {block:Date}<!-- d a t e --><div class="date accent"><span><a href="{Permalink}">{DayOfMonth} {Month}</a> {block:IndexPage}<a href="{ReblogURL}" class="reblog">reblog</a> {/block:IndexPage}{block:PermalinkPage}{block:RebloggedFrom}<a href="{ReblogParentURL}" class="rf">via {ReblogParentName}</a> {block:ContentSource}<a href="{ReblogRootURL}" class="rf">source: {ReblogRootName}</a> {/block:ContentSource}{/block:RebloggedFrom}{/block:PermalinkPage}{block:HasTags}<!-- t a g s --><div class="tags">{block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}</div>{/block:HasTags}</span></div>{/block:Date}
  798. </article>
  799. {block:PostNotes}<!-- p o s t n o t e s --><br/><article id="notes" class="entry"><div class="post"><h1 class="title">Notes ({NoteCount})</h1><div class="accent" style="padding:0 3px;">{PostNotes}</div></div></article>{/block:PostNotes}
  800. {/block:Posts}
  801. <!-- {block:ContentSource}{SourceURL} {/block:ContentSource}{block:RebloggedFrom}{ReblogRootURL} {ReblogParentURL}{/block:RebloggedFrom} -->
  802. </div><!-- end #content -->
  803. {block:Pagination}<!-- p a g i n a t i o n --><div class="pagination accent"><ol>{block:PreviousPage}<li><a class="back" href="{PreviousPage}">{lang:Newer}</a></li>{block:NextPage}<hr/>{/block:NextPage}{/block:PreviousPage}{block:NextPage}<li><a class="next" href="{NextPage}">{lang:Older}</a></li>{/block:NextPage}</ol></div>{/block:Pagination}
  804. </div><!-- end #main -->
  805. <a href="http://shythemes.tumblr.com" id="theme" title="theme">k.</a>
  806. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script><script src="http://static.tumblr.com/qudkd6d/QGdnk057h/jquery.style-my-tooltips.js"></script><script src="http://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script><script src ="//static.tumblr.com/fwgzvyf/l6jnyutne/shythemes.vr.js"></script>
  807. <script>
  808. $(document).ready(function(){
  809. $('.photo-slideshow').pxuPhotoset({
  810. lightbox: true,
  811. rounded: 'corners',
  812. borderRadius: '3px',
  813. gutter: '3px',
  814. photoset: '.photo-slideshow',
  815. photoWrap: '.photo-data',
  816. photo: '.pxu-photo'
  817. });
  818. $('#button, .bg').click(function(){
  819. $('body').toggleClass('open');
  820. return false
  821. });
  822. $('[title]').style_my_tooltips({
  823. tip_follows_cursor: false,
  824. tip_delay_time: 150,
  825. tip_fade_speed: 150,
  826. attribute: "title"
  827. });
  828. });
  829. </script>
  830. {block:IndexPage}
  831. {block:ifNotOneColumn}<script src="http://static.tumblr.com/6hsqxdt/QBym35odk/jquery.masonry.js"></script>{/block:ifNotOneColumn}
  832. {block:ifInfiniteScroll}<script src="http://static.tumblr.com/wgijwsy/u2vm2hxv6/jquery.infinitescroll.min.js"></script>{/block:ifInfiniteScroll}
  833. <script>
  834. $(document).ready(function(){
  835. var $container = $('#content');
  836. {block:ifNotOneColumn}
  837. $container.masonry({
  838. itemSelector: '.entry',
  839. columnWidth: {select:post width} + 80,
  840. isFitWidth: true
  841. });
  842. $container.imagesLoaded(function(){
  843. $container.masonry();
  844. });
  845. $(window).resize(function(){
  846. $container.masonry();
  847. });
  848. {/block:ifNotOneColumn}
  849. $('.entry').animate({ opacity: 1, zIndex: 1 });
  850. {block:ifInfiniteScroll}
  851. $container.infinitescroll({
  852. itemSelector: '.entry',
  853. navSelector: '.pagination',
  854. nextSelector: '.next',
  855. loadingImg: '',
  856. loadingText: '<em></em>',
  857. bufferPx: 2000
  858. },
  859. function( newElements ) {
  860. var $newElems = $( newElements );
  861. $newElems.find('.photo-slideshow').pxuPhotoset({
  862. lightbox: true,
  863. rounded: false,
  864. gutter: '3px',
  865. photoset: '.photo-slideshow',
  866. photoWrap: '.photo-data',
  867. photo: '.pxu-photo'
  868. {block:ifNotOneColumn}
  869. },
  870. function(){
  871. $container.masonry();
  872. });
  873. $newElems.find('.video').each(function(){
  874. resizeVideos();
  875. },
  876. function(){
  877. $container.masonry();
  878. });
  879. $newElems.imagesLoaded(function(){
  880. $container.masonry( 'appended', $newElems );
  881. $newElems.animate({ opacity: 1, zIndex: 1 });
  882. {/block:ifNotOneColumn}
  883. {block:ifOneColumn}
  884. },
  885. function(){
  886. $newElems.animate({ opacity: 1, zIndex: 1 });
  887. {/block:ifOneColumn}
  888. });
  889. });
  890. {/block:ifInfiniteScroll}
  891. });
  892. </script>
  893. {/block:IndexPage}
  894. </body>
  895. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
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!