API tools faq
paste
Advertisement
rasperries

decimal 2 column

rasperries
May 13th, 2015
257
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 27.03 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2.  
  3.  
  4. theme: decimal 2.0
  5. - sorrism -
  6.  
  7.  
  8. -->
  9.  
  10. <!DOCTYPE html>
  11. <head>
  12.  
  13. <title>{block:TagPage}#{Tag} : {/block:TagPage} {block:PostSummary}{PostSummary} : {/block:PostSummary}{Title}</title>
  14.  
  15. <link rel="shortcut icon" href="{favicon}">
  16. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  17. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  18.  
  19. <!--Default Variables-->
  20.  
  21. <meta name="color:Background" content="#ffffff"/>
  22. <meta name="color:Text" content="#cccccc"/>
  23. <meta name="color:Link" content="#a7a7a7"/>
  24. <meta name="color:Link Hover" content="#aaaaaa"/>
  25. <meta name="color:Title"content="#000000"/>
  26. <meta name="color:Scrollbar" content="#d5d5d5" />
  27. <meta name="color:Accents" content="#fbfbfb"/>
  28. <meta name="color:Accent Text" content="#000000"/>
  29. <meta name="color:Borders" content="#eeeeee"/>
  30.  
  31. <meta name="if:Hide Captions" content="0"/>
  32. <meta name="if:2 Columns" content="0"/>
  33. <meta name="if:Infinite Scroll" content="1"/>
  34. <meta name="if:Manual Load" content="1"/>
  35. <meta name="if:Sticky Header" content="0"/>
  36.  
  37. <meta name="image:Icon" content=""/>
  38. <meta name="text:Post Spacing" content="75"/>
  39.  
  40. <meta name="text:Link 1 URL" content="" />
  41. <meta name="text:Link 1" content="" />
  42. <meta name="text:Link 2 URL" content="" />
  43. <meta name="text:Link 2" content="" />
  44. <meta name="text:Link 3 URL" content="" />
  45. <meta name="text:Link 3" content="" />
  46.  
  47. <meta name="select:Post Width" content="200" title="200px"/>
  48. <meta name="select:Post Width" content="250" title="250px"/>
  49. <meta name="select:Post Width" content="275" title="275px"/>
  50. <meta name="select:Post Width" content="300" title="300px"/>
  51. <meta name="select:Post Width" content="325" title="325px"/>
  52. <meta name="select:Post Width" content="350" title="350px"/>
  53. <meta name="select:Post Width" content="400" title="400px"/>
  54.  
  55. <meta name="select:Permalink Post Width" content="250" title="250px"/>
  56. <meta name="select:Permalink Post Width" content="275" title="275px"/>
  57. <meta name="select:Permalink Post Width" content="300" title="300px"/>
  58. <meta name="select:Permalink Post Width" content="325" title="325px"/>
  59. <meta name="select:Permalink Post Width" content="350" title="350px"/>
  60. <meta name="select:Permalink Post Width" content="400" title="400px"/>
  61.  
  62.  
  63. <link href='http://fonts.googleapis.com/css?family=Lora:400,700,400italic,700italic' rel='stylesheet' type='text/css'>
  64. <!--CSS -->
  65.  
  66. <style type="text/css">
  67.  
  68.  
  69. /*tooltip*/
  70.  
  71. .ui-tooltip {
  72. position:Absolute;
  73. z-index:9999;
  74. padding-top:10px;
  75. }
  76.  
  77. .ui-tooltip-content {
  78. background:{color:accent};
  79. padding:2px 4px;
  80. font-style:italic;
  81. color:{color:title};
  82. letter-spacing:1px;
  83. }
  84.  
  85. /*lightbox and tumblr controls*/
  86.  
  87. #tumblr_lightbox {background:rgba(246, 246, 246, .9)!important;}
  88.  
  89. #tumblr_lightbox img {opacity:0;}
  90.  
  91. #tumblr_lightbox_caption {
  92. color:black!important;
  93. font-family:lora, serif!important;
  94. font-size:10px!important;
  95. font-weight:normal!important;
  96. text-shadow:none!important;
  97. }
  98.  
  99. #tumblr_lightbox_center_image, #tumblr_lightbox_left_image, #tumblr_lightbox_right_image {
  100. -moz-box-shadow:none!important;
  101. -webkit-box-shadow:none!important;
  102. box-shadow:none!important;
  103. -moz-border-radius:0px!important;
  104. -webkit-border-radius:0px!important;
  105. border-radius:0px!important;
  106. opacity:1!important;
  107. }
  108.  
  109. #tumblr_lightbox_left_image, #tumblr_lightbox_right_image {opacity:.4!important;}
  110.  
  111. iframe#tumblr_controls {
  112. white-space:nowrap!important;
  113. -webkit-filter:invert(100%)!important;
  114. -moz-filter:invert(100%)!important;
  115. -ms-filter:invert(100%)!important;
  116. -o-filter:invert(100%)!important;
  117. filter:invert(100%)!important;
  118. top:10px!important;
  119. right:10px!important;
  120. position:fixed!important;
  121. }
  122.  
  123. /*scrollbar*/
  124.  
  125. ::-webkit-scrollbar {
  126. height:3px;
  127. width:3px;
  128. background:{color:background};
  129. }
  130. ::-webkit-scrollbar-thumb {
  131. background:{color:scrollbar};
  132. -moz-border-radius:3px;
  133. -webkit-border-radius:3px;
  134. border-radius:3px;
  135. }
  136.  
  137. /*main structure*/
  138.  
  139. body {
  140. background:{color:background};
  141. color:{color:text};
  142. font-family:Lora, serif;
  143. font-size:9px;
  144. letter-spacing:0.02em;
  145. font-weight:normal;
  146. position:relative;
  147. text-align:left;
  148. margin:0;
  149. line-height:150%;
  150. }
  151.  
  152. a {
  153. color:{color:link};
  154. text-decoration:none;
  155. cursor:help;
  156. }
  157.  
  158. a:hover {
  159. color:{color:link hover};
  160. text-decoration:none;
  161. }
  162.  
  163. img {
  164. opacity:1;
  165. border:none;
  166. text-decoration:none;
  167. }
  168.  
  169. blockquote {
  170. padding-left:10px;
  171. border-left:1px solid {color:borders};
  172. margin:5px 0;
  173. text-align:left;
  174. }
  175.  
  176. .caption blockquote {
  177. padding:0;
  178. margin:0;
  179. border:0;
  180. }
  181.  
  182. pre {
  183. white-space: pre-wrap;
  184. white-space: -moz-pre-wrap;
  185. white-space: -pre-wrap;
  186. white-space: -o-pre-wrap;
  187. word-wrap: break-word;
  188. }
  189.  
  190. p {margin:5px 0}
  191.  
  192. p:first-of-type {margin-top:0;}
  193.  
  194. p:last-of-type {margin-bottom:0;}
  195.  
  196. b, strong {color:{color:title};font-weight:normal;}
  197.  
  198. ul, ol {
  199. list-style:none;
  200. margin:5px 0;
  201. padding:0;
  202. }
  203.  
  204. li {
  205. font-style:italic;
  206. padding-left:20px;
  207. position:relative;
  208. }
  209.  
  210. li:before, li:before {
  211. content:'';
  212. height:1px;
  213. background:{color:borders};
  214. position:absolute;
  215. width:10px;
  216. top:6px;
  217. margin-left:-20px;
  218. }
  219.  
  220. .chat li:before, .same li:before {display:none;}
  221.  
  222. small, sub, big {font-size:9px;}
  223.  
  224. h1, h2, h3, h4 {
  225. font-size:12px!important;
  226. padding:0;
  227. margin:0;
  228. color:{color:title};
  229. }
  230.  
  231. /*header*/
  232.  
  233. header {
  234. -webkit-animation-name: fade-in;
  235. -webkit-animation-duration: 1.5s;
  236. margin:75px auto 0 auto;
  237. position:relative!important;
  238. width:{select:post width}px;
  239. {block:if2columns}
  240. width:calc({select:post width}px * 2 + {text:post spacing}px);
  241. {/block:if2columns}
  242. {block:permalinkpage}
  243. width:{select:permalink post width}px;
  244. {block:if2columns}
  245. width:calc({select:permalink post width}px * 2 + {text:post spacing}px);
  246. {/block:if2columns}
  247. {/block:permalinkpage}
  248. }
  249.  
  250. .o img {
  251. width:60px;
  252. height:60px;
  253. float:left;
  254. margin-top:-15px;
  255. -moz-border-radius:100%;
  256. -webkit-border-radius:100%;
  257. border-radius:100%;
  258. display:block;
  259. }
  260.  
  261. #else {
  262. width:{select:post width}px;
  263. {block:permalinkpage}
  264. width:{select:permalink post width}px;
  265. {/block:permalinkpage}
  266. {block:ifIconImage}
  267. margin-left:75px;
  268. width:calc({select:post width}px - 75px);
  269. {block:permalinkpage}
  270. width:calc({select:permalink post width}px - 75px);
  271. {/block:permalinkpage}
  272. {/block:ifIconImage}
  273. }
  274.  
  275. .btit {
  276. font-family:lora,serif;
  277. font-size:18px;
  278. display:block;
  279. text-transform:lowercase;
  280. font-weight:bold;
  281. color:{color:title};
  282. }
  283.  
  284. #d {margin-top:10px;font-style:italic;}
  285.  
  286. nav {
  287. margin-top:5px;
  288. }
  289.  
  290. nav a {
  291.  
  292. color:{color:links};
  293. letter-spacing:0px;
  294. text-transform:lowercase;
  295. margin-right:5px;
  296. display:inline-block;
  297. }
  298.  
  299. nav a:hover {color:{color:link hover};}
  300.  
  301. #big {
  302. position:relative;
  303. height:calc({text:post spacing}px + 5px);
  304. margin-bottom:-{text:post spacing}px;
  305. margin-top:-5px;
  306. width:100%;
  307. z-index:5;
  308. }
  309.  
  310. #big.sticky {
  311. position:fixed;
  312. top:0;
  313. left:0;
  314. z-index:5!important;
  315. }
  316.  
  317. #block {
  318. height:{text:post spacing}px;
  319. background:{color:background};
  320. position:relative;
  321. z-index:5!important;
  322. margin:0 auto;
  323. line-height:calc({text:post spacing}px - 2px);
  324. width:{select:post width}px;
  325. {block:if2columns}
  326. width:calc({select:post width}px * 2 + {text:post spacing}px);
  327. {/block:if2columns}
  328. {block:permalinkpage}
  329. width:{select:permalink post width}px;
  330. {block:if2columns}
  331. width:calc({select:permalink post width}px * 2 + {text:post spacing}px);
  332. {/block:if2columns}
  333. {/block:permalinkpage}
  334.  
  335. }
  336.  
  337. #block:before {
  338. width:100%;
  339. height:1px;
  340. position:absolute;
  341. background:{color:borders};
  342. content:'';
  343. top:50%;
  344. left:0;
  345. z-index:-1;
  346. }
  347.  
  348. #big nav {
  349. visibility:hidden;
  350. opacity:0;
  351. transition:visibility 0s ease-in-out 0.5s, opacity 0.5s ease-in-out;
  352. -webkit-transition:visibility 0s ease-in-out 0.5s, opacity 0.5s ease-in-out;
  353. -moz-transition:visibility 0s ease-in-out 0.5s, opacity 0.5s ease-in-out;
  354. text-align:center;
  355. }
  356.  
  357. #block nav span {
  358. background:{color:background};
  359. display:inline-block;
  360. padding:0 10px;
  361. }
  362.  
  363. #big.sticky nav {
  364. visibility:visible;
  365. opacity:1;
  366. transition-delay:0s;
  367. -o-transition-delay:0s;
  368. }
  369.  
  370. #block nav a {margin:0 5px;}
  371.  
  372. /*pagination*/
  373.  
  374. footer {
  375. font-size:9px;
  376. margin:0 auto 75px auto;
  377. font-style:italic;
  378. text-transform:lowercase;
  379. color:{color:text};
  380. {block:ifnotinfinitescroll}
  381. border-top:1px solid {color:borders};
  382. padding-top:calc({text:post spacing}px / 2);
  383. {/block:ifnotinfinitescroll}
  384. width:{select:post width}px;
  385. {block:if2columns}
  386. width:calc({select:post width}px * 2 + {text:post spacing}px);
  387. {/block:if2columns}
  388. {block:ifinfinitescroll}
  389. {block:ifnotmanualload}
  390. display:none;
  391. {/block:ifnotmanualload}
  392. {/block:ifinfinitescroll}
  393. -webkit-animation-name: fade-in;
  394. -webkit-animation-duration: 1.5s;
  395. }
  396.  
  397. #infscr-loading {display:none!important;}
  398.  
  399. footer a {
  400. display:inline-block;
  401. color:{color:title};
  402. }
  403.  
  404. #pagination {{block:ifinfinitescroll}display:none;{/block:ifinfinitescroll}}
  405.  
  406. .current_page, .jump_page {
  407. margin:0 3px;
  408. display:inline-block;
  409. text-align:center;
  410. width:12px;
  411. height:12px;
  412. line-height:12px;
  413. cursor:help;
  414. }
  415.  
  416. .current_page {
  417. font-weight:bold;
  418. color:{color:accent text};
  419. background:{color:Accents};
  420. display:inline-block;
  421. }
  422.  
  423. #more {text-align:center;}
  424.  
  425. .nice {
  426. cursor:help;
  427. position:fixed;
  428. right:15px;
  429. bottom:10px;
  430. }
  431.  
  432. /*posts*/
  433.  
  434. #entries {
  435. margin:calc({text:post spacing}px + 5px) auto 0px auto;
  436. position:relative;
  437. display:block;
  438. width:{select:post width}px;
  439. {block:if2columns}
  440. padding-left:{text:post spacing}px;
  441. width:calc({select:post width}px * 2 + {text:post spacing}px * 2);
  442. {/block:if2columns}
  443. {block:permalinkpage}
  444. margin-bottom:75px;
  445. width:{select:permalink post width}px;
  446. {block:if2columns}
  447. width:calc({select:permalink post width}px * 2 + {text:post spacing}px * 2);
  448. {/block:if2columns}
  449. {/block:permalinkpage}
  450. }
  451.  
  452. {block:if2columns}
  453. #entries:before {
  454. width:1px;
  455. height:calc(100% - {text:post spacing}px / 2);
  456. {block:permalinkpage}
  457. height:100%;
  458. {/block:permalinkpage}
  459. position:absolute;
  460. background:{color:borders};
  461. content:'';
  462. top:0;
  463. left:50%;
  464. }
  465. {/block:if2columns}
  466.  
  467. .posts {
  468. width:{select:post width}px;
  469. margin:0 0 calc({text:post spacing}px / 2) 0;
  470. {block:if2columns}
  471. margin:0 {text:post spacing}px calc({text:post spacing}px / 2) 0;
  472. {/block:if2columns}
  473. padding-bottom:calc({text:post spacing}px / 2);
  474. border-bottom:1px solid {color:borders};
  475. position:relative;
  476. z-index:2;
  477. display:block;
  478. -webkit-animation-name: fade-in;
  479. -webkit-animation-duration: 1.5s;
  480. {block:permalinkpage}
  481. width:{select:permalink post width}px;
  482. margin-bottom:0;
  483. {block:if2columns}
  484. padding:0;
  485. border:0;
  486. {/block:if2columns}
  487. {/block:permalinkpage}
  488. }
  489.  
  490. {block:ifnotinfinitescroll}
  491. .posts:last-of-type {
  492. border:0;
  493. margin-bottom:0;
  494. }
  495.  
  496. {block:if2columns}
  497. .posts:nth-last-of-type(2) {
  498. border:0;
  499. margin-bottom:0;
  500. }
  501. {/block:if2columns}
  502. {/block:ifnotinfinitescroll}
  503.  
  504. .posts img {
  505. max-width:{select:post width}px;
  506. height:auto;
  507. {block:permalinkpage}
  508. max-width:{select:permalink post width}px;
  509. {/block:permalinkpage}
  510. }
  511.  
  512. .posts iframe {display:block;}
  513.  
  514. .posts li, .posts blockquote {max-width: 100%;}
  515.  
  516. .photo img {
  517. width:{select:post width}px;
  518. display:block;
  519. {block:permalinkpage}
  520. width:{select:permalink post width}px;
  521. {/block:permalinkpage}
  522. }
  523.  
  524. .posts h1 {
  525. font-size:12px;
  526. font-weight:normal;
  527. font-style:italic;
  528. color:{color:title};
  529. line-height:150%;
  530. padding:5px;
  531. background:{color:accents};
  532. color:{color:accent text};
  533. }
  534.  
  535. .title {
  536. font-size:12px;
  537. margin-bottom:10px;
  538. }
  539.  
  540. .title a {color:{color:accent text};}
  541.  
  542. .title a:hover {color:{color:link hover};}
  543.  
  544. a.tumblr_blog {
  545. font-style:italic;
  546. display:inline-block;
  547. }
  548.  
  549. .caption {
  550. text-transform:none;
  551. margin:10px 0 0 0;
  552. {block:permalinkpage}
  553. margin:0;
  554. padding:10px 0;
  555. {block:if2columns}
  556. padding-top:0;
  557. margin-bottom:10px;
  558. {/block:if2columns}
  559. border-bottom:1px solid {color:borders};
  560. {/block:permalinkpage}
  561. {block:ifhidecaptions}
  562. {block:indexpage}
  563. display:none;
  564. {/block:indexpage}
  565. {/block:ifhidecaptions}
  566. }
  567.  
  568. .video_big {
  569. position:relative;
  570. height:0;
  571. padding-bottom:56.25%;
  572. }
  573.  
  574. .video_big iframe {
  575. position:absolute;
  576. top:0;
  577. left:0;
  578. height:100%;
  579. width:100%;
  580. }
  581.  
  582. /*quote*/
  583.  
  584. #qu {font-size:9px;font-style:italic;color:#000;background:#fbfbfb;padding:5px;}
  585.  
  586. #source {
  587. margin-top:10px;
  588. }
  589.  
  590. /*audio*/
  591.  
  592. .tumblr_audio_player {
  593. width:250px;
  594. height:30px;
  595. margin-top:-2px;
  596. }
  597.  
  598. .player {
  599. width:25px;
  600. height:25px;
  601. display:block;
  602. overflow:hidden;
  603. }
  604.  
  605. .hold {
  606. background:black;
  607. display:block;
  608. padding:5px;
  609. position:relative;
  610. }
  611.  
  612. .hold:before {
  613. content:'LISTEN.';
  614. color:white;
  615. font-size:7px;
  616. letter-spacing:1px;
  617. position:absolute;
  618. left:45px;
  619. top:0px;
  620. line-height:35px;
  621. }
  622.  
  623. .audio_info {
  624. background:{color:accents};
  625. color:{color:accent text};
  626. padding:10px;
  627. margin-top:10px;
  628. }
  629.  
  630. .audio_info b {
  631. padding-right:5px;
  632. display:inline-block;
  633. }
  634.  
  635. .audio_info span {display:block;}
  636.  
  637. /*asks*/
  638.  
  639. .q {
  640. padding:10px;
  641. color:{color:Accent text};
  642. background:{color:Accents};
  643. }
  644.  
  645. .as {
  646. text-align:right;
  647. font-size:7px;
  648. font-style:italic;
  649. text-transform:uppercase;
  650. letter-spacing:1px;
  651. margin:10px 0;
  652. }
  653.  
  654. .as a {color:{color:text};}
  655.  
  656. .as a:hover {color:{color:link hover};}
  657.  
  658.  
  659. /*chat*/
  660.  
  661. .chat {
  662. margin:0;
  663. padding:0;
  664. list-style:none;
  665. text-align:left;
  666. }
  667.  
  668. .l.odd {
  669. background:{color:accents};
  670. color:{color:accent text};
  671. padding:5px;
  672. }
  673.  
  674. .l.even {padding:5px;}
  675.  
  676. .label {
  677. color:{color:accent text};
  678. text-transform:uppercase;
  679. letter-spacing:1px;
  680. font-size:7px;
  681. display:inline-block;
  682. }
  683.  
  684. /*permalink and notes*/
  685.  
  686. #permalink {
  687. padding-bottom:0;
  688. {block:indexpage}
  689. opacity:0;
  690. position:absolute;
  691. top:calc(100% - 6px);
  692. text-align:center;
  693. height:12px;
  694. line-height:12px;
  695. width:100%;
  696. left:0px;
  697. transition:all .4s ease-in-out;
  698. -webkit-transition:all .4s ease-in-out;
  699. -o-transition:all .4s ease-in-out;
  700. -moz-transition:all .4s ease-in-out;
  701. {/block:indexpage}
  702. }
  703.  
  704. {block:ifnot2columns}.date {padding-top:10px;}{/block:ifnot2columns}
  705.  
  706. .posts:hover #permalink {opacity:1;}
  707.  
  708. .when span {
  709. display:inline-block;
  710. padding:0 10px;
  711. background:{color:background};
  712. }
  713.  
  714. .when a {
  715. margin:0 3px;
  716. display:inline-block;
  717. font-size:7px;
  718. text-transform:uppercase;
  719. letter-spacing:1px;
  720. color:#000;
  721. }
  722.  
  723. .when a:hover {color:{color:link hover};}
  724.  
  725. .t {
  726. cursor:help;
  727. margin-top:10px;
  728. border-top:1px solid {color:borders};
  729. padding:10px 0;
  730. font-size:7px;
  731. text-transform:uppercase;
  732. letter-spacing:1px;
  733. color:{color:title};
  734. text-align:right;
  735. }
  736.  
  737. modal {
  738. display:none;
  739. width:100%;
  740. height:100%;
  741. left:0px;
  742. bottom:0px;
  743. background:rgba(246, 246, 246, .9);
  744. z-index:10;
  745. position:fixed;
  746. }
  747.  
  748. .off {
  749. width:100%;
  750. height:100%;
  751. left:0px;
  752. bottom:0px;
  753. z-index:10;
  754. position:fixed;
  755. }
  756.  
  757. .me {
  758. position:absolute;
  759. left:50%;
  760. z-index:11;
  761. border-top:1px solid {color:borders};
  762. border-bottom:1px solid {color:borders};
  763. width:calc({select:permalink post width}px + 50px);
  764. top:50%;
  765. background:{color:background};
  766. transform: translate(-50%,-50%);
  767. -webkit-transform: translate(-50%,-50%);
  768. -o-transform: translate(-50%,-50%);
  769. -moz-transform: translate(-50%,-50%);
  770. }
  771.  
  772. .same {
  773. margin:25px;
  774. max-height:300px;
  775. overflow-y:auto;
  776. }
  777.  
  778. ol.notes {
  779. list-style-type:none;
  780. text-align:left;
  781. padding:0;
  782. margin:0;
  783. }
  784.  
  785. ol.notes li.note {
  786. padding:5px 0px;
  787. border-bottom:1px solid {color:borders};
  788. }
  789.  
  790. ol.notes li.note img.avatar {display:none!important;}
  791.  
  792. .more_notes_link {
  793. display:block;
  794. text-align:left;
  795. color:{color:title};
  796. }
  797.  
  798. /* photoset by pixelunion */
  799.  
  800. .clearit:before, .clearit:after {
  801. content:"";
  802. display:table;
  803. }
  804.  
  805. .clearit:after {clear:both;}
  806.  
  807. .clearit {*zoom: 1;}
  808.  
  809. .photo-slideshow {visibility:hidden;}
  810.  
  811. .photo-slideshow.processed {visibility:visible;}
  812.  
  813. .photo-slideshow .row {
  814. clear:both;
  815. width:100%;
  816. }
  817.  
  818. .photo-slideshow .row:last-of-type {margin-bottom:0!important;}
  819.  
  820. .photo-slideshow .pxu-photo {
  821. display:block;
  822. float:left;
  823. margin-bottom:0;
  824. width:100%;
  825. position:relative;
  826. overflow:hidden;
  827. }
  828.  
  829. .photo-slideshow .pxu-photo img {display:block;}
  830.  
  831. .photo-slideshow.processed .pxu-photo img {
  832. width:100%;
  833. height:auto;
  834. }
  835.  
  836. .photo-slideshow .pxu-photo:first-child img {margin-left:0;}
  837.  
  838. .photo-slideshow .count-1 {width:100%;}
  839.  
  840. .photo-slideshow .count-2 {width:50%;}
  841.  
  842. .photo-slideshow .count-3 {width:33.33%;}
  843.  
  844. .photo-slideshow .count-4 {width:25%;}
  845.  
  846. .photo-slideshow .count-5 {width:20%;}
  847.  
  848. a.tumblr-box {
  849. display:block;
  850. position:absolute;
  851. top:0;
  852. right:0;
  853. bottom:0;
  854. left:0;
  855. width:100%;
  856. height:100%;
  857. z-index:9!important;
  858. }
  859.  
  860. /* Icons for EXIF Data and Zoom */
  861.  
  862. .photo-data {
  863. position:relative;
  864. height:100%;
  865. float:left;
  866. }
  867.  
  868. .icons {
  869. position:absolute;
  870. top:0px;
  871. right:0px;
  872. width:100%;
  873. height:100%!important;
  874. z-index:999!important;
  875. }
  876.  
  877. .icons > span, .icons .tumblr-box span {
  878. width:100%;
  879. height:100%;
  880. display:block;
  881. cursor:help;
  882. }
  883.  
  884. .info {position:relative;}
  885.  
  886. /* EXIF & CAPTION Data Tooltip */
  887.  
  888. .pxu-data {
  889. position:absolute;
  890. top:0px;
  891. left:0px;
  892. width:100%;
  893. }
  894.  
  895. @-webkit-keyframes fade-in {
  896. 0% { opacity: 0; }
  897. 50% { opacity: 0; }
  898. 100% { opacity: 1; }
  899.  
  900. {CustomCSS}
  901.  
  902. </style>
  903.  
  904. </head>
  905.  
  906. <body>
  907.  
  908. <header>
  909. {block:ifIconImage}<a class="o" href="/"><img src="{image:icon}"/></a>{/block:ifIconImage}<div id="else"><a class="btit" href="/">{title}</a><div id="d">{description}</div><nav><a href="/">index.</a><a href="/faq">message.</a><a href="/a">profile.</a>{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}</nav></div>
  910. </header><div id="big"><div id="block"><nav><span><a href="/">index.</a><a href="/faq">message.</a><a href="/a">profile.</a>{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}</span></nav></div></div>
  911.  
  912. <section id="entries">
  913.  
  914. {block:Posts}
  915.  
  916. <article class="posts">
  917.  
  918. {block:indexpage}
  919. {block:Date}<div id="permalink" class="when"><span><a href="{Permalink}" title="{timeago}">{shortmonth} {dayofmonth}{dayofmonthsuffix}</a>{block:NoteCount}<a href="{permalink}">({NoteCount})</a>{/block:NoteCount}<a href="{ReblogURL}">reblog</a></span></div>{/block:Date}{/block:indexpage}
  920.  
  921. {block:Quote}<div id="qu">{Quote}</div>{block:Source}<div id="source">{Source}</div>{/block:Source}{/block:Quote}
  922.  
  923. {block:Text}{block:Title}<h1 class="title">{Title}</h1>{/block:Title}{Body}{/block:Text}
  924.  
  925. {block:Link}<h1 class="title"><a href="{URL}">{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  926.  
  927. {block:Chat}{block:Title}<h1 class="title">{Title}</h1>{/block:Title}<ol class="chat">{block:Lines}<li class="l {Alt}">{block:Label}<span class="label">{Label}</span>{/block:Label} {Line}</li>{/block:Lines}</ol>{/block:Chat}
  928.  
  929. {block:Photo}<div class="photo"><a href="{Permalink}"><img src="{PhotoURL-HighRes}" alt="{PhotoAlt}"/></a></div>
  930. {/block:Photo}
  931.  
  932. {block:Photoset}<div class="pho"><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}"><a class="tumblr-box" rel="post-{PostID}" href="{PhotoURL-HighRes}"></a></div></div>{/block:Photos}</div></div>
  933. {/block:Photoset}
  934.  
  935. {block:Video}<div class="video_big">{VideoEmbed-700}</div>{/block:Video}
  936.  
  937. {block:Audio}{block:AudioPlayer}<div class="hold"><div class="player">{AudioPlayerBlack}</div></div>{/block:AudioPlayer}<div class="audio_info">{block:TrackName}<span><b>Track:</b> {TrackName}</span>{/block:TrackName}{block:Artist}<span><b>Artist:</b> {Artist}</span>{/block:Artist}<span><b>Plays:</b> {playcount}</span></div>{/block:Audio}
  938.  
  939. {block:Answer}<div class="q">{Question}</div><div class="as">sent by {asker}</div><div class="a">{Answer}</div>{/block:Answer}
  940.  
  941.  
  942. {block:indexpage}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:indexpage}
  943.  
  944. </article>
  945.  
  946.  
  947. {block:permalinkpage}
  948. {block:Date}
  949. <article class="posts" id="permalink">
  950. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  951. <div class="date">Posted on {month} {dayofmonth}{dayofmonthsuffix}, {timeago}{block:RebloggedFrom}<br>Via: <a href="{ReblogParentURL}">{ReblogParentName}</a>{block:ContentSource} &mdash; source: <a href="{ReblogRootURL}">{ReblogRootName}</a>{/block:ContentSource}{/block:RebloggedFrom}{block:HasTags}<br>Indexed: {block:Tags}<a href="{TagUrl}">#{Tag}</a> {/block:Tags}{/block:HasTags}</div>{block:PostNotes}<div class="t">{notecountwithlabel}</div>{/block:PostNotes}
  952. </article>
  953. {/block:Date}{/block:permalinkpage}
  954.  
  955.  
  956. {/block:Posts}
  957.  
  958.  
  959. </section>
  960. <modal><div class="off"></div><div class="me"><div class="same">{PostNotes}</div></div></modal>
  961.  
  962. {block:Pagination}
  963. <footer>
  964. <div id="pagination">
  965. {block:PreviousPage}
  966. <a href="{PreviousPage}" style="margin-right:15px">back</a>
  967. {/block:PreviousPage}
  968. {block:JumpPagination length="5"}
  969. {block:CurrentPage}
  970. <span class="current_page">{PageNumber}</span>
  971. {/block:CurrentPage}
  972. {block:JumpPage}
  973. <a class="jump_page" href="{URL}">{PageNumber}</a>
  974. {/block:JumpPage}
  975. {/block:JumpPagination}
  976. {block:NextPage}
  977. <a href="{NextPage}" style="margin-left:15px">next</a>
  978. {/block:NextPage}
  979. </div>
  980. {block:ifinfinitescroll}{block:ifmanualload}<div id="more"><span><a>load more</a></span></div>{/block:ifmanualload}{/block:ifinfinitescroll}
  981. </footer>
  982. {/block:Pagination}
  983.  
  984. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  985. <script src="http://code.jquery.com/ui/1.10.4/jquery-ui.js"></script>
  986. <script src="http://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
  987.  
  988. <script>
  989. $(document).ready(function(){
  990. $(document).tooltip({
  991. track:true
  992. });
  993. $('.t').click(function() {
  994. $('modal').fadeIn(400);
  995. });
  996. $('.off').click(function() {
  997. $('modal').fadeOut(400);
  998. });
  999. {block:indexpage}{block:ifstickyheader}
  1000. var stickyNavTop = $('#big').offset().top;
  1001. var stickyNav = function(){
  1002. var scrollTop = $(window).scrollTop();
  1003. if (scrollTop > stickyNavTop) {
  1004. $('#big').addClass('sticky');
  1005. }
  1006. else {
  1007. $('#big').removeClass('sticky');
  1008. }
  1009. };
  1010. stickyNav();
  1011. $(window).scroll(function() {
  1012. stickyNav();
  1013. });
  1014. {/block:ifstickyheader}{/block:indexpage}
  1015. $('.photo-slideshow').pxuPhotoset({
  1016. lightbox: true,
  1017. rounded: false,
  1018. gutter: '1px',
  1019. photoset: '.photo-slideshow',
  1020. photoWrap: '.photo-data',
  1021. photo: '.pxu-photo'
  1022. });
  1023. });
  1024. </script>
  1025.  
  1026. {block:if2columns}<script src="http://static.tumblr.com/6hsqxdt/QBym35odk/jquery.masonry.js"></script>{/block:if2columns}
  1027. {block:ifinfinitescroll}<script src="http://static.tumblr.com/wgijwsy/u2vm2hxv6/jquery.infinitescroll.min.js"></script>{/block:ifinfinitescroll}
  1028.  
  1029. <script>
  1030. $(document).ready(function(){
  1031. var $container = $('#entries');
  1032. {block:if2columns}
  1033. $container.masonry({
  1034. itemSelector: '.posts',
  1035. columnWidth: {block:indexpage}{select:post width}{/block:indexpage}{block:permalinkpage}{select:permalink post width}{/block:permalinkpage} + {text:post spacing},
  1036. isFitWidth: false
  1037. });
  1038. $container.imagesLoaded(function(){
  1039. $container.masonry();
  1040. });
  1041. {/block:if2columns}
  1042. {block:ifinfinitescroll}
  1043. $container.infinitescroll({
  1044. itemSelector: '.posts',
  1045. navSelector: '#pagination',
  1046. nextSelector: '#pagination a',
  1047. loadingImg: '',
  1048. loadingText: '<em></em>',
  1049. bufferPx: 100
  1050. },
  1051. function( newElements ) {
  1052. var $newElems = $( newElements );
  1053. $newElems.find('.photo-slideshow').pxuPhotoset({
  1054. lightbox: true,
  1055. rounded: false,
  1056. gutter: '1px',
  1057. photoset: '.photo-slideshow',
  1058. photoWrap: '.photo-data',
  1059. photo: '.pxu-photo'
  1060. {block:if2columns}
  1061. },
  1062. function(){
  1063. $container.masonry();
  1064. });
  1065. $newElems.imagesLoaded(function(){
  1066. $container.masonry( 'appended', $newElems );
  1067. $newElems.animate({ opacity: 1});
  1068. {/block:if2columns}
  1069. {block:ifnot2columns}
  1070. },
  1071. function(){
  1072. $newElems.animate({ opacity: 1});
  1073. {/block:ifnot2columns}
  1074. });
  1075. });
  1076. {block:ifmanualload}
  1077. jQuery(window).unbind('.infscr');
  1078. jQuery('#more span').click(function(){
  1079. jQuery('#entries').infinitescroll('retrieve'); return false;
  1080. });
  1081. {/block:ifmanualload}
  1082. {/block:ifinfinitescroll}
  1083. });
  1084. </script>
  1085. {/block:indexpage}
  1086.  
  1087.  
  1088. <a class="nice" href="http://sorrism.tumblr.com">s.</a>
  1089. {block:ContentSource}
  1090. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  1091. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  1092. {/block:SourceLogo}
  1093. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  1094. {/block:ContentSource}
  1095. </body></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!