API tools faq
paste
nemurou

vanilla

nemurou
Dec 8th, 2017
12,073
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 13.78 KB | None | 0 0
raw download clone embed print report
  1. <!---
  2.  
  3. tumblr theme by nemurou
  4. december 2017
  5.  
  6. terms of use: https://nemurou.tumblr.com/tou
  7.  
  8. DO NOT TOUCH THE THEME CREDIT.
  9.  
  10. ---->
  11.  
  12. <!DOCTYPE html>
  13. <head>
  14. <title>{Title}</title>
  15. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  16. <link rel="shortcut icon" href="{Favicon}">
  17. {block:Description}<meta name="description" content="{MetaDescription}">{/block:Description}
  18. <meta name="viewport" content="width=device-width, initial-scale=1">
  19.  
  20. <link href="https://fonts.googleapis.com/css?family=Karla:400,400i,700,700i|Lora:400,400i,700,700i" rel="stylesheet">
  21.  
  22. <link href="https://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
  23. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  24. <script src="https://static.tumblr.com/yxfeliq/hHwojmt8m/bctphotoset.min.js"></script>
  25.  
  26. <script>
  27. $(document).ready(function(){
  28. $('.photo-slideshow').pxuPhotoset({
  29. lightbox: true,
  30. rounded: false,
  31. gutter: '1px',
  32. borderRadius: '0px',
  33. photoset: '.photo-slideshow',
  34. photoWrap: '.photo-data',
  35. photo: '.pxu-photo'
  36. });
  37. });
  38. </script>
  39.  
  40. <meta name="if:show captions" content="">
  41. <meta name="if:show tags" content="">
  42.  
  43. <meta name="image:sidebar" content="">
  44.  
  45. <meta name="color:text" content="#3f3f3f">
  46. <meta name="color:link" content="#000000">
  47. <meta name="color:border" content="#dddddd">
  48. <meta name="color:accent" content="#dddddd">
  49. <meta name="color:sidebar text" content="#ffffff"/>
  50. <meta name="color:sidebar text background" content="#000000"/>
  51.  
  52. <meta name="text:sidebar text" content="vanilla"/>
  53. <meta name="text:post width" content="400px"/>
  54.  
  55. <meta name="text:link 1" content=""/>
  56. <meta name="text:link 1 url" content=""/>
  57. <meta name="text:link 2" content=""/>
  58. <meta name="text:link 2 url" content=""/>
  59. <meta name="text:link 3" content=""/>
  60. <meta name="text:link 3 url" content=""/>
  61. <meta name="text:link 4" content=""/>
  62. <meta name="text:link 4 url" content=""/>
  63. <meta name="text:link 5" content=""/>
  64. <meta name="text:link 5 url" content=""/>
  65. <meta name="text:link 6" content=""/>
  66. <meta name="text:link 6 url" content=""/>
  67. <meta name="text:link 7" content=""/>
  68. <meta name="text:link 7 url" content=""/>
  69.  
  70. <style type="text/css">
  71.  
  72. /*tumblr controls by cyantists*/
  73. iframe.tmblr-iframe {
  74. z-index: 99999999999999!important;
  75. top: 0!important;
  76. right: 0!important;
  77. opacity: 0.4;
  78. margin-top:10px!important;
  79. filter: invert(1) contrast(150%);
  80. -webkit-filter: invert(1) contrast(150%);
  81. -o-filter: invert(1) contrast(150%);
  82. -moz-filter: invert(1) contrast(150%);
  83. -ms-filter: invert(1) contrast(150%);
  84. transform: scale(0.5);
  85. transform-origin: 100% 0;
  86. -webkit-transform: scale(.7);
  87. -webkit-transform-origin: 100% 0;
  88. -o-transform: scale(.7);
  89. -o-transform-origin: 100% 0;
  90. -moz-transform: scale(.7);
  91. -moz-transform-origin: 100% 0;
  92. -ms-transform: scale(.7);
  93. -ms-transform-origin: 100% 0;
  94. }
  95.  
  96. ::selection {
  97. background: #f2f2f2;
  98. color:#000;
  99. }
  100.  
  101. ::-moz-selection {
  102. background: #f2f2f2;
  103. color:#000;
  104. }
  105.  
  106. ::-webkit-scrollbar {
  107. width:17px;
  108. height:17px;
  109. background-color:#fff;
  110. }
  111.  
  112. ::-webkit-scrollbar-thumb {
  113. border:8px solid #fff;
  114. background-color:{color:border};
  115. min-width:26px;
  116. min-height:26px;
  117. }
  118.  
  119. body {
  120. margin:0;
  121. font-size:11px;
  122. font-family: 'Karla', sans-serif;
  123. line-height:180%;
  124. -moz-osx-font-smoothing:grayscale;
  125. -webkit-font-smoothing:antialiased;
  126. font-smoothing:antialiased;
  127. color:{color:text};
  128. background:#fff;
  129. }
  130.  
  131. a {
  132. color:{color:link};
  133. text-decoration:none;
  134. }
  135.  
  136. a:hover {
  137. color:{color:link hover};
  138. }
  139.  
  140. big, pre, h1, h2, h3, h4, h5, h6, small, sub {
  141. font-size:11px;
  142. }
  143.  
  144. hr {
  145. border:0;
  146. }
  147.  
  148. li {
  149. list-style:normal;
  150. margin-left:-25px;
  151. }
  152.  
  153. img {
  154. border:0;
  155. max-width:100%;
  156. height:auto;
  157. display:block;
  158. }
  159.  
  160. #content {
  161. margin:120px auto;
  162. width:calc(450px + {text:post width});
  163. }
  164.  
  165.  
  166. article {
  167. width:{text:post width};
  168. position:relative;
  169. margin-left:450px;
  170. margin-bottom:150px;
  171. }
  172.  
  173. article:last-of-type {
  174. margin-bottom:0px;
  175. }
  176.  
  177. blockquote {
  178. margin:0px 0px 5px 0px;
  179. padding:0px 5px 0px 15px;
  180. border-left:1px solid {color:border};
  181. }
  182.  
  183. .captions a {
  184. font-family: 'Lora', serif;
  185. box-shadow: 0 -5px {color:accent} inset;
  186. }
  187.  
  188. .captions {
  189. margin-top:15px;
  190. color:#555;
  191. }
  192.  
  193. .title {
  194. font-weight:700;
  195. font-size:15px;
  196. }
  197.  
  198. aside {
  199. position:fixed;
  200. width:200px;
  201. }
  202.  
  203. aside #nav {
  204. position:absolute;
  205. width:120px;
  206. margin:50px 0px 0px 230px;
  207. font-family: 'Lora', serif;
  208. color:#000;
  209. }
  210.  
  211. #navtit {
  212. text-transform:uppercase;
  213. font-weight:700;
  214. word-spacing:4px;
  215. margin-bottom:7px;
  216. }
  217.  
  218. #links a{
  219. text-transform:lowercase;
  220. color:#000;
  221. display:block;
  222. margin-left:15px;
  223. }
  224.  
  225. #links a:before {
  226. content:'—';
  227. margin-right:5px;
  228. }
  229.  
  230. aside #cover {
  231. width:200px;
  232. height:280px;
  233. background:url({image:sidebar});
  234. display: flex;
  235. justify-content: center;
  236. align-items: center;
  237. }
  238.  
  239. #tagline {
  240. font-family: 'Lora', serif;
  241. background:{color:sidebar text background};
  242. font-size:13px;
  243. color:{color:sidebar text};
  244. text-transform:lowercase;
  245. font-style:italic;
  246. padding:1px 6px 3px 7px;
  247. }
  248.  
  249. aside #top {
  250. width:200px;
  251. height:20px;
  252. background:{color:accent};
  253. vertical-align:middle;
  254. line-height:20px;
  255. text-align:right;
  256. word-spacing:7px;
  257. color:{color:link};
  258. padding-right:7px;
  259. -webkit-box-sizing: border-box;
  260. -moz-box-sizing: border-box;
  261. box-sizing: border-box;
  262. }
  263.  
  264. #description {
  265. margin-top:15px;
  266. text-align:center;
  267. text-transform:lowercase;
  268. }
  269.  
  270. .permalinks {
  271. padding-top:7px;
  272. }
  273.  
  274. .permalink {
  275. font-family: 'Lora', serif;
  276. margin-bottom:15px;
  277. }
  278.  
  279. .pems {
  280. width:80%;
  281. position:absolute;
  282. }
  283.  
  284. .pems a {
  285. box-shadow: 0 -7px {color:accent} inset;
  286. }
  287.  
  288. .button {
  289. text-align:right;
  290. margin-left:2px;
  291. }
  292.  
  293. .button a {
  294. margin-right:10px;
  295. }
  296.  
  297. .button a:last-of-type {
  298. margin-right:0px;
  299. }
  300.  
  301. .notes {
  302. margin-top:30px;
  303. }
  304.  
  305. .quote, .src {
  306. line-height:190%;
  307. }
  308.  
  309. .quote {
  310. font-size:14px;
  311. font-style: italic;
  312. }
  313.  
  314. .src {
  315. font-size:10px;
  316. margin-top:5px;
  317. text-align:right;
  318. }
  319.  
  320. .w {
  321. max-width:{text:post width};
  322. max-height:{text:post width};
  323. }
  324.  
  325. .vc {
  326. overflow:hidden;
  327. }
  328.  
  329. .vc iframe, .vc object, .vc embed {
  330. max-width:{text:post width};
  331. max-height:{text:post width};
  332. }
  333.  
  334. .music iframe {
  335. max-width: 100%;
  336. }
  337.  
  338. .music {
  339. margin-bottom:-7px;
  340. }
  341.  
  342. ol.notes{
  343. padding:0;
  344. margin:0;
  345. }
  346.  
  347. ol.notes li {
  348. list-style-type: none;
  349. }
  350.  
  351. ol.notes li.note img{
  352. width:0px;
  353. height:0px;
  354. }
  355.  
  356. ol.notes li.note{
  357. margin:0px;
  358. }
  359.  
  360. .tags {
  361. margin-top:15px;
  362. padding-top:7px;
  363. border-top:1px solid {color:border};
  364. }
  365.  
  366. .tags a {
  367. display:inline-block;
  368. }
  369.  
  370. .tags a:last-of-type:after {
  371. content:'';
  372. margin-right:0px;
  373. }
  374.  
  375. .tags a:after {
  376. content:',';
  377. margin-right:4px;
  378. }
  379.  
  380. .like-b {
  381. position:relative;
  382. display:inline-block;
  383. height:1em;
  384. margin-bottom:-3px;
  385. line-height:1em;
  386. overflow:hidden;
  387. }
  388.  
  389. .like-b .like_button iframe {
  390. position:absolute;
  391. top:0px;
  392. left:0;
  393. bottom:0;
  394. right:0;
  395. z-index:2;
  396. opacity:0;
  397. }
  398.  
  399. .like-b .liked + .b {
  400. color:inherit;
  401. }
  402.  
  403. .like-b .liked + .b:after {
  404. content:'d';
  405. }
  406.  
  407. #pagination {
  408. text-align:center;
  409. margin-left:-9px;
  410. }
  411.  
  412. #pagination a:last-of-type {
  413. margin-right:0!important;
  414. }
  415.  
  416. .jump_page, .current_page {
  417. margin-right:9px;
  418. }
  419.  
  420. .jump_page {
  421. padding: 4px 8px;
  422. color:{color:text};
  423. text-decoration:none;
  424. }
  425.  
  426. .current_page {
  427. padding: 4px 8px;
  428. color:{color:text};
  429. background:{color:accent};
  430. text-decoration:none;
  431. border-radius:4px;
  432. -moz-border-radius:4px;
  433. -webkit-border-radius:4px;
  434. }
  435.  
  436. .question {
  437. margin-bottom:7px;
  438. }
  439.  
  440. .question a{
  441. border-bottom:1px solid {color:border};
  442. }
  443.  
  444. /* please be a decent human being.
  445. DO NOT TOUCH THE THEME CREDIT. */
  446.  
  447. .saeyoung a{
  448. background:#fff;
  449. position:fixed;
  450. left:25px;
  451. bottom:15px;
  452. font-size:9px;
  453. text-transform:lowercase;
  454. color:#000;
  455. z-index:999;
  456. border-radius:4px;
  457. -moz-border-radius:4px;
  458. -webkit-border-radius:4px;
  459. padding:3px 8px 4px 8px;
  460. }
  461.  
  462. </style> </head> <body>
  463.  
  464. <div id="content">
  465.  
  466. <aside>
  467.  
  468. <div id="nav">
  469. <div id="navtit">> navigation</div>
  470. <div id="links">
  471. {block:iflink1}
  472. <a href="{text:link 1 url}">{text:link 1}</a>
  473. {/block:iflink1}
  474.  
  475. {block:iflink2}
  476. <a href="{text:link 2 url}">{text:link 2}</a>
  477. {/block:iflink2}
  478.  
  479. {block:iflink3}
  480. <a href="{text:link 3 url}">{text:link 3}</a>
  481. {/block:iflink3}
  482.  
  483. {block:iflink4}
  484. <a href="{text:link 4 url}">{text:link 4}</a>
  485. {/block:iflink4}
  486.  
  487. {block:iflink5}
  488. <a href="{text:link 5 url}">{text:link 5}</a>
  489. {/block:iflink5}
  490.  
  491. {block:iflink6}
  492. <a href="{text:link 6 url}">{text:link 6}</a>
  493. {/block:iflink6}
  494.  
  495. {block:iflink7}
  496. <a href="{text:link 7 url}">{text:link 7}</a>
  497. {/block:iflink7}
  498. </div>
  499. </div>
  500.  
  501. <div id="top"> &#9679; &#9679; &#9679;</div>
  502.  
  503. <div id="cover">
  504. <div id="txt"><span id="tagline">{text:sidebar text}</span></div>
  505. </div>
  506.  
  507. <div id="description">{description}</div>
  508.  
  509. </aside>
  510.  
  511.  
  512.  
  513.  
  514. {block:Posts}
  515.  
  516.  
  517. {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} -->
  518.  
  519.  
  520.  
  521. <article id="{PostID}">
  522.  
  523.  
  524. {block:indexpage}{block:date}
  525. <div class="permalink">
  526. <div class="pems">
  527. <a href="{permalink}">{DayOfWeek}, {Month} {DayOfMonth}{DayOfMonthSuffix} {Year}</a></div>
  528. <div class="button"><a href="{ReblogURL}" target="_blank">reblog</a>
  529. <a class="like-b" href="#">{LikeButton}<span class="b">like</span></a>
  530. </div>
  531. </div>{/block:date}{/block:indexpage}
  532.  
  533. {block:Photo}<img style="width:100%;" src="{PhotoURL-HighRes}">{/block:Photo}
  534.  
  535. {block:Photoset}<div style="max-width:100%;"><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></div>{/block:Photoset}
  536.  
  537. {block:Text}{block:Title}<div class="title">{Title}</div>{/block:Title} <div style="border:0; padding:0;" class="captions">{Body}</div>{/block:Text}
  538.  
  539. {block:Audio}<div class="music">{AudioEmbed}</div>{/block:Audio}
  540.  
  541. {block:Answer}
  542. <div class="question">
  543. {Asker} asked:</div>
  544. <div style="margin-bottom:15px; font-style:italic;">
  545. {Question}</div>
  546. {Answer}
  547. {/block:Answer}
  548.  
  549. {block:Chat}
  550. {block:Title}
  551. <div class="title">{Title}</div>
  552. {/block:Title}
  553. {block:Lines}
  554. {block:Label}<div style="font-weight:700;display:inline;margin-right:5px;">{Label}</div>{/block:Label}{Line}<br>
  555. {/block:Lines}
  556. {/block:Chat}
  557.  
  558. {block:Quote}
  559. <div class="quote">{Quote}</div>
  560. {block:source}
  561. <div class="src">&mdash; {source}</div>
  562. {/block:source}
  563. {/block:Quote}
  564.  
  565. {block:Link}
  566. <div class="title"><a href="{URL}" {Target}>{Name}</a></div>
  567. {Description}
  568. {/block:Link}
  569.  
  570. {block:Video}
  571. <div class="vc"><div class="w">{Video-500}</div></div>
  572. {/block:Video}
  573.  
  574.  
  575. {block:ifshowcaptions}{block:indexpage}{block:Caption}<div class="captions">{Caption}</div>{/block:Caption}{/block:indexpage}{/block:ifshowcaptions}
  576.  
  577. {block:permalinkpage}{block:Caption}<div class="captions">{Caption}</div>{/block:Caption}{/block:permalinkpage}
  578.  
  579. {block:indexpage}
  580. {block:ifshowtags}
  581. {block:HasTags} <div class="tags"><div style="display:inline;font-family: 'Lora', serif; box-shadow: 0 -5px {color:accent} inset; color:#000; margin-right:7px;">filed under:</div>{block:Tags}<a href="{TagURL}">{Tag}</a>{/block:Tags}</div>{/block:HasTags}{/block:ifshowtags}{/block:indexpage}
  582.  
  583. {block:permalinkpage}{block:date} <div class="permalinks">{MonthNumberWithZero}.{DayOfMonthWithZero}.{Year} / {12Hour}:{Minutes}{AmPm} / {NoteCountwithLabel}<br>{block:RebloggedFrom}<a href="{ReblogParentURL}"> reblogged from </a> / <a href="{ReblogRootURL}">original post</a>{/block:RebloggedFrom}</div>
  584.  
  585. {block:HasTags} <div class="tags"><div style="display:inline;font-family: 'Lora', serif; box-shadow: 0 -5px {color:accent} inset; color:#000; margin-right:7px;">filed under:</div>{block:Tags}<a href="{TagURL}">{Tag}</a>{/block:Tags}</div>{/block:HasTags} {/block:date}{/block:permalinkpage}
  586.  
  587. {block:PostNotes}<div class="notes">{PostNotes}</div>{/block:PostNotes}
  588.  
  589.  
  590. </article>
  591.  
  592.  
  593. {/block:Posts}
  594.  
  595.  
  596. {block:Pagination}
  597. <article>
  598. <div id="pagination">
  599. {block:PreviousPage}<a href="{PreviousPage}" class="jump_page">&laquo;</a>{/block:PreviousPage}
  600. {block:JumpPagination length="5"}
  601. {block:CurrentPage}<span class="current_page">{PageNumber}</span>{/block:CurrentPage}
  602. {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>{/block:JumpPage}{/block:JumpPagination}
  603. {block:NextPage}<a href="{NextPage}" class="jump_page">&raquo;</a>{/block:NextPage}
  604. </div>
  605. </article>
  606. {/block:Pagination}
  607.  
  608. </div>
  609.  
  610. </body>
  611.  
  612.  
  613.  
  614. </html>
  615.  
  616.  
  617. <!--- don't edit the credit.
  618. don't remove the credit.
  619. just don't touch the credit. --->
  620.  
  621. <span class="saeyoung"><a href="https://nemurou.tumblr.com/">THEME</a></span>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
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!