API tools faq
paste
Advertisement
rasperries

nemoo

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