API tools faq
paste
Advertisement
nemurou

soft

nemurou
Sep 27th, 2017
7,922
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 17.40 KB | None | 0 0
raw download clone embed print report
  1. <!---
  2.  
  3. tumblr theme by kenshinuesugi / nemurou
  4.  
  5. september 2017
  6.  
  7. --->
  8.  
  9. <!DOCTYPE html>
  10. <html>
  11. <head>
  12. <title>{Title}</title>
  13. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  14. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  15. <link rel="shortcut icon" href="{Favicon}">
  16. {block:Description}<meta name="description" content="{MetaDescription}">{/block:Description}
  17. <meta name="viewport" content="width=device-width, initial-scale=1">
  18.  
  19. <script>
  20. $(document).ready(function() {
  21. $('iframe.tumblr_audio_player').load( function() {
  22. $('iframe.tumblr_audio_player').contents().find("head")
  23. .append($("<style type='text/css'> .audio-player{background:#fff !important} </style>"));
  24. });
  25. });
  26. </script>
  27.  
  28. <link href="https://fonts.googleapis.com/css?family=Karla:400,400i,700|Montserrat:400,400i,700" rel="stylesheet">
  29. <script src="//code.jquery.com/jquery-2.2.4.min.js"></script>
  30. <script src="https://static.tumblr.com/wgg6svp/OoTofxa0c/unnest.min.js"></script>
  31. <script> $(function(){ $('article').unnest({
  32. yourCaption: ".captions", //your caption selector, the div wrapping {Caption}
  33. wrapName: ".tumblr_parent", //the name of the captions’ new wrapper
  34. newCaptionUsername: false, //if the user adds a new caption, following a series of captions, show their username above the caption
  35. originalPostCaptionUsername: true, //for the original captions, or a user-added caption that previously didn’t have any, have their username on it
  36. tumblrAvatars: false, //”dashboard style” caption, have the avatar of the blog next to the username
  37. tumblrAvatarClass: ".tumblr_avatar", //class of the avatar next to the username
  38. usernameColon: false //if turned to false, removes the colon at the end of usernames
  39. }); }); </script>
  40.  
  41. <link href="//dl.dropbox.com/s/50g6fbds3rh4m0j/saturnicons.css" rel="stylesheet">
  42.  
  43. <script type="text/javascript">
  44. $(function() {
  45. $('.menu').click(function() {
  46. $('#nav').toggle();
  47. return false;
  48. });
  49. });
  50. </script>
  51.  
  52. <meta name="select:avatar" content="4px" title="rounded">
  53. <meta name="select:avatar" content="50%" title="circle">
  54. <meta name="select:avatar" content="0px" title="square">
  55.  
  56. <meta name="if:show avatar" content="">
  57. <meta name="if:show blog title" content="">
  58. <meta name="if:show blog url" content="">
  59. <meta name="if:show captions" content="">
  60. <meta name="if:show tags" content="">
  61.  
  62. <meta name="image:icon" content="">
  63.  
  64.  
  65. <meta name="color:background" content="#ffffff">
  66. <meta name="color:post background" content="#ffffff">
  67. <meta name="color:text" content="">
  68. <meta name="color:link" content="">
  69. <meta name="color:icon background" content="">
  70. <meta name="color:icons" content="">
  71. <meta name="color:border" content="#">
  72. <meta name="color:accent" content="">
  73. <meta name="color:captions" content="">
  74. <meta name="color:post info" content="">
  75. <meta name="color:tags" content="">
  76. <meta name="color:scrollbar" content="">
  77.  
  78.  
  79. <meta name="text:post width" content="400px"/>
  80. <meta name="text:short title" content=""/>
  81. <meta name="text:about" content=""/>
  82. <meta name="text:location" content=""/>
  83. <meta name="text:likes" content=""/>
  84.  
  85. <meta name="text:update one" content=""/>
  86. <meta name="text:update two" content=""/>
  87. <meta name="text:update three" content=""/>
  88. <meta name="text:update four" content=""/>
  89.  
  90. <meta name="text:link 1" content=""/>
  91. <meta name="text:link 1 url" content=""/>
  92. <meta name="text:link 2" content=""/>
  93. <meta name="text:link 2 url" content=""/>
  94. <meta name="text:link 3" content=""/>
  95. <meta name="text:link 3 url" content=""/>
  96. <meta name="text:link 4" content=""/>
  97. <meta name="text:link 4 url" content=""/>
  98. <meta name="text:link 5" content=""/>
  99. <meta name="text:link 5 url" content=""/>
  100. <meta name="text:link 6" content=""/>
  101. <meta name="text:link 6 url" content=""/>
  102.  
  103. <style type="text/css">
  104.  
  105. /*tumblr controls by cyantists*/
  106. iframe.tmblr-iframe {
  107. z-index: 99999999999999!important;
  108. top: 0!important;
  109. right: 0!important;
  110. opacity: 0.4;
  111. filter: invert(1) contrast(150%);
  112. -webkit-filter: invert(1) contrast(150%);
  113. -o-filter: invert(1) contrast(150%);
  114. -moz-filter: invert(1) contrast(150%);
  115. -ms-filter: invert(1) contrast(150%);
  116. transform: scale(0.5);
  117. transform-origin: 100% 0;
  118. -webkit-transform: scale(.7);
  119. -webkit-transform-origin: 100% 0;
  120. -o-transform: scale(.7);
  121. -o-transform-origin: 100% 0;
  122. -moz-transform: scale(.7);
  123. -moz-transform-origin: 100% 0;
  124. -ms-transform: scale(.7);
  125. -ms-transform-origin: 100% 0;
  126. }
  127.  
  128. blockquote {
  129. margin:0px;
  130. padding:0px;
  131. border:0px;
  132. }
  133.  
  134. ::-webkit-scrollbar {
  135. width:17px;
  136. height:17px;
  137. background-color:{color:background};
  138. }
  139.  
  140. ::-webkit-scrollbar-thumb {
  141. border:8px solid {color:background};
  142. background-color:{color:scrollbar};
  143. min-width:26px;
  144. min-height:26px;
  145. }
  146.  
  147.  
  148. body {
  149. margin:0;
  150. font-size:11px;
  151. font-family: 'Montserrat', sans-serif;
  152. line-height:160%;
  153. -moz-osx-font-smoothing:grayscale;
  154. -webkit-font-smoothing:antialiased;
  155. font-smoothing:antialiased;
  156. color:{color:text};
  157. background:{color:background};
  158. }
  159.  
  160. a {
  161. color:{color:link};
  162. text-decoration:none;
  163. }
  164.  
  165. a:hover {
  166. color:{color:link hover};
  167. }
  168.  
  169. big, pre, h1, h2, h3, h4, h5, h6, small, sub {
  170. font-size:11px;
  171. font-family: 'Montserrat', sans-serif;
  172. }
  173.  
  174. .title {
  175. font-weight:700;
  176. font-size:15px;
  177. font-family: 'Karla', sans-serif;
  178. margin-bottom:15px;
  179. }
  180.  
  181. hr {
  182. border:0;
  183. }
  184.  
  185. li {
  186. list-style:normal;
  187. margin-left:-25px;
  188. }
  189.  
  190. img {
  191. border:0;
  192. max-width:100%;
  193. height:auto;
  194. display:block;
  195. }
  196.  
  197.  
  198. #content {
  199. margin:90px 0px 90px 290px;
  200. padding-left:150px;
  201. width:{text:post width};
  202. min-width:350px;
  203. max-width:540px;
  204. }
  205.  
  206.  
  207. article {
  208. position:relative;
  209. margin:0 0 90px;
  210. box-sizing:border-box;
  211. -webkit-box-sizing: border-box;
  212. -moz-box-sizing: border-box;
  213.  
  214. }
  215.  
  216. .captions a.tumblr_blog {
  217. vertical-align:middle;
  218. text-decoration:none;
  219. background:{color:accent};
  220. padding:2px 7px 2px 8px;
  221. border-bottom:0;
  222. box-sizing:border-box;
  223. -webkit-box-sizing: border-box;
  224. -moz-box-sizing: border-box;
  225. position:absolute;
  226. margin-top:-26px;
  227. border:1px solid {color:border};
  228. border-radius:4px;
  229. -moz-border-radius:4px;
  230. -webkit-borde-rradius:4px;
  231. }
  232.  
  233.  
  234. .tumblr_parent {
  235. background:{color:captions};
  236. display:block;
  237. box-sizing:border-box;
  238. -webkit-box-sizing: border-box;
  239. -moz-box-sizing: border-box;
  240. padding:15px 15px 10px 15px;
  241. margin-top:25px;
  242. border:1px solid {color:border};
  243. }
  244.  
  245. .others {
  246. box-sizing:border-box;
  247. -webkit-box-sizing: border-box;
  248. -moz-box-sizing: border-box;
  249. padding:15px;
  250. border:1px solid {color:border};
  251. background:{color:post background};
  252. }
  253.  
  254.  
  255. aside {
  256. position:fixed;
  257. width:200px;
  258. left:90px;
  259. color:{color:text};
  260. box-sizing:border-box;
  261. -webkit-box-sizing: border-box;
  262. -moz-box-sizing: border-box;
  263. }
  264.  
  265. aside a {
  266. color:{color:text};
  267. }
  268.  
  269. aside #icon {
  270. width:60px;
  271. height:60px;
  272. margin-bottom:10px;
  273. border-radius:{select:avatar};
  274. -moz-border-radius:{select:avatar};
  275. -webkit-border-radius:{select:avatar};
  276. }
  277.  
  278.  
  279. #blogtit {
  280. font-family: 'Karla', sans-serif;
  281. font-size:18px;
  282. font-weight:700;
  283. line-height:160%;
  284. }
  285.  
  286. #description {
  287. margin-bottom:30px;
  288. }
  289.  
  290. #blogtit, #urls {
  291. margin-bottom:8px;
  292. }
  293.  
  294. .notes {
  295. font-size:11px;
  296. margin:30px 0 30px 0;
  297. }
  298.  
  299. .quote, .src {
  300. line-height:190%;
  301. }
  302.  
  303. .quote {
  304. font-style: italic;
  305. }
  306.  
  307. .src {
  308. font-size:10px;
  309. margin-top:5px;
  310. text-align:right;
  311. }
  312.  
  313. .w {
  314. max-width:{text:post width};
  315. max-height:{text:post width};
  316. }
  317.  
  318. .vc {
  319. overflow:hidden;
  320. }
  321.  
  322. .vc iframe, .vc object, .vc embed {
  323. max-width:{text:post width};
  324. max-height:{text:post width};
  325. }
  326.  
  327. .cont {
  328. background:#fff;
  329. border:1px solid {color:border};
  330. position:relative;
  331. height:24px;
  332. padding:15px 30px;
  333. }
  334.  
  335. .player {
  336. position:absolute;
  337. width:25px;
  338. height:24px;
  339. left:10px;
  340. margin-top:-2px;
  341. display:block;
  342. overflow:hidden;
  343. }
  344.  
  345. .info {
  346. line-height:24px;
  347. margin:1px 0 0 15px;
  348. }
  349.  
  350. ol.notes{
  351. padding:0;
  352. margin:0;
  353. }
  354.  
  355. ol.notes li {
  356. list-style-type: none;
  357. }
  358.  
  359. ol.notes li.note img{
  360. width:0px;
  361. height:0px;
  362. }
  363.  
  364. ol.notes li.note{
  365. margin:0px;
  366. }
  367.  
  368. .about, .updates, .links {
  369. margin-bottom:30px;
  370. }
  371.  
  372. .sf-user-o, .sf-location-o, .sf-heart-o, .sf-push-pin-o, .sf-home-o, .sf-chat-o, .sf-calendar-o, .sf-link-1-o{
  373. position:absolute;
  374. left:0px;
  375. height:20px;
  376. width:20px;
  377. line-height:20px;
  378. vertical-align:middle;
  379. text-align:center;
  380. color:{color:icons};
  381. background:{color:icon background};
  382. border-radius:5px;
  383. -moz-border-radius:5px;
  384. -webkit-borde-rradius:5px;
  385. border:1px solid {color:border};
  386. box-sizing:border-box;
  387. -webkit-box-sizing: border-box;
  388. -moz-box-sizing: border-box;
  389. }
  390.  
  391. .infos, .menu {
  392. display:inline;
  393. height:20px;
  394. margin-left:35px;
  395. line-height:20px;
  396. vertical-align:middle;
  397. }
  398.  
  399. .menu {
  400. cursor:pointer;
  401. }
  402.  
  403. .box {
  404. position:relative;
  405. margin-bottom:10px;
  406. }
  407.  
  408. #nav {
  409. display:none;
  410. margin-left:35px;
  411. border-left:1px solid {color:border};
  412. padding-left:20px;
  413. }
  414.  
  415. #nav a{
  416. display:block;
  417. }
  418.  
  419. #pagination {
  420. text-align:center;
  421. margin-left:-9px;
  422. font-family: 'Karla', sans-serif;
  423. font-size:12px;
  424. }
  425.  
  426. .jump_page, .current_page {
  427. margin-right:9px;
  428. }
  429.  
  430. .jump_page {
  431. padding: 4px 8px;
  432. color:{color:text};
  433. text-decoration:none;
  434. }
  435.  
  436. .current_page {
  437. padding: 4px 8px;
  438. color:{color:text};
  439. background:{color:accent};
  440. text-decoration:none;
  441. border-radius:4px;
  442. -moz-border-radius:4px;
  443. -webkit-borde-rradius:4px;
  444. }
  445.  
  446. .bottom {
  447. text-transform:uppercase;
  448. position: relative;
  449. font-family: 'Karla', sans-serif;
  450. font-size:11px;
  451. margin-top:20px;
  452. }
  453.  
  454. .bottom, .bottom a {
  455. color:{color:post info};
  456. }
  457.  
  458. .perma {
  459. position:absolute;
  460. width:200px;
  461. }
  462.  
  463. .re {
  464. margin-left:200px;
  465. text-align:right;
  466. }
  467.  
  468. .tags {
  469. margin-top:5px;
  470. width:100%;
  471. line-height:160%;
  472. font-family: 'Karla', sans-serif;
  473. font-size:10px;
  474. }
  475.  
  476. .tags a {
  477. margin-right:7px;
  478. color:{color:tags};
  479. }
  480.  
  481. .tags a:last-child {
  482. margin-right:0px;
  483. }
  484.  
  485. /*DO NOT TOUCH THE THEME CREDIT*/
  486. .saeyoung a{
  487. background:#fff;
  488. position:fixed;
  489. left:20px;
  490. bottom:15px;
  491. opacity:.7;
  492. color:#545454;
  493. z-index:999;
  494. font-family: 'Karla', sans-serif;
  495. border-radius:4px;
  496. -moz-border-radius:4px;
  497. -webkit-border-radius:4px;
  498. padding:3px 8px 4px 8px;
  499. }
  500.  
  501.  
  502. </style> </head> <body>
  503.  
  504. <div id="content">
  505.  
  506. <aside>
  507.  
  508. {block:ifshowavatar}<img id="icon" src="{image:icon}">{/block:ifshowavatar}
  509.  
  510. {block:ifshowblogtitle}<div id="blogtit">{text:short title}</div>{/block:ifshowblogtitle}
  511.  
  512. {block:ifshowblogurl}<div id="urls">@{Name}</div>{/block:ifshowblogurl}
  513.  
  514. <div id="description">{description}</div>
  515.  
  516. <div class="links">
  517.  
  518. <div class="box">
  519. <div class="sf sf-home-o"></div><div class="infos"><a href="/">Refresh</a></div></div>
  520.  
  521. <div class="box">
  522. <div class="sf sf-chat-o"></div><div class="infos"><a href="/ask">Message</a></div></div>
  523.  
  524. <div class="box">
  525. <div class="sf sf-calendar-o"></div><div class="infos"><a href="/archive">Archive</a></div></div>
  526.  
  527. <div class="box">
  528. <div class="sf sf-link-1-o"></div><div class="menu" onclick="myFunction()">Navigation</div></div>
  529.  
  530. <div id="nav">
  531. {block:iflink1}
  532. <a href="{text:link 1 url}">{text:link 1}</a>
  533. {/block:iflink1}
  534. {block:iflink2}
  535. <a href="{text:link 2 url}">{text:link 2}</a>
  536. {/block:iflink2}
  537. {block:iflink3}
  538. <a href="{text:link 3 url}">{text:link 3}</a>
  539. {/block:iflink3}
  540. {block:iflink4}
  541. <a href="{text:link 4 url}">{text:link 4}</a>
  542. {/block:iflink4}
  543. {block:iflink5}
  544. <a href="{text:link 5 url}">{text:link 5}</a>
  545. {/block:iflink5}
  546. {block:iflink6}
  547. <a href="{text:link 6 url}">{text:link 6}</a>
  548. {/block:iflink6}
  549. </div>
  550.  
  551.  
  552. </div>
  553.  
  554. <div class="about">
  555.  
  556. {block:ifabout}<div class="box">
  557. <div class="sf sf-user-o"></div><div class="infos">{text:about}</div>
  558. </div>{/block:ifabout}
  559.  
  560. {block:iflocation}
  561. <div class="box">
  562. <div class="sf sf-location-o"></div><div class="infos">{text:location}</div>
  563. </div>
  564. {/block:iflocation}
  565.  
  566. {block:iflikes}
  567. <div class="box">
  568. <div class="sf sf-heart-o"></div><div class="infos">{text:likes}</div>
  569. </div>
  570. {/block:iflikes}
  571.  
  572.  
  573. </div>
  574.  
  575. <div class="updates">
  576.  
  577. {block:ifupdateone}<div class="box">
  578. <div class="sf sf-push-pin-o"></div><div class="infos">{text:update one}</div></div>{/block:ifupdateone}
  579.  
  580. {block:ifupdatetwo}<div class="box">
  581. <div class="sf sf-push-pin-o"></div><div class="infos">{text:update two}</div></div>{/block:ifupdatetwo}
  582.  
  583. {block:ifupdatethree}<div class="box">
  584. <div class="sf sf-push-pin-o"></div><div class="infos">{text:update three}</div></div>{/block:ifupdatethree}
  585.  
  586. {block:ifupdatefour}<div class="box">
  587. <div class="sf sf-push-pin-o"></div><div class="infos">{text:update four}</div></div>{/block:ifupdatefour}
  588.  
  589.  
  590. </div>
  591.  
  592.  
  593. </aside>
  594.  
  595.  
  596.  
  597.  
  598.  
  599.  
  600.  
  601. {block:Posts}
  602.  
  603.  
  604. {block:ContentSource}<!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}" width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" /> {/block:SourceLogo}{block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->{/block:ContentSource}<!-- {block:NoRebloggedFrom}{block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}{/block:NoRebloggedFrom} -->
  605.  
  606.  
  607.  
  608. <article>
  609.  
  610.  
  611. {block:Photo}<img style="width:100%;" class="others" src="{PhotoURL-HighRes}">{/block:Photo}
  612.  
  613. {block:Photoset}<div class="others" style="padding:15px 15px 10px 15px; max-width:100%;margin-bottom:-3px;">{Photoset}</div>{/block:Photoset}
  614.  
  615. {block:Text}{block:Title}<div class="title">{Title}</div>{/block:Title} <div style="border:0; padding:0; margin:0;" class="captions">{Body}</div>{/block:Text}
  616.  
  617. {block:Audio} {block:audioplayer}
  618. <div class="cont"> <div class="player"> {audioplayerwhite}</div><div class="info">{block:trackname}{trackname}{/block:trackname} </div></div>
  619. {/block:audioplayer}{/block:Audio}
  620.  
  621. {block:Answer}
  622. <div class="others">
  623. {Asker} asked: {Question}
  624. {Answer}
  625. </div>
  626. {/block:Answer}
  627.  
  628. {block:Chat}
  629. {block:Title}
  630. <div class="title">{Title}</div>
  631. {/block:Title}
  632. <div class="others">
  633. {block:Lines}
  634. {block:Label}<div style="font-weight:700;display:inline;margin-right:5px;">{Label}</div>{/block:Label}{Line}<br>
  635. {/block:Lines}
  636. </div>
  637. {/block:Chat}
  638.  
  639. {block:Quote}
  640. <div class="others">
  641. <div class="quote">{Quote}</div>
  642. {block:source}
  643. <div class="src">&mdash; {source}</div>
  644. {/block:source}
  645. </div>
  646. {/block:Quote}
  647.  
  648. {block:Link}
  649. <div style="margin-bottom:15px;" class="title"><a href="{URL}" {Target}>{Name}</a></div>
  650. <div class="captions">
  651. {Description}
  652. </div>
  653. {/block:Link}
  654.  
  655. {block:Video}
  656. <div class="vc"><div class="w">{Video-500}</div></div>
  657. {/block:Video}
  658.  
  659. {block:ifshowcaptions}{block:indexpage}{block:Caption}<div class="captions">{Caption}</div>{/block:Caption}{/block:indexpage}{/block:ifshowcaptions}
  660.  
  661. {block:permalinkpage}{block:Caption}<div class="captions">{Caption}</div>{/block:Caption}{/block:permalinkpage}
  662.  
  663. {block:indexpage}{block:date}<div class="bottom"><div class="perma"><a href="{permalink}">{TimeAgo}</a></div>{/block:date}<div class="re">{block:RebloggedFrom}<a href="{ReblogParentURL}">VIA</a> / {block:RebloggedFrom}<a href="{ReblogURL}" target="_blank" >REBLOG</a></div></div>{/block:indexpage}
  664.  
  665. {block:permalinkpage}{block:RebloggedFrom}{block:date}<div class="bottom"><div class="perma">{ShortDayOfWeek}, {DayOfMonthWithZero} {ShortMonth} {Year} {block:NoteCount}({NoteCount}N){/block:NoteCount}</div>{/block:date}<div class="re"><a href="{ReblogParentURL}">VIA</a> / <a href="{ReblogRootURL}">SRC</a></div></div>{/block:RebloggedFrom}{/block:permalinkpage}
  666.  
  667. {block:permalinkpage}{block:NotReblog}{block:date}<div class="bottom"><div class="perma">{ShortDayOfWeek}, {DayOfMonthWithZero} {ShortMonth} {Year}</div><div class="re">{NoteCountwithLabel}</div></div>{/block:date}{/block:NotReblog}{/block:permalinkpage}
  668.  
  669. {block:indexpage}{block:ifshowtags}{block:HasTags} <div class="tags">{block:Tags}<a href="{TagURL}"> #{Tag}</a> {/block:Tags}</div>{/block:HasTags}{/block:ifshowtags}{/block:indexpage}
  670.  
  671. {block:permalinkpage}{block:HasTags} <div class="tags">{block:Tags}<a href="{TagURL}"> #{Tag}</a> {/block:Tags}</div>{/block:HasTags}{/block:permalinkpage}
  672.  
  673.  
  674. </article>
  675.  
  676. {block:PostNotes}
  677. <article><div class="others">{PostNotes}</div></article>
  678. {/block:PostNotes}
  679.  
  680.  
  681. {/block:Posts}
  682.  
  683.  
  684. {block:Pagination}
  685. <div id="pagination">
  686. {block:PreviousPage}<a href="{PreviousPage}" class="jump_page">&laquo;</a>{/block:PreviousPage}
  687. {block:JumpPagination length="5"}
  688. {block:CurrentPage}<span class="current_page">{PageNumber}</span>{/block:CurrentPage}
  689. {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>{/block:JumpPage}{/block:JumpPagination}
  690. {block:NextPage}<a href="{NextPage}" class="jump_page">&raquo;</a>{/block:NextPage}
  691. </div>
  692. {/block:Pagination}
  693.  
  694.  
  695.  
  696. </body>
  697.  
  698.  
  699.  
  700. </html>
  701.  
  702. <!----PLEASE DO NOT REMOVE THE THEME CREDIT--->
  703. <span class="saeyoung"><a href="https://nemurou.tumblr.com/">THEME</a></span>
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!