API tools faq
paste
Advertisement
ILikeMochiCx

Amour

ILikeMochiCx
Aug 24th, 2018
8,376
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 32.45 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html>
  3.  
  4. <head>
  5. <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
  6. <link href='https://fonts.googleapis.com/css?family=Libre+Baskerville:400italic' rel='stylesheet' type='text/css'>
  7. <link href="https://fonts.googleapis.com/css?family=Lato:400,900" rel="stylesheet">
  8. <link href="https://file.myfontastic.com/S8E3xNJickH6zYXAALoSQh/icons.css" rel="stylesheet">
  9.  
  10. <title>{Title}</title>
  11.  
  12. <!--
  13. ___________________________________________________________________________
  14.  
  15.  
  16. Amour - Theme #15
  17. my usual terms apply; please do not redstribute, copy, or steal in any way
  18.  
  19. shoseii.tumblr.com
  20.  
  21. ___________________________________________________________________________
  22.  
  23. -->
  24.  
  25. <link rel="shortcut icon" href="{Favicon}">
  26. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  27.  
  28. <link href="http://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
  29.  
  30.  
  31. {block:Description}<meta name="description" content="{MetaDescription}" />
  32. {/block:Description}
  33.  
  34. <meta name="image:Background" content=""/>
  35. <meta name="image:Sidebar" content=""/>
  36. <meta name="image:Sidebar Background" content=""/>
  37.  
  38. <meta name="color:Background" content="#ffffff"/>
  39. <meta name="color:Posts Background" content="#ffffff"/>
  40. <meta name="color:Sidebar Image Background" content="#cccccc"/>
  41. <meta name="color:Sidebar Background" content="#eeeeee"/>
  42. <meta name="color:Border Color" content="#eeeeee"/>
  43. <meta name="color:Text" content="#000000"/>
  44. <meta name="color:Bold" content="#ED6B73"/>
  45. <meta name="color:Caption" content="#f9f9f9"/>
  46. <meta name="color:Caption Text" content="#898989"/>
  47. <meta name="color:Title" content="#000000"/>
  48. <meta name="color:Popup Link Menu" content="#222222">
  49. <meta name="color:Nav Links" content="#000000">
  50. <meta name="color:Nav Links Hover" content="#ffffff">
  51. <meta name="color:Link" content="#797979"/>
  52. <meta name="color:Link Hover" content="#f59797"/>
  53. <meta name="color:Selection" content="#a5d7f0"/>
  54. <meta name="color:Scrollbar" content="#cccccc"/>
  55.  
  56. <meta name="text:Tagline" content="designer"/>
  57. <meta name="text:Link 1" content=""/>
  58. <meta name="text:Link 1 URL" content=""/>
  59. <meta name="text:Link 2" content=""/>
  60. <meta name="text:Link 2 URL" content=""/>
  61. <meta name="text:Link 3" content=""/>
  62. <meta name="text:Link 3 URL" content=""/>
  63. <meta name="text:Link 4" content=""/>
  64. <meta name="text:Link 4 URL" content=""/>
  65.  
  66. <meta name="select:Post Width" content="400" title="400px"/>
  67. <meta name="select:Post Width" content="450" title="450px"/>
  68. <meta name="select:Post Width" content="500" title="500px"/>
  69.  
  70. <meta name="if:Infinite Scroll" content="1"/>
  71. <meta name="if:Manual Load" content=""/>
  72. <meta name="if:Mini Cursor" content=""/>
  73. <meta name="if:Grayscale Effect" content=""/>
  74. <meta name="if:Post Fade" content="1"/>
  75. <meta name="if:Show Caption" content=""/>
  76.  
  77. <style type="text/css">
  78.  
  79. @font-face{
  80. font-family:Objectivity;
  81. src:url(https://static.tumblr.com/2e9nahe/DNGpa8o1c/objectivity-bold.woff)
  82. }
  83.  
  84. {block:ifMiniCursor}
  85. *, body, a {cursor: url(http://static.tumblr.com/p7wg3p9/o3jmn8igq/tiny.png), auto;}
  86.  
  87. a:hover {cursor: url(http://static.tumblr.com/p7wg3p9/EWnmn8ip5/tinyhover.png), auto;}
  88. {/block:ifMiniCursor}
  89.  
  90. ::-webkit-scrollbar{
  91. width:17px;
  92. height:17px;
  93. background-color:{color:Background};
  94. }
  95.  
  96. ::-webkit-scrollbar:horizontal{
  97. display:none;
  98. }
  99.  
  100. ::-webkit-scrollbar-track {
  101. border:8px solid {color:Background};
  102. background-color:#ccc;
  103. }
  104.  
  105. ::-webkit-scrollbar-thumb {
  106. border:8px solid {color:Background};
  107. background-color:{color:Scrollbar};
  108. }
  109.  
  110. ::-moz-selection{
  111. background:{color:Selection};
  112. color:#fff;
  113. }
  114.  
  115. ::selection{
  116. background:{color:Selection};
  117. color:#fff;
  118. }
  119.  
  120. body{
  121. width:100%;
  122. margin:0;
  123. font:13px 'Lato', sans-serif;
  124. line-height:24px;
  125. font-weight:400;
  126. color:{color:Text};
  127. text-align:left;
  128. -webkit-font-smoothing: antialiased;
  129. -moz-osx-font-smoothing: grayscale;
  130. background:{color:Background} url('{image:Background}') fixed repeat center;
  131. }
  132.  
  133. a{
  134. text-decoration:none;
  135. outline:none;
  136. -moz-outline-style:none;
  137. color:{color:Link};
  138. cursor:pointer;
  139. -webkit-transition: all 0.3s ease-in-out;
  140. -moz-transition: all 0.3s ease-in-out;
  141. -o-transition: all 0.3s ease-in-out;
  142. -ms-transition: all 0.3s ease-in-out;
  143. transition: all 0.3s ease-in-out;
  144. }
  145.  
  146. a:visited{
  147. color:{color:Link};
  148. }
  149.  
  150. a:hover{
  151. color:{color:Link Hover};
  152. }
  153.  
  154. b,strong{
  155. font-weight:heavy;
  156. color:{color:Bold};
  157. }
  158.  
  159. blockquote{
  160. padding-left:5px;
  161. border-left:1px solid #ccc;
  162. }
  163.  
  164. h1, h2{
  165. font:black 18px 'Lato', sans-serif;
  166. }
  167.  
  168. @media (max-width:1024px){
  169. body #side{
  170. position:relative;
  171. width:100%;
  172. }
  173.  
  174. body #bio{
  175. width:100%;
  176. padding:0;
  177. }
  178.  
  179. body #sidebar{
  180. position:relative;
  181. margin:0 auto;
  182. top:45vh;
  183. transform:translateY(-45%);
  184. border:3px solid #000;
  185. padding:10px;
  186. z-index:9999!important;
  187. }
  188.  
  189. body #sbg, body #sbg2{
  190. display:none;
  191. }
  192.  
  193. body #title, body #tagline{
  194. position:absolute;
  195. left:10px;
  196. top:10px;
  197. transform:none;
  198. }
  199.  
  200. body #tagline{
  201. top:35px;
  202. }
  203.  
  204. body .links{
  205. position:relative;
  206. width:auto;
  207. padding-left:25px;
  208. margin:33vh auto;
  209. transform:translateY(-33%);
  210. }
  211.  
  212. body #content{
  213. max-width:{select:Post Width}px;
  214. margin:100px auto;
  215. padding:0 20px 0px 20px;
  216. }
  217.  
  218. body .entry{
  219. max-width:{select:Post Width}px;
  220. width:auto;
  221. }
  222.  
  223. body footer{
  224. max-width:calc({select:Post Width}px - 3px);
  225. margin:-50px auto 50px auto;
  226. }
  227. }
  228.  
  229. @media (min-width:1300px){
  230. body #side{
  231. width:350px;
  232. }
  233.  
  234. body #sidebar{
  235. width:266px;
  236. height:400px;
  237. margin-left:218px;
  238. }
  239.  
  240. body #sbg{
  241. width:266px;
  242. height:400px;
  243. margin-top:135px;
  244. margin-left:163px;
  245. }
  246.  
  247. body #sbg2{
  248. width:198px;
  249. height:400px;
  250. margin-top:45px;
  251. margin-left:198px;
  252. }
  253.  
  254. body #title{
  255. font-size:35px;
  256. top:-265px;
  257. left:-200px;
  258. }
  259.  
  260. body #tagline{
  261. font-size:16px;
  262. top:-283px;
  263. left:-187px;
  264. }
  265.  
  266. body #content{
  267. margin-left:700px;
  268. }
  269.  
  270. body .links{
  271. width:350px;
  272. bottom:60px;
  273. font-size:25px;
  274. }
  275.  
  276. body .links a{
  277. padding:4px 4px 0 5px;
  278. }
  279.  
  280. body footer{
  281. margin:-50px 0 50px 704px;
  282. }
  283. }
  284.  
  285. @media (min-width:1500px){
  286. body #side{
  287. width:450px;
  288. }
  289.  
  290. body #sidebar{
  291. width:333px;
  292. height:500px;
  293. margin-top:115px;
  294. margin-left:288px;
  295. }
  296.  
  297. body #sbg{
  298. width:333px;
  299. height:500px;
  300. margin-top:185px;
  301. margin-left:218px;
  302. }
  303.  
  304. body #sbg2{
  305. width:255px;
  306. height:500px;
  307. margin-top:70px;
  308. margin-left:258px;
  309. border-width:7px;
  310. }
  311.  
  312. body #content{
  313. margin-left:1000px;
  314. }
  315.  
  316. body #title{
  317. font-size:40px;
  318. top:-330px;
  319. left:-260px;
  320. }
  321.  
  322. body #tagline{
  323. font-size:18px;
  324. top:-352px;
  325. left:-245px;
  326. }
  327.  
  328. body .links{
  329. width:450px;
  330. font-size:24px;
  331. bottom:80px;
  332. }
  333.  
  334. body .links a{
  335. padding:6px 4px 0 5px;
  336. bottom:100px;
  337. }
  338.  
  339. body footer{
  340. margin:-50px 0 50px 1004px;
  341. }
  342. }
  343.  
  344. #side{
  345. background:{color:Sidebar Background} url({image:Sidebar Background}) center/cover;
  346. position:fixed;
  347. width:300px;
  348. height:100vh;
  349. margin:0 auto;
  350. text-align:center;
  351. top:0;
  352. left:0;
  353. }
  354.  
  355. #sidebar{
  356. width:220px;
  357. height:330px;
  358. margin-top:80px;
  359. margin-left:198px;
  360. }
  361.  
  362. #sbg{
  363. position:absolute;
  364. background:{color:Sidebar Image Background};
  365. width:220px;
  366. height:330px;
  367. margin-top:130px;
  368. margin-left:148px;
  369. z-index:-9;
  370. }
  371.  
  372. #sbg2{
  373. position:absolute;
  374. width:172px;
  375. height:330px;
  376. margin-top:50px;
  377. margin-left:178px;
  378. border:5px solid #000;
  379. z-index:-9;
  380. }
  381.  
  382. #bio{
  383. position:absolute;
  384. padding:0 5px 0 10px;
  385. font-size:14px;
  386. }
  387.  
  388. #title{
  389. position:relative;
  390. font:bold 30px 'Objectivity', sans-serif;
  391. left:-175px;
  392. top:-220px;
  393. text-align:right;
  394. text-transform:lowercase;
  395. transform-origin:bottom;
  396. -webkit-transform:rotate(-90deg);
  397. -moz-transform:rotate(-90deg);
  398. -o-transform:rotate(-90deg);
  399. -ms-transform:rotate(-90deg);
  400. transform:rotate(-90deg);
  401. -webkit-transition: all 0.3s ease-in-out;
  402. -moz-transition: all 0.3s ease-in-out;
  403. -o-transition: all 0.3s ease-in-out;
  404. -ms-transition: all 0.3s ease-in-out;
  405. transition: all 0.3s ease-in-out;
  406. }
  407.  
  408. #title a{
  409. color:{color:Title};
  410. }
  411.  
  412. #title a:hover{
  413. color:{color:Link Hover};
  414. }
  415.  
  416. #tagline{
  417. color:{color:Title};
  418. position:relative;
  419. font:14px 'Lato', sans-serif;
  420. top:-236px;
  421. left:-165px;
  422. letter-spacing:1px;
  423. text-align:right;
  424. transform-origin:bottom;
  425. -webkit-transform:rotate(-90deg);
  426. -moz-transform:rotate(-90deg);
  427. -o-transform:rotate(-90deg);
  428. -ms-transform:rotate(-90deg);
  429. transform:rotate(-90deg);
  430. text-transform:uppercase;
  431. }
  432.  
  433. .links{
  434. position:fixed;
  435. width:300px;
  436. font-size:18px;
  437. bottom:50px;
  438. letter-spacing:2px;
  439. text-align:center;
  440. z-index:99999999;
  441. }
  442.  
  443. .links a{
  444. color:{color:Nav Links};
  445. padding:3px 2px 0px 4px;
  446. margin-right:25px;
  447. border:1px solid {color:Nav Links};
  448. border-radius:100px;
  449. -webkit-transition: all 0.3s ease-in-out;
  450. -moz-transition: all 0.3s ease-in-out;
  451. -o-transition: all 0.3s ease-in-out;
  452. -ms-transition: all 0.3s ease-in-out;
  453. transition: all 0.3s ease-in-out;
  454. }
  455.  
  456. .links a:hover{
  457. color:{color:Nav Links Hover};
  458. border-color:{color:Nav Links Hover};
  459. }
  460.  
  461. /*--Link Menu--*/
  462.  
  463. #icon img{
  464. width:50px;
  465. height:50px;
  466. margin-left:20px;
  467. border-radius:100px;
  468. }
  469.  
  470. #desc{
  471. color:#fff;
  472. font-size:14px;
  473. margin:5px 10px;
  474. padding:10px;
  475. line-height:26px;
  476. letter-spacing:0;
  477. }
  478.  
  479. hr{
  480. width:20px;
  481. border:2px solid #fff;
  482. margin-left:20px;
  483. }
  484.  
  485. #nav{
  486. background:{color:Popup Link Menu};
  487. position:fixed;
  488. width:250px;
  489. height:100vh;
  490. top:0;
  491. right:-250px;
  492. padding-top:70px;
  493. letter-spacing:1px;
  494. z-index:99999999;
  495. -webkit-transition:all 0.5s ease-in-out;
  496. -moz-transition:all 0.5s ease-in-out;
  497. -o-transition:all 0.5s ease-in-out;
  498. transition:all 0.5s ease-in-out;
  499. }
  500.  
  501. #nav a{
  502. display:block;
  503. color:#fff;
  504. margin:15px 0 10px 0;
  505. font:15px 'Lato', serif;
  506. padding-left:20px;
  507. text-transform:uppercase;
  508. letter-spacing:2px;
  509. -webkit-transition:all 0.5s ease-in-out;
  510. -moz-transition:all 0.5s ease-in-out;
  511. -o-transition:all 0.5s ease-in-out;
  512. transition:all 0.5s ease-in-out;
  513. }
  514.  
  515. #nav a:hover{
  516. color:#444;
  517. }
  518.  
  519. nav .closebtn{
  520. position:absolute;
  521. top:0px;
  522. left:0px;
  523. }
  524.  
  525. /*--Posts--*/
  526.  
  527. #content{
  528. margin:80px 600px;
  529. }
  530.  
  531. .entry{
  532. {block:indexpage}
  533. width:{select:Post Width}px;
  534. overflow:hidden;
  535. {/block:indexpage}
  536. margin:0px 0px 60px 0px;
  537. padding:3px;
  538. background:{color:Posts Background};
  539. {block:permalinkpage}
  540. width:500px;
  541. padding:23px;
  542. overflow:hidden;
  543. {/block:permalinkpage}
  544. }
  545.  
  546. .entry img{
  547. {block:indexpage}
  548. max-width:{select:Post width}px;
  549. width:100%;
  550. margin-bottom:-4px;
  551. {/block:indexpage}
  552. {block:permalinkpage}
  553. width:500px;
  554. {/block:permalinkpage}
  555. }
  556.  
  557. ol.notes{
  558. padding:0px;
  559. max-width:700px;
  560. width:100%;
  561. height:218px;
  562. overflow:auto;
  563. margin:5px 0px;
  564. list-style-type:none;
  565. border:1px solid{color:Border Color};
  566. }
  567.  
  568. ol.notes li.note{
  569. border-top:solid 1px {color:Border Color};
  570. padding:10px;
  571. }
  572.  
  573. ol.notes li.note:first-child{
  574. border:none;
  575. }
  576.  
  577. ol.notes li.note img.avatar{
  578. vertical-align:-4px;
  579. margin-right:10px;
  580. width:16px;
  581. height:16px;
  582. }
  583.  
  584. ol.notes li.note blockquote{
  585. border-color:{color:Border Color};
  586. padding:4px 10px;
  587. margin:10px 0px 0px 25px;
  588. }
  589.  
  590. ol.notes li.note blockquote a{
  591. text-decoration:none;
  592. }
  593.  
  594. /*--Grayscale Effect--*/
  595.  
  596. #img{
  597. {block:indexpage}
  598. {block:ifPostFade}
  599. opacity:0.6;
  600. {/block:ifPostFade}
  601. {block:ifGrayscaleEffect}
  602. filter: url(filters.svg#grayscale);
  603. filter: gray;
  604. -webkit-filter: grayscale(1);
  605. {/block:ifGrayscaleEffect}
  606. -webkit-transition:all 0.3s ease-in-out;
  607. -moz-transition:all 0.3s ease-in-out;
  608. -o-transition:all 0.3s ease-in-out;
  609. transition:all 0.3s ease-in-out;
  610. {/block:indexpage}
  611. }
  612.  
  613. .entry:hover #img{
  614. {block:indexpage}
  615. opacity:1;
  616. {block:ifGrayscaleEffect}
  617. filter: url(filters.svg#grayscale);
  618. filter: gray;
  619. -webkit-filter: grayscale(0);
  620. {/block:ifGrayscaleEffect}
  621. {/block:indexpage}
  622. }
  623.  
  624. /*--Permalinks--*/
  625.  
  626. .permalink{
  627. position:relative;
  628. color:#ccc;
  629. font:9px 'Lato', sans-serif;
  630. margin-top:10px;
  631. padding:0px 5px 0 0;
  632. text-transform:uppercase;
  633. letter-spacing:1px;
  634. z-index:999;
  635. -webkit-transition:all 0.5s ease-in-out;
  636. -moz-transition:all 0.5s ease-in-out;
  637. -o-transition:all 0.5s ease-in-out;
  638. transition:all 0.5s ease-in-out;
  639. }
  640.  
  641. .info li{
  642. display:inline-block;
  643. list-style:none;
  644. margin-right:10px;
  645. }
  646.  
  647. .info i{
  648. margin-right:3px;
  649. vertical-align:-3px;
  650. font-size:12px;
  651. }
  652.  
  653. .info a{
  654. color:{color:Link};
  655. }
  656.  
  657. .info a:hover{
  658. color:{color:Link Hover};
  659. }
  660.  
  661. .tags{
  662. line-height:25px;
  663. text-transform:uppercase;
  664. }
  665.  
  666. .tags i{
  667. color:{color:Link};
  668. }
  669.  
  670. .tags a{
  671. display:inline-block;
  672. margin-right:5px;
  673. }
  674.  
  675. .tags a:first-child{
  676. margin:0px;
  677. }
  678.  
  679. .likeb{
  680. position:relative;
  681. margin-left:17px;
  682. }
  683.  
  684. .like_button:before{
  685. content:"\39";
  686. position:absolute;
  687. color:{color:Link};
  688. font-family:'cy-outicons';
  689. margin-left:-17px;
  690. font-size:12px;
  691. -webkit-transition:all 0.5s ease-in-out;
  692. -moz-transition:all 0.5s ease-in-out;
  693. -o-transition:all 0.5s ease-in-out;
  694. transition:all 0.5s ease-in-out;
  695. }
  696.  
  697. .like_button{
  698. position:absolute;
  699. top:0;
  700. left:0;
  701. width:100%;
  702. height:100%;
  703. }
  704.  
  705. .like_button iframe{
  706. position:absolute;
  707. width:190%;
  708. height:100%;
  709. bottom:0;
  710. right:0;
  711. opacity:0;
  712. z-index:999;
  713. }
  714.  
  715. .like_button.liked:before, .like_button:hover:before{
  716. color:{color:Link Hover};
  717. content:"\38";
  718. }
  719.  
  720. .like_button.liked + .b{
  721. color:{color:Link Hover};
  722. }
  723.  
  724. /*--Miscellaneous--*/
  725.  
  726. iframe.tmblr-iframe{
  727. z-index:99999999999999!important;
  728. top:10px!important;
  729. right:0!important;
  730. opacity:0.4;
  731. /* delete from here */
  732. filter:invert(1) contrast(150%);
  733. -webkit-filter:invert(1) contrast(150%);
  734. -o-filter:invert(1) contrast(150%);
  735. -moz-filter:invert(1) contrast(150%);
  736. -ms-filter:invert(1) contrast(150%);
  737. /* to here if your blog has a dark background */
  738. transform:scale(0.6);
  739. transform-origin:100% 0;
  740. -webkit-transform:scale(0.6);
  741. -webkit-transform-origin:100% 0;
  742. -o-transform:scale(0.6);
  743. -o-transform-origin:100% 0;
  744. -moz-transform:scale(0.6);
  745. -moz-transform-origin:100% 0;
  746. -ms-transform:scale(0.6);
  747. -ms-transform-origin:100% 0;
  748. -webkit-transition:all 0.5s ease-in-out;
  749. -moz-transition:all 0.5s ease-in-out;
  750. -o-transition:all 0.5s ease-in-out;
  751. transition:all 0.5s ease-in-out;
  752. border:none;
  753. box-shadow:none;
  754. }
  755.  
  756. iframe.tmblr-iframe:hover{
  757. opacity:0.6!important;
  758. }
  759.  
  760. iframe.iframe-controls--phone-mobile{
  761. display:none!important;
  762. }
  763.  
  764. iframe.tmblr-iframe--app-cta-button{
  765. display:none!important;
  766. }
  767.  
  768. .tmblr-iframe-pushdown{
  769. padding:0!important;
  770. }
  771.  
  772. .load-more{
  773. position:relative;
  774. }
  775.  
  776. footer{
  777. font-size:11px;
  778. width:calc({select:Post Width}px - 3px);
  779. padding:5px 0 0 3px;
  780. margin:-50px 0 50px 604px;
  781. border-top:1px solid {color:Border Color};
  782. text-transform:uppercase;
  783. letter-spacing:1px;
  784. }
  785.  
  786. .pagination{
  787. display:none;
  788. }
  789.  
  790. #pagination{
  791. color:#ccc;
  792. }
  793.  
  794. #pagination a{
  795. }
  796.  
  797. .back{
  798. float:left;
  799. }
  800.  
  801. .next{
  802. float:right;
  803. }
  804.  
  805. .read_more_container{
  806. font-size:12px;
  807. text-transform:uppercase;
  808. padding-bottom:2px;
  809. letter-spacing:1px;
  810. }
  811.  
  812. .read_more_container a{
  813. border-bottom:1px solid {color:Link};
  814. }
  815.  
  816. .text img{
  817. {block:IndexPage}
  818. max-width:calc({select:Post width}px - 20px);
  819. {/block:IndexPage}
  820. {block:PermalinkPage}
  821. max-width:500px;
  822. {/block:PermalinkPage}
  823. width:auto;
  824. height:auto;
  825. }
  826.  
  827. .text{
  828. background:#fbfbfb;
  829. padding:10px;
  830. overflow:hidden;
  831. }
  832.  
  833. .audio:hover .player{
  834. opacity:1;
  835. }
  836.  
  837. .audio{
  838. background:#fbfbfb;
  839. margin-left:48px;
  840. line-height:14px;
  841. letter-spacing:1px;
  842. text-align:left;
  843. padding:10px 0px 10px 10px;
  844. }
  845.  
  846. .audio img{
  847. position:absolute;
  848. width:48px;
  849. margin-top:-10px;
  850. margin-left:-58px;
  851. z-index:9;
  852. }
  853.  
  854. .player{
  855. opacity:0;
  856. background:#f2f2f2;
  857. position:absolute;
  858. display:block;
  859. width:30px;
  860. height:27px;
  861. margin-top:1px;
  862. margin-left:-49px;
  863. overflow:hidden;
  864. z-index:99999;
  865. -webkit-transition:all 0.3s ease-in-out;
  866. -moz-transition:all 0.3s ease-in-out;
  867. -o-transition:all 0.3s ease-in-out;
  868. transition:all 0.3s ease-in-out;
  869. }
  870.  
  871. .tumblr_audio_player{
  872. margin-left:-2px;
  873. z-index:99;
  874. }
  875.  
  876. .title{
  877. font:14px 'Objectivity', sans-serif;
  878. }
  879.  
  880. .artist{
  881. margin-top:2px;
  882. font-size:10px;
  883. }
  884.  
  885. .quote{
  886. font-weight:bold;
  887. font-size:14px;
  888. margin-left:11px;
  889. line-height:20px;
  890.  
  891. }
  892.  
  893. #s-m-t-tooltip{
  894. background:#fff;
  895. color:#444;
  896. font-size:8px;
  897. font-style:italic;
  898. font-weight:500;
  899. letter-spacing:2px;
  900. text-transform:uppercase;
  901. max-width:300px;
  902. padding:4px;
  903. z-index:9999999999;
  904. margin:20px 10px 10px 10px;
  905. box-shadow:1px 1px 3px rgba(0,0,0,.1);
  906. }
  907.  
  908. .ask{
  909. background:{color:Caption};
  910. color:{color:Text};
  911. width:auto;
  912. padding:10px;
  913. border:1px solid {color:Border Color};
  914. border-radius:5px;
  915. text-align:left;
  916. }
  917.  
  918. .answer{
  919. margin-left:10px;
  920. margin-top:0px;
  921. }
  922.  
  923. .answer img{
  924. {block:IndexPage}
  925. max-width:calc({select:Post width}px - 20px);
  926. {/block:IndexPage}
  927. {block:PermalinkPage}
  928. max-width:500px;
  929. {/block:PermalinkPage}
  930. width:auto;
  931. height:auto;
  932. }
  933.  
  934. .caption{
  935. font-size:12px;
  936. color:{color:Caption Text};
  937. margin-top:10px;
  938. overflow:auto;
  939. }
  940.  
  941. .caption img{
  942. width:auto;
  943. height:auto;
  944. max-width:calc({select:Post width}px - 70px);
  945. {block:PermalinkPage}
  946. max-width:430px;
  947. {/block:PermalinkPage}
  948. }
  949.  
  950. .tumblr_blog{
  951. border-bottom:1px solid {color:Bold};
  952. }
  953.  
  954. .tumblr_parent{
  955. border:0;
  956. border-bottom:1px solid {color:Border Color};
  957. margin:0;
  958. padding-top:5px;
  959. padding-left:0;
  960. }
  961.  
  962. .tumblr_parent:last-child{
  963. border:0;
  964. }
  965.  
  966. .tumblr_parent p{
  967. margin-top:0px;
  968. }
  969.  
  970. .back-to-top{
  971. position:fixed;
  972. bottom:-75px;
  973. left:5px;
  974. font-size:20px;
  975. width:100px;
  976. height:100px;
  977. z-index:999999999;
  978. }
  979.  
  980. .back-to-top a{
  981. color:{color:Title};
  982. display:block;
  983. text-indent:-9999;
  984. }
  985.  
  986. #infscr-loading{
  987. display:none!important;
  988. }
  989.  
  990. .tumblr_video_container{
  991. width:auto!important;
  992. height:auto!important;
  993. }
  994.  
  995. .vignette, #vignette {
  996. opacity:0;
  997. }
  998. .lightbox-image, #tumblr_lightbox img {
  999. box-shadow:none!important;
  1000. border-radius:0!important;
  1001. max-width:none;
  1002. }
  1003.  
  1004. .tmblr-lightbox, #tumblr_lightbox {
  1005. background-color:{color:Background}!important;
  1006. }
  1007.  
  1008. </style>
  1009.  
  1010. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  1011.  
  1012. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  1013. <script>
  1014. (function($){
  1015. $(document).ready(function(){
  1016. $("[title]").style_my_tooltips({
  1017. tip_follows_cursor:true,
  1018. tip_delay_time:20,
  1019. tip_fade_speed:400,
  1020. attribute:"title"
  1021. });
  1022. });
  1023. })(jQuery);
  1024. </script>
  1025.  
  1026.  
  1027. <!--Scroll back to top-->
  1028.  
  1029. <div class="back-to-top" id="back-top">
  1030. <a href="javascript:void(0)" class="back-to-top"><i class="oi-arrow-up"></i></a>
  1031. </div>
  1032.  
  1033.  
  1034. <script type="text/javascript">
  1035. $(function () {
  1036. $("#back-top").hide();
  1037. $(window).scroll(function () {
  1038. if ($(this).scrollTop() > 50) {
  1039. $('#back-top').fadeIn();
  1040. } else {
  1041. $('#back-top').fadeOut();
  1042. }
  1043. });
  1044. });
  1045. jQuery('.back-to-top').click(function () {
  1046. jQuery('html, body').animate({
  1047. scrollTop: 0
  1048. }, 'slow');
  1049. });
  1050. </script>
  1051.  
  1052.  
  1053. <!--end of Scroll back to top-->
  1054.  
  1055. <!--minimal soundcloud player by shythemes-->
  1056. <script>
  1057. // minimal soundcloud player © shythemes.tumblr
  1058. $(document).ready(function(){
  1059. var color = '#acd7bb'; // color of play button (hex)
  1060. $('.soundcloud_audio_player').each(function(){
  1061. $(this).attr({ src: $(this).attr('src').split('&')[0] + '&amp;liking=false&amp;sharing=false&amp;auto_play=false&amp;show_comments=false&amp;continuous_play=false&amp;buying=false&amp;show_playcount=false&amp;show_artwork=true&amp;origin=tumblr&amp;color=' + color.split('#')[1], height: 20, width: '100%' });
  1062. });
  1063. });
  1064. </script>
  1065. <!--end minimal soundcloud player-->
  1066.  
  1067.  
  1068. <script src="http://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
  1069. <script>
  1070. $(document).ready(function(){
  1071. $('.photo-slideshow').pxuPhotoset({
  1072. lightbox: true,
  1073. rounded: false,
  1074. gutter: '5px',
  1075. photoset: '.photo-slideshow',
  1076. photoWrap: '.photo-data',
  1077. photo: '.pxu-photo'
  1078. });
  1079. });
  1080. </script>
  1081.  
  1082. {block:ifPopupHeader}
  1083. <script>
  1084. $(document).ready(function(){
  1085. $(window).scroll(function(){
  1086. if($(window).scrollTop() > $(document).height()*0.12){
  1087. $("header").css("top", "0px")
  1088. }
  1089. else{
  1090. $("header").css("top", "-150px")
  1091. }
  1092. });
  1093. });
  1094. </script>
  1095. {/block:ifPopupHeader}
  1096.  
  1097. <script>
  1098. function openNav() {
  1099. document.getElementById("nav").style.right = "0px";
  1100. }
  1101. function closeNav() {
  1102. document.getElementById("nav").style.right = "-250px";
  1103. }
  1104. </script>
  1105.  
  1106. <script src="https://static.tumblr.com/wgg6svp/OoTofxa0c/unnest.min.js"></script>
  1107. <script>
  1108. $(document).ready(function(){
  1109. $('.entry').unnest({
  1110. tumblrAvatars: false, //”dashboard style” caption, have the avatar of the blog next to the username
  1111. usernameColon: true //if turned to false, removes the colon at the end of usernames bc :) seriously :) hwy :)
  1112. });
  1113. });
  1114. </script>
  1115.  
  1116. {block:ifInfiniteScroll}
  1117. <div class="pagination">
  1118. {block:Pagination}{block:PreviousPage}<a href="{PreviousPage"}>previous</a> &middot;{/block:PreviousPage} {block:NextPage}<a href="{NextPage}" id="next">next</a>{/block:NextPage}{/block:Pagination}
  1119. </div>
  1120. {/block:ifInfiniteScroll}
  1121.  
  1122. <script src ="//static.tumblr.com/fwgzvyf/Oj1o08f6h/shythemes.vr.js"></script>
  1123.  
  1124.  
  1125. </head>
  1126.  
  1127. <body>
  1128.  
  1129. <div id="side">
  1130. <div id="bio">
  1131. <div id="sbg"></div>
  1132. <div id="sbg2"></div>
  1133. <img id="sidebar" src="{image:Sidebar}">
  1134. <div id="title"><a href="/">{Title}</a></div>
  1135. <div id="tagline">{text:Tagline}</div>
  1136. <div class="links">
  1137. <a href="/" title="home"><i class="oi-home"></i></a><a href="/ask" title="ask"><i class="oi-envelope"></i></a><a href="/archive" title="archive"><i class="oi-calendar"></i></a><a onclick="openNav()" title="links"><i class="oi-menu"></i></a>
  1138. </div>
  1139. </div>
  1140. </div>
  1141.  
  1142. <nav id="nav">
  1143. <a href="javascript:void(0)" class="closebtn" style="font-size:30px;" onclick="closeNav()">&times;</a>
  1144. <div id="icon"><img src="{Favicon}"/></div>
  1145. <div id="desc">{Description}</div>
  1146. <hr>
  1147. <a href="{text:Link 1 URL}">{text:Link 1}</a>
  1148. <a href="{text:Link 2 URL}">{text:Link 2}</a>
  1149. <a href="{text:Link 3 URL}">{text:Link 3}</a>
  1150. <a href="{text:Link 4 URL}">{text:Link 4}</a>
  1151. </nav>
  1152.  
  1153. <div id="content">
  1154.  
  1155. {block:Posts}
  1156.  
  1157. <div class="entry" id="{PostID}">
  1158.  
  1159. {block:Text}
  1160. <div class="text">{block:IndexPage}{/block:IndexPage}{block:Title}<h2><b><a href="{Permalink}">{Title}</a></b></h2>{/block:Title}
  1161. {Body}
  1162. </div>
  1163. {/block:Text}
  1164.  
  1165. {block:Photo}
  1166. <div id="img">
  1167. {block:IndexPage}<img src="{PhotoURL-HighRes}"/>
  1168. </div>
  1169.  
  1170. {/block:IndexPage}
  1171. {block:PermalinkPage}<img src="{PhotoURL-HighRes}"/>{block:Caption}<div class="caption">{caption}</div>{/block:Caption}
  1172. {/block:PermalinkPage}
  1173. {/block:Photo}
  1174.  
  1175. {block:Photoset}
  1176. {block:IndexPage}
  1177. <div id="img">
  1178. <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}"></div><a class="tumblr-box" rel="post-{PostID}" href="{PhotoURL-HighRes}"></a></div>{/block:Photos}</div>
  1179. </div>
  1180. {/block:IndexPage}
  1181.  
  1182. {block:PermalinkPage}<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}"></div><a class="tumblr-box" rel="post-{PostID}" href="{PhotoURL-HighRes}"></a></div>{/block:Photos}</div>
  1183. {block:Caption}<div class="caption">{caption}</div>{/block:Caption}
  1184. {/block:PermalinkPage}
  1185. {/block:Photoset}
  1186.  
  1187.  
  1188. {block:Quote}
  1189. <div class="text">
  1190. <div style="position:absolute;margin-top:-5px;margin-left:-5px;font:30px times new roman;opacity:0.5;">“</div>
  1191. <div class="quote">{Quote}</div>
  1192. {block:Source}<p style="font:italic 10px georgia;line-height:18px;">—&nbsp;{Source}</p>{/block:Source}
  1193. </div>
  1194. {/block:Quote}
  1195.  
  1196. {block:Link}
  1197. <div class="text">
  1198. <a href="{URL}"><h1><b>{Name}</h1></b></a>{block:Description}{Description}{/block:Description}</div>
  1199. {/block:Link}
  1200.  
  1201. {block:Chat}
  1202. <div class="text">
  1203. {block:Title}<h3>{Title}</h3>{/block:Title}
  1204. {block:Lines}<p>
  1205. {block:Label}<b>{Label}</b>{/block:Label}
  1206. {Line}</p>
  1207. {/block:Lines}
  1208. </div>
  1209. {/block:Chat}
  1210.  
  1211. {block:Audio}
  1212. <div class="audio">
  1213. {block:AudioPlayer}
  1214. <div class="player">{AudioPlayerWhite}</div>
  1215. {block:AlbumArt}<img id="img" src="{AlbumArtURL}"/>{/block:AlbumArt}
  1216. {block:TrackName}<span class="title"><b>{TrackName}</b></span>{/block:TrackName}
  1217. <br>{block:Artist}<span class="artist">{Artist}</span>{/block:Artist}
  1218. </div>
  1219. {/block:AudioPlayer}
  1220.  
  1221. {block:PermalinkPage}
  1222. {block:Caption}<div class="caption">{caption}</div>{/block:Caption}
  1223. {/block:PermalinkPage}
  1224. {/block:Audio}
  1225.  
  1226. {block:Answer}
  1227. <div style="padding-bottom:5px;"><b><u>{Asker}</u></b> asked:</div>
  1228. <div class="ask">
  1229. {Question}
  1230. </div>
  1231. <div class="answer">
  1232. {Answer}
  1233. </div>
  1234. {/block:Answer}
  1235.  
  1236. {block:Video}
  1237. {block:IndexPage}
  1238. <div id="img">
  1239. <div class="video">{Video-500}</div>
  1240. </div>
  1241. {/block:IndexPage}
  1242.  
  1243. {block:PermalinkPage}<div class="video">{Video-500}</div>
  1244. {block:Caption}<div class="caption">{caption}</div>{/block:Caption}{/block:PermalinkPage}
  1245. {/block:Video}
  1246.  
  1247. {block:ContentSource} <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}" width="{Logowidth}px" height="{LogoHeight}" alt="{SourceTitle}" /> {/block:SourceLogo} {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo}--> {/block:ContentSource}
  1248.  
  1249. {block:IndexPage}
  1250. {block:ifShowCaption}{block:Caption}<div class="caption">{caption}</div>{/block:Caption}{/block:ifShowCaption}
  1251. <div class="permalink">
  1252. <div class="info">
  1253. <li><a href="{Permalink}" target="_blank" title="{NoteCountWithLabel}"><i class="oi-clock"></i>{ShortMonth} {DayOfMonth}</a></li>
  1254. <li><a href="{ReblogURL}" target="_blank"><i class="oi-return"></i>Reblog</a></li>
  1255. <li><a class="likeb" href="#">{LikeButton size="100"}<span class="b"></span>Like</a></li>
  1256. {block:ifShowTags}{block:HasTags}<span class="tags"><i class="oi-tags"></i>{block:Tags}<a href="{TagURL}">#{Tag}</a>{/block:Tags}<br></span>{/block:HasTags}{/block:ifShowTags}
  1257. </div>
  1258. </div>
  1259. {/block:IndexPage}
  1260.  
  1261. {block:PermalinkPage}
  1262. {block:Date}
  1263. <div style="border-top:1px solid #ccc;width:100%;max-width:700px;margin-top:5px;"></div>
  1264. <div style="font-weight:600;font-size:14px;margin-top:10px;">{DayOfWeek}, {Month} {DayOfMonth}{DayOfMonthSuffix}, {Year}</div>
  1265. {/block:Date}
  1266. {block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}
  1267. <br>{block:HasTags}Tagged: {block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}<br>{/block:HasTags}
  1268. {block:RebloggedFrom}Via: <i><a href="{ReblogParentURL}">{ReblogParentName}</i></a>
  1269. <br>Source: <i><a href="{ReblogRootURL}">{ReblogRootName}</i></a>{/block:RebloggedFrom}
  1270. {/block:PermalinkPage}
  1271.  
  1272. {block:PostNotes}{PostNotes}{/block:PostNotes}
  1273.  
  1274.  
  1275. </div>
  1276.  
  1277. {/block:Posts}
  1278.  
  1279. </div>
  1280.  
  1281. {block:ifInfiniteScroll}{block:ifManualLoad}
  1282. {block:Pagination}<footer><a href="#" class="load-more">load more</a></footer>{/block:Pagination}
  1283. {/block:ifManualLoad}{/block:ifInfiniteScroll}
  1284.  
  1285. {block:ifnotinfinitescroll}
  1286. {block:Pagination}
  1287. <footer>
  1288. <div id="pagination">
  1289. {block:PreviousPage}<a href="{PreviousPage}" class="back">←&nbsp;&nbsp;previous page</a>{/block:PreviousPage}{block:NextPage}<a href="{NextPage}" class="next">next page&nbsp;&nbsp;→</a>{/block:NextPage}
  1290. </div>
  1291. </footer>
  1292. {/block:Pagination}
  1293. {/block:ifnotinfinitescroll}
  1294.  
  1295. {block:IndexPage}
  1296. <script src="https://unpkg.com/imagesloaded@4/imagesloaded.pkgd.min.js"></script>
  1297. {block:ifInfiniteScroll}
  1298. <script src="http://static.tumblr.com/wgijwsy/u2vm2hxv6/jquery.infinitescroll.min.js"></script>
  1299. {/block:ifInfiniteScroll}
  1300. <script>
  1301. $(document).ready(function(){
  1302. var $container = $('#content');
  1303.  
  1304. {block:ifInfiniteScroll}
  1305. $container.infinitescroll({
  1306. itemSelector: ".entry",
  1307. navSelector: ".pagination",
  1308. nextSelector: ".pagination a#next",
  1309. loadingImg: "",
  1310. loadingText: "<em> </em>",
  1311. bufferPx: 100,
  1312. extraScrollPx: 50,
  1313. errorCallback: function(){ $('.load-more').text('no more posts').parent().delay(2000).slideUp("slow"); }
  1314. },
  1315.  
  1316. function(newElements){
  1317. var $newElems = $(newElements);
  1318. $newElems.find('.photo-slideshow').pxuPhotoset({
  1319. lightbox: true,
  1320. rounded: false,
  1321. gutter: '4px',
  1322. photoset: '.photo-slideshow',
  1323. photoWrap: '.photo-data',
  1324. photo: '.pxu-photo'
  1325. });
  1326.  
  1327. $newElems.unnest({
  1328. tumblrAvatars: false
  1329. });
  1330.  
  1331. var $newElemsIDs = $newElems.map(function(){
  1332. return this.id;
  1333. }).get();
  1334. console.log($newElems, $newElemsIDs);
  1335. Tumblr.LikeButton.get_status_by_post_ids($newElemsIDs);
  1336.  
  1337. resizeVideos();
  1338.  
  1339. var $newElems = $( newElements ).hide();
  1340. $newElems.imagesLoaded(function(){
  1341. $newElems.fadeIn();
  1342. });
  1343.  
  1344. var color = '#ededed';
  1345. $('.soundcloud_audio_player').each(function(){
  1346. $(this).attr({ src: $(this).attr('src').split('&')[0] + '&amp;liking=false&amp;sharing=false&amp;auto_play=false&amp;show_comments=false&amp;continuous_play=false&amp;buying=false&amp;show_playcount=false&amp;show_artwork=false&amp;origin=tumblr&amp;color=' + color.split('#')[1], height: 20, width: '100%' });
  1347. });
  1348.  
  1349. });
  1350. {block:ifManualLoad}
  1351. $(window).unbind('.infscr');
  1352. $('.load-more').click(function(){
  1353. $('#content').infinitescroll('retrieve');
  1354. return false;
  1355. });
  1356. {/block:ifManualLoad}
  1357. {/block:ifInfiniteScroll}
  1358. });
  1359. </script>
  1360. {/block:IndexPage}
  1361.  
  1362.  
  1363. <a href="http://shoseii.tumblr.com" style="font:italic 10px 'Libre Baskerville', serif;position:fixed;bottom:5px;right:3px;" title="© shoseii">&</a>
  1364.  
  1365. <script>
  1366. var nav = responsiveNav(".nav-collapse");
  1367. </script>
  1368.  
  1369. </body>
  1370.  
  1371. </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!