API tools faq
paste
Advertisement
irwie

love me

irwie
Nov 21st, 2015
2,778
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 26.05 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="UTF-8" />
  5. <meta name="viewport" content="initial-scale=1">
  6.  
  7. <!--
  8.  
  9. theme » love me
  10. @satoir.tumblr.com
  11.  
  12. -->
  13.  
  14. <meta name="image:icon" content="" />
  15.  
  16. <meta name="color:background" content="#ffffff" />
  17. <meta name="color:text" content="#555555" />
  18. <meta name="color:bold" content="#000000" />
  19. <meta name="color:links" content="#a0a0a0" />
  20. <meta name="color:accent" content="#000000" />
  21. <meta name="color:selected text" content="#ffffff" />
  22. <meta name="color:selected text highlight" content="#000000" />
  23. <meta name="color:scrollbar" content="#555555" />
  24. <meta name="color:borders" content="#eeeeee" />
  25.  
  26. <meta name="select:font" content="Lato" title="lato" />
  27. <meta name="select:font" content="PT Sans" title="pt sans" />
  28. <meta name="select:font" content="Roboto" title="roboto" />
  29. <meta name="select:font size" content="9px" title="9px" />
  30. <meta name="select:font size" content="10px" title="10px" />
  31. <meta name="select:font size" content="11px" title="11px" />
  32. <meta name="select:font size" content="12px" title="12px" />
  33. <meta name="select:line height" content="150%" title="150%" />
  34. <meta name="select:line height" content="160%" title="160%" />
  35. <meta name="select:line height" content="170%" title="170%" />
  36. <meta name="select:post width" content="250" title="250px" />
  37. <meta name="select:post width" content="300" title="300px" />
  38. <meta name="select:post width" content="350" title="350px" />
  39. <meta name="select:post width" content="400" title="400px" />
  40. <meta name="select:post width" content="450" title="450px" />
  41. <meta name="select:post width" content="500" title="500px" />
  42. <meta name="select:post width" content="540" title="540px" />
  43. <meta name="select:sidebar width" content="100" title="100px" />
  44. <meta name="select:sidebar width" content="110" title="110px" />
  45. <meta name="select:sidebar width" content="120" title="120px" />
  46. <meta name="select:sidebar width" content="130" title="130px" />
  47. <meta name="select:sidebar width" content="140" title="140px" />
  48. <meta name="select:sidebar position" content="left" title="left" />
  49. <meta name="select:sidebar position" content="right" title="right" />
  50. <meta name="select:sidebar align" content="left" title="left" />
  51. <meta name="select:sidebar align" content="center" title="center" />
  52. <meta name="select:sidebar align" content="right" title="right" />
  53. <meta name="select:photoset gutter" content="1px" title="1px" />
  54. <meta name="select:photoset gutter" content="2px" title="2px" />
  55. <meta name="select:photoset gutter" content="3px" title="3px" />
  56. <meta name="select:photoset gutter" content="4px" title="4px" />
  57. <meta name="select:photoset gutter" content="5px" title="5px" />
  58. <meta name="select:photoset gutter" content="6px" title="6px" />
  59. <meta name="select:photoset gutter" content="7px" title="7px" />
  60. <meta name="select:photoset gutter" content="8px" title="8px" />
  61. <meta name="select:photoset gutter" content="9px" title="9px" />
  62. <meta name="select:photoset gutter" content="10px" title="10px" />
  63. <meta name="select:photos" content="" title="normal" />
  64. <meta name="select:photos" content="faded" title="faded" />
  65. <meta name="select:photos" content="desat" title="desaturated" />
  66. <meta name="select:photos" content="monochrome" title="monochrome" />
  67. <meta name="select:photos" content="coh" title="color on hover" />
  68. <meta name="select:captions" content="normal" title="normal" />
  69. <meta name="select:captions" content="boxed" title="boxed" />
  70. <meta name="select:captions" content="hidden" title="hidden" />
  71.  
  72. <meta name="if:hover description" content="0" />
  73. <meta name="if:infinite scroll" content="0" />
  74. <meta name="if:search" content="1" />
  75. <meta name="if:scroll to top" content="1" />
  76.  
  77. <meta name="text:link one" content="one" />
  78. <meta name="text:link one url" content="" />
  79. <meta name="text:link two" content="two" />
  80. <meta name="text:link two url" content="" />
  81. <meta name="text:link three" content="three" />
  82. <meta name="text:link three url" content="" />
  83.  
  84. <title>{Title}</title>
  85. <link rel="shortcut icon" href="{Favicon}" />
  86. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  87. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  88.  
  89. <link href='https://fonts.googleapis.com/css?family={select:font}:400,700,400italic,700italic' rel='stylesheet' type='text/css'>
  90.  
  91. <style type="text/css">
  92. body {
  93. margin:0;
  94. font-family:{select:font}, arial, sans-serif;
  95. font-size:{select:font size};
  96. line-height:{select:line height};
  97. background-color:{color:background};
  98. color:{color:text};
  99. word-wrap:break-word;
  100. }
  101.  
  102. h1, h2, h3, h4, h5, h6 {
  103. font-weight:normal;
  104. color:{color:bold};
  105. }
  106.  
  107. img {
  108. border:0;
  109. max-width:100%;
  110. }
  111.  
  112. small, big {
  113. font-size:100%;
  114. }
  115.  
  116. b, strong {
  117. color:{color:bold};
  118. }
  119.  
  120. ul, ol {
  121. margin-left:-10px;
  122. }
  123.  
  124. a {
  125. cursor:help;
  126. text-decoration:none;
  127. color:{color:links};
  128. -webkit-transition:all 0.5s ease;
  129. -moz-transition:all 0.5s ease;
  130. -o-transition:all 0.5s ease;
  131. transition:all 0.5s ease;
  132. }
  133.  
  134. a:hover {
  135. color:{color:accent};
  136. -webkit-transition:all 0.4s ease;
  137. -moz-transition:all 0.4s ease;
  138. -o-transition:all 0.4s ease;
  139. transition:all 0.4s ease;
  140. }
  141.  
  142. .tmblr-iframe.tmblr-iframe--desktop-loggedin-controls.iframe-controls--desktop {
  143. position:fixed!important;
  144. top:15px!important;
  145. right:15px!important;
  146. -webkit-filter:invert(100%)!important;
  147. filter:invert(100%)!important;
  148. }
  149.  
  150. #vignette {
  151. visibility:hidden;
  152. }
  153.  
  154. .vignette {
  155. background:{color:background}!important;
  156. opacity:0.8;
  157. }
  158.  
  159. .tmblr-lightbox {
  160. background:none!important;
  161. }
  162.  
  163. .tmblr-lightbox img {
  164. box-shadow:none!important;
  165. border-radius:0!important;
  166. }
  167.  
  168. /*select*/
  169.  
  170. ::selection {
  171. color:{color:selected text};
  172. background:{color:selected text highlight};
  173. }
  174.  
  175. ::-moz-selection {
  176. color:{color:selected text};
  177. background:{color:selected text highlight};
  178. }
  179.  
  180. /* scrollbar */
  181.  
  182. ::-webkit-scrollbar-thumb {
  183. border:5px solid transparent;
  184. border-top-width:13px;
  185. border-bottom-width:13px;
  186. border-right-width:10px;
  187. border-left-width:2px;
  188. background-clip:padding-box;
  189. background-color:{color:scrollbar};
  190. }
  191.  
  192. ::-webkit-scrollbar {
  193. width:11px;
  194. height:1px;
  195. }
  196.  
  197. /* tooltips */
  198.  
  199. .ui-tooltip {
  200. position:absolute;
  201. background-color:{color:background};
  202. color:{color:text};
  203. max-width:300px;
  204. z-index:999999;
  205. }
  206.  
  207. .ui-tooltip-content {
  208. font-size:80%;
  209. text-transform:uppercase;
  210. letter-spacing:1px;
  211. padding:4px 8px;
  212. }
  213.  
  214. .ui-helper-hidden-accessible {
  215. display:none;
  216. }
  217.  
  218. /* header */
  219.  
  220. header {
  221. width:calc({select:post width}px + {select:sidebar width}px + 55px);
  222. border-bottom:1px solid {color:borders};
  223. line-height:100%;
  224. padding-bottom:9px;
  225. }
  226.  
  227. .left #desc {
  228. width:calc({select:post width}px - 42px);
  229. border-bottom:1px solid {color:borders};
  230. border-left:1px solid {color:borders};
  231. border-right:1px solid {color:borders};
  232. padding:15px 20px;
  233. {block:ifhoverdescription}display:none;{/block:ifhoverdescription}
  234. margin-left:calc({select:sidebar width}px + 55px);
  235. }
  236.  
  237. .right #desc {
  238. width:calc({select:post width}px - 42px);
  239. border-bottom:1px solid {color:borders};
  240. border-left:1px solid {color:borders};
  241. border-right:1px solid {color:borders};
  242. padding:15px 20px;
  243. {block:ifhoverdescription}display:none;{/block:ifhoverdescription}
  244. }
  245.  
  246. #desc p:first-child {
  247. margin-top:0;
  248. }
  249.  
  250. .left header nav {
  251. text-align:right;
  252. }
  253.  
  254. header nav a {
  255. padding:0 15px 8px 15px;
  256. border-bottom:1px solid transparent;
  257. }
  258.  
  259. header nav a:hover {
  260. border-bottom-color:{color:accent};
  261. }
  262.  
  263. /* sidebar */
  264.  
  265. .left aside {
  266. position:fixed;
  267. margin-top:70px;
  268. width:{select:sidebar width}px;
  269. }
  270.  
  271. .right aside {
  272. position:fixed;
  273. margin-top:70px;
  274. margin-left:calc({select:post width}px + 55px);
  275. width:{select:sidebar width}px;
  276. }
  277.  
  278. aside img {
  279. width:{select:sidebar width}px;
  280. }
  281.  
  282. aside nav a {
  283. display:block;
  284. border:1px solid {color:borders};
  285. padding:7px 10px;
  286. line-height:{select:font size};
  287. margin-bottom:3px;
  288. text-align:{select:sidebar align};
  289. text-transform:uppercase;
  290. font-size:80%;
  291. letter-spacing:1px;
  292. }
  293.  
  294. aside nav a:hover {
  295. border-color:{color:accent};
  296. }
  297.  
  298. {block:ifsearch}input[type=text] {
  299. width:calc({select:sidebar width}px - 22px);
  300. border:1px solid {color:borders};
  301. padding:7px 10px;
  302. line-height:{select:font size};
  303. text-align:{select:sidebar align};
  304. text-transform:uppercase;
  305. font-family:{select:font};
  306. font-size:80%;
  307. color:{color:text};
  308. letter-spacing:1px;
  309. background:none;
  310. -webkit-appearance:none;
  311. -webkit-border-radius:0;
  312. border-radius:0;
  313. -webkit-transition:all 0.5s ease;
  314. -moz-transition:all 0.5s ease;
  315. -o-transition:all 0.5s ease;
  316. transition:all 0.5s ease;
  317. }
  318.  
  319. ::-webkit-input-placeholder {color:{color:links};}
  320. :-moz-placeholder {color:{color:links};}
  321. ::-moz-placeholder {color:{color:links};}
  322. :-ms-input-placeholder {color:{color:links};}
  323.  
  324. input[type=text]:focus {
  325. outline:0;
  326. border-color:{color:accent};
  327. -webkit-transition:all 0.4s ease;
  328. -moz-transition:all 0.4s ease;
  329. -o-transition:all 0.4s ease;
  330. transition:all 0.4s ease;
  331. }{/block:ifsearch}
  332.  
  333. #pagination {
  334. text-align:{select:sidebar align};
  335. margin:5px 3px 0;
  336. {block:ifinfinitescroll}display:none;{/block:ifinfinitescroll}
  337. }
  338.  
  339. #pagination a:not(.jump):first-child {
  340. margin-right:4px;
  341. }
  342.  
  343. #pagination a:not(.jump):last-child {
  344. margin-left:4px;
  345. }
  346.  
  347. .jump {
  348. display:inline-block;
  349. margin:0 4px;
  350. }
  351.  
  352. {block:ifinfinitescroll}#infscr-loading {
  353. display:none!important;
  354. }{/block:ifinfinitescroll}
  355.  
  356. /* posts */
  357.  
  358. @-webkit-keyframes fade{0%{opacity:0}30%{opacity:0}100%{opacity:1}}
  359. @-moz-keyframes fade{0%{opacity:0}30%{opacity:0}100%{opacity:1}}
  360. @-o-keyframes fade{0%{opacity:0}30%{opacity:0}100%{opacity:1}}
  361. @keyframes fade{0%{opacity:0}30%{opacity:0}100%{opacity:1}}
  362.  
  363. #posts {
  364. width:calc({select:post width}px + {select:sidebar width}px + 55px);
  365. margin:100px auto;
  366. position:relative;
  367. -webkit-animation:fade 1.5s;
  368. -moz-animation:fade 1.5s;
  369. -o-animation:fade 1.5s;
  370. animation:fade 1.5s;
  371. }
  372.  
  373. .left #postcon {
  374. margin-left:calc({select:sidebar width}px + 55px);
  375. }
  376.  
  377. article {
  378. width:{select:post width}px;
  379. padding-bottom:50px;
  380. border-bottom:1px solid {color:borders};
  381. margin-top:50px;
  382. position:relative;
  383. -webkit-animation:fade 1.5s;
  384. -moz-animation:fade 1.5s;
  385. -o-animation:fade 1.5s;
  386. animation:fade 1.5s;
  387. }
  388.  
  389. blockquote {
  390. border-left:1px solid {color:borders};
  391. margin:5px 5px 5px 10px;
  392. padding:0 0 0 10px;
  393. }
  394.  
  395. .body {
  396. text-align:justify;
  397. }
  398.  
  399. .body img {
  400. max-width:100%;
  401. height:auto;
  402. }
  403.  
  404. .body:not(.caption) p:first-child {
  405. margin-top:0;
  406. }
  407.  
  408. .body p:last-child {
  409. margin-bottom:0;
  410. }
  411.  
  412. .photo-slideshow + .normal p:first-child {
  413. margin-top:1.5em;
  414. }
  415.  
  416. .boxed {
  417. border:1px solid {color:borders};
  418. padding:10px;
  419. }
  420.  
  421. .photo-slideshow + .boxed {
  422. margin-top:5px;
  423. }
  424.  
  425. .boxed p:first-child {
  426. margin-top:0;
  427. }
  428.  
  429. {block:IndexPage}.hidden {
  430. display:none;
  431. }
  432.  
  433. .faded {
  434. opacity:0.8;
  435. -webkit-transition:all 0.6s ease;
  436. -moz-transition:all 0.6s ease;
  437. -o-transition:all 0.6s ease;
  438. transition:all 0.6s ease;
  439. }
  440.  
  441. .faded:hover {
  442. opacity:1;
  443. -webkit-transition:all 0.5s ease;
  444. -moz-transition:all 0.5s ease;
  445. -o-transition:all 0.5s ease;
  446. transition:all 0.5s ease;
  447. }
  448.  
  449. .desat {
  450. -webkit-filter:grayscale(40%);
  451. filter:grayscale(40%);
  452. -webkit-transition:all 0.6s ease;
  453. -moz-transition:all 0.6s ease;
  454. -o-transition:all 0.6s ease;
  455. transition:all 0.6s ease;
  456. }
  457.  
  458. .desat:hover {
  459. -webkit-filter:grayscale(0%);
  460. filter:grayscale(0%);
  461. -webkit-transition:all 0.5s ease;
  462. -moz-transition:all 0.5s ease;
  463. -o-transition:all 0.5s ease;
  464. transition:all 0.5s ease;
  465. }
  466.  
  467. .monochrome {
  468. -webkit-filter:grayscale(100%);
  469. filter:grayscale(100%);
  470. }
  471.  
  472. .coh {
  473. -webkit-filter:grayscale(100%);
  474. filter:grayscale(100%);
  475. -webkit-transition:all 0.6s ease;
  476. -moz-transition:all 0.6s ease;
  477. -o-transition:all 0.6s ease;
  478. transition:all 0.6s ease;
  479. }
  480.  
  481. .coh:hover {
  482. -webkit-filter:grayscale(0%);
  483. filter:grayscale(0%);
  484. -webkit-transition:all 0.5s ease;
  485. -moz-transition:all 0.5s ease;
  486. -o-transition:all 0.5s ease;
  487. transition:all 0.5s ease;
  488. }{/block:IndexPage}
  489.  
  490. .photo, iframe {
  491. width:{select:post width}px!important;
  492. }
  493.  
  494. .tumblr_video_container {
  495. width:auto!important;
  496. height:auto!important;
  497. }
  498.  
  499. /* quote */
  500.  
  501. .quote {
  502. font-size:110%;
  503. border:1px solid {color:borders};
  504. padding:10px 14px;
  505. margin-bottom:8px;
  506. margin-top:-1px;
  507. font-style:italic;
  508. line-height:{select:line height};
  509. }
  510.  
  511. /* link */
  512.  
  513. a h1 {
  514. border-bottom:1px solid {color:accent};
  515. display:inline-block;
  516. padding:0 8px 6px 8px;
  517. color:{color:bold};
  518. -webkit-transition:all 0.7s ease;
  519. -moz-transition:all 0.7s ease;
  520. -o-transition:all 0.7s ease;
  521. transition:all 0.7s ease;
  522. }
  523.  
  524. a h1:hover {
  525. color:{color:accent};
  526. -webkit-transition:all 0.35s ease;
  527. -moz-transition:all 0.35s ease;
  528. -o-transition:all 0.35s ease;
  529. transition:all 0.35s ease;
  530. }
  531.  
  532. /* chat */
  533.  
  534. ul.chat {
  535. margin:0;
  536. padding:0;
  537. list-style-type:none;
  538. }
  539.  
  540. ul.chat li {
  541. padding:4px 6px;
  542. }
  543.  
  544. ul.chat li span {
  545. color:{color:bold};
  546. border-bottom:1px solid {color:borders};
  547. padding:0 6px 2px 3px;
  548. -webkit-transition:all 0.5s ease;
  549. -moz-transition:all 0.5s ease;
  550. -o-transition:all 0.5s ease;
  551. transition:all 0.5s ease;
  552.  
  553. }
  554.  
  555. ul.chat li:hover span {
  556. border-bottom-color:{color:accent};
  557. -webkit-transition:all 0.4s ease;
  558. -moz-transition:all 0.4s ease;
  559. -o-transition:all 0.4s ease;
  560. transition:all 0.4s ease;
  561. }
  562.  
  563. /* audio */
  564.  
  565. .acon {
  566. border:1px solid {color:borders};
  567. margin-top:-1px;
  568. height:51px;
  569. }
  570.  
  571. .aplay {
  572. width:28px;
  573. margin-top:3px;
  574. overflow:hidden;
  575. }
  576.  
  577. .aplayer {
  578. width:28px;
  579. padding:9px 14px;
  580. border-right:1px solid {color:borders};
  581. display:inline-block;
  582. }
  583.  
  584. .ainf {
  585. display:inline-block;
  586. vertical-align:top;
  587. height:51px;
  588. line-height:51px;
  589. margin-left:14px;
  590. }
  591.  
  592. /* answer */
  593.  
  594. .asker, .source, .artist {
  595. line-height:100%;
  596. padding:0 8px 6px 8px;
  597. display:inline-block;
  598. text-transform:uppercase;
  599. font-size:80%;
  600. letter-spacing:1px;
  601. border-bottom:1px solid {color:accent};
  602. line-height:140%;
  603. }
  604.  
  605. .asker a, .source a {
  606. border:0;
  607. padding:0;
  608. font-size:100%;
  609. }
  610.  
  611. .question {
  612. border:1px solid {color:borders};
  613. padding:10px 14px;
  614. margin-bottom:8px;
  615. margin-top:-1px;
  616. }
  617.  
  618. /* info */
  619.  
  620. {block:IndexPage}.pinfo {
  621. position:absolute;
  622. bottom:calc((-{select:font size} - 10px) / 2);
  623. height:calc({select:font size} + 10px);
  624. width:100%;
  625. text-align:center;
  626. z-index:5;
  627. }
  628.  
  629. .pinfo:before {
  630. content:"";
  631. position:absolute;
  632. left:0;
  633. top:50%;
  634. z-index:-1;
  635. height:1px;
  636. width:0;
  637. background:{color:accent};
  638. -webkit-transition:all 0.5s ease-in;
  639. -moz-transition:all 0.5s ease-in;
  640. -o-transition:all 0.5s ease-in;
  641. transition:all 0.5s ease-in;
  642. }
  643.  
  644. .pinfo a {
  645. height:{select:font size};
  646. line-height:{select:font size};
  647. display:inline-block;
  648. background:{color:background};
  649. color:{color:bold};
  650. border:1px solid {color:accent};
  651. padding:4px 8px;
  652. font-size:80%;
  653. text-transform:uppercase;
  654. letter-spacing:1px;
  655. opacity:0;
  656. visibility:hidden;
  657. -webkit-transition:opacity 0.4s ease 0.4s, visibility 0.4s ease 0.4s;
  658. -moz-transition:opacity 0.4s ease 0.4s, visibility 0.4s ease 0.4s;
  659. -o-transition:opacity 0.4s ease 0.4s, visibility 0.4s ease 0.4s;
  660. transition:opacity 0.4s ease 0.4s, visibility 0.4s ease 0.4s;
  661. }
  662.  
  663. .pinfo a:first-child {
  664. margin-right:2px;
  665. }
  666.  
  667. article:hover .pinfo:before {
  668. width:100%;
  669. -webkit-transition:all 0.5s ease-in;
  670. -moz-transition:all 0.5s ease-in;
  671. -o-transition:all 0.5s ease-in;
  672. transition:all 0.5s ease-in;
  673. }
  674.  
  675. article:hover .pinfo a {
  676. opacity:1;
  677. visibility:visible;
  678. -webkit-transition:opacity 0.4s ease 0.4s, visibility 0.4s ease 0.4s, color 0.7s ease;
  679. -moz-transition:opacity 0.4s ease 0.4s, visibility 0.4s ease 0.4s, color 0.7s ease;
  680. -o-transition:opacity 0.4s ease 0.4s, visibility 0.4s ease 0.4s, color 0.7s ease;
  681. transition:opacity 0.4s ease 0.4s, visibility 0.4s ease 0.4s, color 0.7s ease;
  682. }
  683.  
  684. article:hover .pinfo a:hover {
  685. color:{color:accent};
  686. -webkit-transition:color 0.4s ease;
  687. -moz-transition:color 0.4s ease;
  688. -o-transition:color 0.4s ease;
  689. transition:color 0.4s ease;
  690. }{/block:IndexPage}
  691.  
  692. {block:PermalinkPage}.pinfo {
  693. position:relative;
  694. width:{select:post width}px;
  695. margin-top:-1px;
  696. z-index:5;
  697. }
  698.  
  699. .left .pinfo {
  700. text-align:right;
  701. }
  702.  
  703. .pinfo .date {
  704. border-top:1px solid {color:accent};
  705. padding:6px 8px 0 8px;
  706. display:inline-block;
  707. text-transform:uppercase;
  708. font-size:80%;
  709. letter-spacing:1px;
  710. color:{color:bold};
  711. }
  712.  
  713. .left .infol {
  714. text-transform:uppercase;
  715. font-size:80%;
  716. letter-spacing:1px;
  717. margin-right:8px;
  718. margin-bottom:2px;
  719. }
  720.  
  721. .right .infol {
  722. text-transform:uppercase;
  723. font-size:80%;
  724. letter-spacing:1px;
  725. margin-left:8px;
  726. margin-bottom:2px;
  727. }
  728.  
  729. .infol:last-child {
  730. margin-bottom:4px;
  731. }{/block:PermalinkPage}
  732.  
  733. /* post notes */
  734.  
  735. ol.notes {
  736. padding:0;
  737. margin:0 0 80px 0;
  738. list-style-type:none;
  739. width:{select:post width}px;
  740. display:none;
  741. }
  742.  
  743. ol.notes li.note {
  744. padding:8px;
  745. }
  746.  
  747. ol.notes li.note img.avatar {
  748. vertical-align:-5px;
  749. margin-right:10px;
  750. width:16px;
  751. height:16px;
  752. }
  753.  
  754. ol.notes li.note blockquote {
  755. border-color:{color:borders};
  756. padding:4px 10px;
  757. margin:10px 0px 0px 25px;
  758. }
  759.  
  760. a.more_notes_link, .notes_loading {
  761. font-size:80%;
  762. text-transform:uppercase;
  763. letter-spacing:1px;
  764. }
  765.  
  766. #c {
  767. position:fixed;
  768. right:15px;
  769. bottom:15px;
  770. font-size:80%;
  771. }
  772.  
  773. {block:ifscrolltotop}#up {
  774. position:fixed;
  775. bottom:15px;
  776. width:{select:sidebar width}px;
  777. text-align:center;
  778. font-size:80%;
  779. text-transform:uppercase;
  780. letter-spacing:1px;
  781. display:none;
  782. }{/block:ifscrolltotop}
  783.  
  784. {CustomCSS}
  785. </style>
  786. </head>
  787. <body>
  788. <a id="c" href="http://satoir.tumblr.com">S</a>
  789. <div id="posts" class="{select:sidebar position}">
  790. <aside>{block:ificonimage}<a href="/"><img src="{image:icon}" class="{select:photos}" /></a>{/block:ificonimage}<nav>{block:iflinkone}<a href="{text:link one url}">{text:link one}</a>{/block:iflinkone}{block:iflinktwo}<a href="{text:link two url}">{text:link two}</a>{/block:iflinktwo}{block:iflinkthree}<a href="{text:link three url}">{text:link three}</a>{/block:iflinkthree}</nav>{block:ifsearch}<form action="/search" method="get"><input type="text" name="q" value="" placeholder="Search" autocomplete="off" /></form>{/block:ifsearch}{block:Pagination}<div id="pagination">{block:PreviousPage}<a href="{PreviousPage}">&lsaquo;</a>{/block:PreviousPage}{block:JumpPagination length="3"}{block:JumpPage}<a href="{URL}" class="jump">{PageNumber}</a>{/block:JumpPage}{block:CurrentPage}<span class="jump">{PageNumber}</span>{/block:CurrentPage}{/block:JumpPagination}{block:NextPage}<a href="{NextPage}" id="next">&rsaquo;</a>{/block:NextPage}</div>{/block:Pagination}{block:ifscrolltotop}<div id="up"><a id="top">scroll to top</a></div>{/block:ifscrolltotop}</aside>
  791. <header><nav><a href="/">index</a><a href="/ask">message</a><a href="/archive">archive</a></nav></header><div id="desc">{Description}</div>
  792. <div id="postcon">
  793. {block:Posts}
  794. <article>
  795. {block:IndexPage}{block:Date}<div class="pinfo"><a href="{Permalink}">{DayofMonth} {ShortMonth}</a> <a href="{Permalink}">{NoteCount}</a></div>{/block:Date}{/block:IndexPage}
  796. {block:Text}{block:Title}<h1>{Title}</h1>{/block:Title}{block:Body}<div class="body">{Body}</div>{/block:Body}{/block:Text}
  797. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-HighRes}" class="photo {select:photos}" />{LinkCloseTag}{block:Caption}<div class="body caption {select:captions}">{Caption}</div>{/block:Caption}{/block:Photo}
  798. {block:Photoset}<div class="photo-slideshow {select:photos}" id="photoset_{PostID}" data-layout="{PhotosetLayout}">{block:Photos}<div class="photo-data"><a class="tumblr-box" rel="post-{PostID}" href="{PhotoURL-HighRes}"><div class="pxu-photo"><img src="{PhotoURL-500}" width="{PhotoWidth-500}" height="{PhotoHeight-500}" data-highres="{PhotoURL-HighRes}" data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}" /></div></a></div>{/block:Photos}</div>{block:Caption}<div class="body caption {select:captions}">{Caption}</div>{/block:Caption}{/block:Photoset}
  799. {block:Quote}{block:Source}<div class="source">{Source}</div>{/block:Source}<div class="quote">{Quote}</div>{/block:Quote}
  800. {block:Link}<a href="{URL}" target="{Target}"><h1>{Name}</h1></a>{block:Description}<div class="body">{Description}</div>{/block:Description}{/block:Link}
  801. {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}<ul class="chat">{block:Lines}<li>{block:Label}<span>{Label}</span>{/block:Label} {Line}</li>{/block:Lines}</ul>{/block:Chat}
  802. {block:Audio}{block:Artist}<div class="artist">by {Artist}</div>{/block:Artist}<div class="acon"><div class="aplayer"><div class="aplay">{AudioPlayer}</div></div><div class="ainf">{block:TrackName}{TrackName}{/block:TrackName}</div></div>{block:Caption}<div class="body caption">{Caption}</div>{/block:Caption}{/block:Audio}
  803. {block:Video}<div class="photo {select:photos}">{Video-500}</div>{block:Caption}<div class="body caption {select:captions}">{Caption}</div>{/block:Caption}{/block:Video}
  804. {block:Answer}<div class="asker">{Asker} sent:</div><div class="question">{Question}</div><div class="body">{Answer}</div>{/block:Answer}
  805. </article>
  806. {block:PermalinkPage}{block:Date}<div class="pinfo"><div class="date">posted {DayofMonth} {Month}</div>{block:RebloggedFrom}<div class="infol">via <a href="{ReblogParentURL}" title="{ReblogParentTitle}">{ReblogParentName}</a> origin <a href="{ReblogRootURL}" title="{ReblogRootTitle}">{ReblogRootName}</a></div>{/block:RebloggedFrom}{block:HasTags}<div class="infol">{block:Tags}<a href="{TagURL}">#{Tag}</a>&nbsp;{/block:Tags}</div>{/block:HasTags}{block:NoteCount}<div class="infol"><a id="snotes">{NoteCountWithLabel}</a></div>{/block:NoteCount}</div>{/block:Date}{/block:PermalinkPage}
  807. {/block:Posts}
  808. {block:PostNotes}{PostNotes-64}{/block:PostNotes}
  809. {block:ContentSource}
  810. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}" width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}
  811. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  812. {/block:ContentSource}
  813. <!-- {block:NoRebloggedFrom}{block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}{/block:NoRebloggedFrom} -->
  814. </div>
  815. </div>
  816.  
  817. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
  818. <script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.3/jquery-ui.min.js"></script>
  819. <link href="http://static.tumblr.com/eekqh2v/2cqnx60c2/style.css" rel="stylesheet" type="text/css" />
  820. <script src="http://static.tumblr.com/eekqh2v/FEgnx6056/pxuphotoset.js"></script>
  821. {block:ifinfinitescroll}{block:IndexPage}<script src="http://static.tumblr.com/eekqh2v/WIgnnbpz1/jquery.infinitescroll.min.js"></script>{/block:IndexPage}{/block:ifinfinitescroll}
  822. <script type="text/javascript">
  823. $(function(){
  824. $(document).tooltip({
  825. track:true,
  826. hide:{duration:200}
  827. });
  828. });
  829. {block:ifscrolltotop}$(window).scroll(function(){
  830. if ($(window).scrollTop() > 500) {
  831. $('#up').fadeIn();
  832. } else {
  833. $('#up').fadeOut();
  834. }
  835. });{/block:ifscrolltotop}
  836. $(document).ready(function(){
  837. $('.photo iframe').each(function(){
  838. var scale = $(this).parents('.photo').width() / 500;
  839. $(this).attr({
  840. width:Math.floor($(this).attr('width') * scale),
  841. height:Math.floor($(this).attr('height') * scale)
  842. });
  843. });
  844. $('.photo-slideshow').pxuPhotoset({
  845. 'rounded':false,
  846. 'gutter':'{select:photoset gutter}'
  847. });
  848. {block:ifinfinitescroll}{block:IndexPage}$('#postcon').infinitescroll({
  849. navSelector:'#pagination',
  850. nextSelector:'#next',
  851. itemSelector:'article',
  852. loading:{
  853. finishedMsg:'',
  854. img:'',
  855. bufferPx:100
  856. }
  857. }, function(newElements){
  858. $(newElements).find('.photo-slideshow').pxuPhotoset({
  859. 'rounded':false,
  860. 'gutter':'{select:photoset gutter}'
  861. });
  862. $(newElements).find('.photo iframe').each(function(){
  863. var scale = $(this).parents('.photo').width() / 500;
  864. $(this).attr({
  865. width:Math.floor($(this).attr('width') * scale),
  866. height:Math.floor($(this).attr('height') * scale)
  867. });
  868. });
  869. });{/block:IndexPage}{/block:ifinfinitescroll}
  870. {block:ifscrolltotop}$('#top').click(function(){
  871. $('html, body').animate({scrollTop:0}, 1300);
  872. });{/block:ifscrolltotop}
  873. {block:PermalinkPage}$('a#snotes').click(function(){
  874. $('ol.notes').slideToggle();
  875. });{/block:PermalinkPage}
  876. });
  877. {block:ifhoverdescription}$(document).on('mouseover', 'header, #desc', function(){
  878. $('#desc').stop().slideDown({duration:500});
  879. }).on('mouseout', 'header, #desc', function(){
  880. $('#desc').stop(true).slideUp({duration:530});
  881. });{/block:ifhoverdescription}
  882. </script>
  883. </body>
  884. </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!