API tools faq
paste
Advertisement
rasperries

sorrism2

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