API tools faq
paste
Advertisement
rasperries

decimal 5.0

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