API tools faq
paste
Advertisement
uchihaclan

私は退屈だ

uchihaclan
May 18th, 2020 (edited)
2,206
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 15.99 KB | None | 0 0
raw download clone embed print report
  1. <html>
  2. <!---
  3. 私は退屈だ by @ps1
  4.  
  5. another simple theme bc im goin in the minimal direction once again!
  6. don't use this as a base code mwah.
  7. --->
  8.  
  9. <head>
  10. <title>{Title}</title>
  11. <link rel="icon" href="{image:FavIcon}" type="image/gif" >
  12. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  13. {block:Description}
  14. <meta name="description" content="{MetaDescription}" />
  15. {/block:Description}
  16.  
  17. <!--- Add Custom Fonts Here (like Google Fonts) --->
  18.  
  19. <!--- Then add Font name to the 'Font Family' in Theme Options Area --->
  20.  
  21. <meta name="image:favicon" content=""/>
  22. <meta name="image:sidebar" content="https://i.imgur.com/eABkA7t.png"/>
  23. <meta name="image:background" content=""/>
  24. <meta name="image:cursor" content="https://i.imgur.com/nx9LK6f.png"/>
  25.  
  26. <meta name="color:background" content="#fff">
  27. <meta name="color:posts" content="#fff">
  28. <meta name="color:title color" content="#000">
  29. <meta name="color:description color" content="#000">
  30. <meta name="color:dropdown bg" content="#fff">
  31. <meta name="color:dropdown border" content="#000">
  32. <meta name="color:post font" content="#000">
  33. <meta name="color:links" content="#0000ff">
  34. <meta name="color:link bg" content="#ddd">
  35. <meta name="color:link border" content="#000">
  36. <meta name="color:links hover" content="#ff0000">
  37. <meta name="color:border" content="#000">
  38.  
  39. <meta name="select:border" content="solid"/>
  40. <meta name="select:border" content="dashed"/>
  41. <meta name="select:border" content="dotted"/>
  42. <meta name="select:border" content="inset"/>
  43. <meta name="select:border" content="outset"/>
  44. <meta name="select:border" content="ridge"/>
  45. <meta name="select:border" content="groove"/>
  46.  
  47. <meta name="text:border size" content="1">
  48. <meta name="text:title" content="TITLE">
  49. <meta name="text:title font" content="arial">
  50. <meta name="text:title size" content="11">
  51. <meta name="text:description" content="DESCRIPTION">
  52. <meta name="text:font family" content="arial">
  53. <meta name="text:font size" content="11">
  54.  
  55. <meta name="if:round border" content="0" />
  56. <meta name="if:custom cursor" content="0" />
  57. <meta name="if:bold links" content="0"/>
  58. <meta name="if:italic links" content="0"/>
  59. <meta name="if:tile background" content="0" />
  60. <meta name="if:hide title" content="0"/>
  61. <meta name="if:hide desc" content="0"/>
  62. <meta name="if:hide links" content="0"/>
  63. <meta name="if:hide caption" content="0"/>
  64. <meta name="if:hide tags" content="0" />
  65. <meta name="if:redirect" content="0" />
  66.  
  67. <meta name="text:redirect link" content="/tagged/0">
  68. <meta name="text:dropdown width" content="60">
  69. <meta name="text:dropdown title" content="+">
  70. <meta name="text:link 1" content="One">
  71. <meta name="text:link 1 URL" content="/">
  72. <meta name="text:link 2" content="Two">
  73. <meta name="text:link 2 URL" content="/">
  74. <meta name="text:link 3" content="Three">
  75. <meta name="text:link 3 URL" content="/">
  76.  
  77. <style type="text/css">
  78.  
  79.  
  80. ::-moz-selection {
  81. background: {color:links hover};
  82. color: {color:background};}
  83.  
  84. ::selection {
  85. background: {color:links hover};
  86. color: {color:background};}
  87.  
  88. #s-m-t-tooltip {
  89. z-index: 999999999;
  90. background-color: {color:link bg};
  91. border-bottom: 1px {select:border} {color:link border};
  92. font-size: {text:Font Size}px;
  93. text-align: center;
  94. transition: all 0.3s ease-out;
  95. -o-transition: all 0.3s ease-out;
  96. -webkit-transition: all 0.3s ease-out;
  97. -moz-transition: all 0.3s ease-out;
  98. text-transform: normal;
  99. max-width: 200px;
  100. display: block;
  101. word-wrap: break-word;
  102. padding: 2px;
  103. margin: -30px 0px 10px 20px;}
  104.  
  105. body {
  106. background: {color:background};
  107. background-image: url({image:Background});
  108. background-attachment: fixed;
  109. {block:IfNotTileBackground}
  110. -webkit-background-size: cover;
  111. -moz-background-size: cover;
  112. -o-background-size: cover;
  113. background-size: cover;
  114. {/block:IfNotTileBackground}
  115. font-family: '{text:font family}';
  116. font-size: {text:font size}px;
  117. line-height: 120%;word-wrap: break-word;
  118. overflow-x:hidden;
  119. margin: 0;
  120. }
  121.  
  122. {block:IfCustomCursor}
  123. body, *, a, a:hover { cursor:url({image:cursor}), auto;}
  124. {/block:IfCustomCursor}
  125. p {margin: 10px 0 10px 0;}
  126. ul {list-style: square;}
  127. img {max-width: 100%;}
  128. h1 {line-height: 150%;}
  129. blockquote {margin-left: 10px; padding-left: 10px; border-left:1px solid {color:border};
  130. }
  131.  
  132. a:link, a:active, a:visited {
  133. color: {color:links};
  134. text-decoration: none;
  135. {block:IfBoldLinks}font-weight: bold;{/block:IfBoldLinks}
  136. {block:IfItalicLinks}font-style: italic;{/block:IfItalicLinks}
  137. -webkit-transition: all 0.2s ease-in-out;
  138. -moz-transition: all 0.2s ease-in-out;
  139. -o-transition: all 0.2s ease-in-out;
  140. -ms-transition: all 0.2s ease-in-out;
  141. transition: all 0.2s ease-in-out;}
  142.  
  143. a:hover {
  144. color: {color:links Hover};
  145. text-decoration: none;
  146. font-style: italic;
  147. -webkit-transition: all 0.2s ease-in-out;
  148. -moz-transition: all 0.2s ease-in-out;
  149. -o-transition: all 0.2s ease-in-out;
  150. -ms-transition: all 0.2s ease-in-out;
  151. transition: all 0.2s ease-in-out;
  152. }
  153.  
  154. ::-webkit-scrollbar {
  155. width: 10px;
  156. }
  157. ::-webkit-scrollbar-track {
  158. background: {color:posts};
  159. border: {text:border size}px {select:border} {color:border};
  160. border-top: 0; border-bottom: 0;
  161. }
  162. ::-webkit-scrollbar-thumb {
  163. background-color: {color:posts};
  164. border: {text:border size}px {select:border} {color:border};
  165. }
  166.  
  167. #content {
  168. margin: auto;
  169. width: 700px;
  170. margin-top: 50px;
  171. margin-bottom: 100px;
  172. position: relative;
  173. }
  174.  
  175. #nep {
  176. margin-left: -70px;
  177. position: fixed;
  178. text-align: center;
  179. width: 200px;
  180. }
  181. #nep img {max-width: 200px;}
  182.  
  183. .title {
  184. font-family: {text:title font};
  185. font-size: {text:title size}px;
  186. text-align: center;
  187. margin-bottom: 10px;
  188. }
  189. .title a {text-decoration: none; color: {color:title color};}
  190. .title a:hover {color: {color:links hover};}
  191.  
  192. .desc {
  193. margin: 10px 0 0 0;
  194. color: {color:description color};
  195. }
  196.  
  197. .desc a{
  198. background-color: {color:link bg};
  199. border-bottom: 1px {select:border} {color:link border};
  200. padding: 0;}
  201.  
  202. .beep {
  203. background: {color:dropdown bg};
  204. font-size: {text:Font Size}px;
  205. font-family: '{text:font family}';
  206. width: {text:dropdown width}px;
  207. border: 1px {select:border} {color:dropdown border};
  208. {block:IfRoundBorder}
  209. border-radius: 5px;{/block:IfRoundBorder}
  210. margin-top: 10px;
  211. padding: 0px;
  212. }
  213. .lank {
  214. position: relative;
  215. display: inline-block;
  216. }
  217. .dstuff {
  218. display: none;
  219. position: absolute;
  220. background-color: {color:posts};
  221. width: {text:dropdown width}px;
  222.  
  223. }
  224. .dstuff a {
  225. text-decoration: none;
  226. display: block;
  227. background-color: {color:background};}
  228. .dstuff a:hover {
  229. font-style: italic;
  230. }
  231. .lank:hover .dstuff {
  232. display: block;
  233.  
  234. }
  235. .lank:hover .beep {
  236. background-color: {color:posts};
  237. }
  238.  
  239. .posts {
  240. text-align: left;
  241. color: {color:post font};
  242. background-color: {color:posts};
  243. border: {text:border size}px {select:border} {color:border};
  244. {block:IfRoundBorder}
  245. border-radius: 5px;{/block:IfRoundBorder}
  246. margin-bottom: 60px;
  247. margin-left: 200px;
  248. padding: 15px;
  249. width: 400px;
  250. position: relative;
  251. -webkit-transition: all 0.7s ease-in-out;
  252. -moz-transition: all 0.7s ease-in-out;
  253. -o-transition: all 0.7s ease-in-out;
  254. -ms-transition: all 0.7s ease-in-out;
  255. transition: all 0.7s ease-in-out;
  256. }
  257.  
  258. .posts img {
  259. -webkit-transition: all 0.7s ease-in-out;
  260. -moz-transition: all 0.7s ease-in-out;
  261. -o-transition: all 0.7s ease-in-out;
  262. -ms-transition: all 0.7s ease-in-out;
  263. transition: all 0.7s ease-in-out;
  264.  
  265. .posts img:hover {
  266. filter: opacity(50%);
  267. -webkit-transition: all 0.7s ease-in-out;
  268. -moz-transition: all 0.7s ease-in-out;
  269. -o-transition: all 0.7s ease-in-out;
  270. -ms-transition: all 0.7s ease-in-out;
  271. transition: all 0.7s ease-in-out;
  272. }
  273.  
  274. .posts a{
  275. background-color: {color:link bg};
  276. border-bottom: 1px {select:border} {color:link border};
  277. padding: 0 2px 0 2px;}
  278.  
  279. .pic a {padding: 0; border: 0; background: transparent;}
  280. .pic img {display: block;}
  281.  
  282. #notes {margin-top: 10px;}
  283. #notes a {background: transparent; border: 0;}
  284. #notes a:hover {color: {color:links hover};}
  285.  
  286. .tags {
  287. background-color: transparent;
  288. max-height:0px;
  289. opacity:0;
  290. transition: all 0.3s ease;
  291. -webkit-transition: all 0.3s ease;
  292. -moz-transition: all 0.3s ease;
  293. -o-transition: all 0.3s ease;
  294. }
  295. .tlink {margin-top: 10px;}
  296. .tlink a {line-height: 180%;}
  297.  
  298. .posts:hover .tags{
  299. margin-top: 10px;
  300. opacity: 1;
  301. background-image: url({image:tags});
  302. max-height:300px;
  303. transition: all 0.3s ease;
  304. -webkit-transition: all 0.3s ease;
  305. -moz-transition: all 0.3s ease;
  306. -o-transition: all 0.3s ease;}
  307.  
  308. .question {
  309. padding: 3px;
  310. text-align: center;
  311. border: 1px {select:border} {color:border};
  312. {block:IfRoundBorder}
  313. border-radius: 5px;{/block:IfRoundBorder}
  314. background: {color:background};
  315. filter:drop-shadow(3px 3px 0px {color:border});
  316. }
  317.  
  318. .ask {margin-bottom: 10px;}
  319.  
  320. .mer a {padding: 0; border: 0; background: transparent;}
  321.  
  322. #permanotes {
  323. margin-top: 20px;
  324. margin-bottom: 10px;
  325. max-height: 250px;
  326. overflow:scroll;
  327. overflow-x: hidden;
  328. }
  329.  
  330. #permanotes ol.notes {
  331. list-style-type: none;
  332. margin: 0;
  333. padding: 0;}
  334.  
  335. #permanotes img.avatar {
  336. margin-right: 10px;
  337. border: 1px solid {color:description color};
  338. {block:IfRoundBorder}
  339. border-radius: 5px;{/block:IfRoundBorder}
  340. display: inline;
  341. width: 16px;
  342. height: 16px;}
  343.  
  344. #permanotes a {padding: 0; background: transparent; border: 0;}
  345.  
  346. .pagination {
  347. margin-left: 200px;
  348. text-align: right;
  349. padding: 15px;
  350. width: 400px;
  351. border: 1px {select:border} {color:border};
  352. {block:IfRoundBorder}
  353. border-radius: 5px;{/block:IfRoundBorder}
  354. background-color: {color:posts};
  355. }
  356.  
  357. .pagination a {
  358. background-color: {color:link bg};
  359. border-bottom: 1px {select:border} {color:link border};
  360. padding: 0 2px 0 2px;
  361. }
  362.  
  363. .quote {
  364. text-align: justify;
  365. font-style: italic;
  366. font-weight: bold;
  367. font-size: 140%;
  368. line-height: 130%;
  369. }
  370.  
  371. .source {text-align: right;}
  372.  
  373. .spotify_audio_player {
  374. height:80px!important;
  375. width:100%!important;}
  376.  
  377. .soundcloud_audio_player {
  378. height:150px!important;
  379. width:100%!important;}
  380.  
  381. .trackback {
  382. position: absolute;
  383. left: 20px;
  384. top: 20px;
  385. width: 19px;
  386. height: 19px;
  387. background-color: #fff;
  388. padding: 10px;
  389. opacity: .4;}
  390.  
  391. .pressplay{
  392. position: relative;
  393. width: 25px;
  394. height: 25px;
  395. overflow: hidden;
  396. left: -6px;
  397. top: -3px;}
  398.  
  399. .albumpic {
  400. position: absolute;
  401. left: 0px;
  402. top: 0px;
  403. width: 79px;
  404. height: 79px;}
  405.  
  406. .albumpic img {
  407. width: 100%;
  408. height: auto;
  409. border: 1px solid {color:description color};}
  410.  
  411. .trackinfo {
  412. width: auto;
  413. display:inline-block;
  414. margin-left: 90px;
  415. min-height: 85px;}
  416.  
  417. .audiowrapper {position: relative; display:inline-block;}
  418.  
  419. #re3carlos {
  420. position: fixed;
  421. bottom: 15px;
  422. right: 15px;
  423. font-size: 16px;
  424. }
  425.  
  426. iframe#tumblr_controls, .iframe-controls--desktop {
  427. filter:invert(100%) hue-rotate(180deg);
  428. -webkit-filter:invert(100%) hue-rotate(180deg);
  429. -moz-filter:invert(100%) hue-rotate(180deg);
  430. -o-filter:invert(100%) hue-rotate(180deg);
  431. -ms-filter:invert(100%) hue-rotate(180deg);
  432. }
  433.  
  434. </style>
  435.  
  436. {block:IfRedirect}
  437. <script>
  438. if(window.location.pathname == '/') location.replace('{text:Redirect Link}');
  439. </script>
  440. {block:IfRedirect}
  441.  
  442. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  443.  
  444. <script type="text/javascript" src="https://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
  445.  
  446. <script>
  447. (function($){
  448. $(document).ready(function(){
  449. $("[title]").style_my_tooltips();
  450. });
  451. })(jQuery);
  452. </script>
  453.  
  454. <script src="https://cdnjs.cloudflare.com/ajax/libs/smoothscroll/1.4.9/SmoothScroll.js"></script>
  455.  
  456. </head>
  457.  
  458.  
  459.  
  460. <div id="content">
  461.  
  462. <div id="nep">
  463. {block:ifNotHideTitle}
  464. <div class="title"><a href="/">{text:title}</a></div>
  465. {/block:ifNotHideTitle}
  466.  
  467. <a href="/"><img src="{image:sidebar}"></a><br>
  468.  
  469. {block:ifNotHideDesc}
  470. <div class="desc">{text:description}</div>
  471. {/block:ifNotHideDesc}
  472.  
  473. {block:ifNotHideLinks}
  474. <div class="lank">
  475. <button class="beep">
  476. {text:dropdown title}</button>
  477. <div class="dstuff">
  478. <a href="{text:link 1 URL}">{text:link 1}</a>
  479. <a href="{text:link 2 URL}">{text:link 2}</a>
  480. <a href="{text:link 3 URL}">{text:link 3}</a>
  481. </div>
  482. </div>
  483. {/block:ifNotHideLinks}
  484. </div>
  485.  
  486. {block:Posts}
  487. <div class="posts">
  488.  
  489. {block:Text}
  490. {block:Title}<a href="{Permalink}">{Title}</a>{/block:Title}
  491. {Body}
  492. {/block:Text}
  493.  
  494. {block:Quote}
  495. <div class="quote">"{Quote}"</div>
  496. {block:Source}<div class="source">&mdash; {Source}</div>{/block:Source}
  497. {/block:Quote}
  498.  
  499. {block:Link}
  500. <big><a href="{URL}">{Name}</a></big>
  501. {block:Description}{Description}{/block:Description}
  502. {/block:Link}
  503.  
  504. {block:Chat}
  505. {block:Title}{Title}{/block:Title}
  506. {block:Lines}
  507. <div class="{Alt} user_{UserNumber}">
  508. {block:Label}{Label}{/block:Label} {Line}
  509. </div>
  510. {/block:Lines}
  511. {/block:Chat}
  512.  
  513. {block:Answer}
  514. <div class="ask">{Asker}:</div>
  515. <div class="question">{Question}</div>
  516. {Answer}
  517. {/block:Answer}
  518.  
  519.  
  520. {block:Photo}
  521. <div class="pic"><center>{LinkOpenTag}<img src="{PhotoURL-HighRes}" alt="{Permalink}"/>{LinkCloseTag}</center></div>
  522. {/block:Photo}
  523.  
  524. {block:Photoset}
  525. {Photoset}
  526. {/block:Photoset}
  527.  
  528. {block:Video}
  529. <center>{Video-400}</center>
  530. {/block:Video}
  531.  
  532. {block:AudioPlayer}
  533. <div class="audiowrapper">
  534. {block:AlbumArt}
  535. <div class="albumpic"><img src="{AlbumArtURL}"></div>
  536. {/block:AlbumArt}
  537. <div class="trackback">
  538. <div class="pressplay">
  539. {AudioPlayer}
  540. </div></div>
  541. <div class="trackinfo">
  542. {block:TrackName}{TrackName}{/block:TrackName}<br>
  543. {block:Artist}<b>{Artist}</b>{/block:Artist}<br>
  544. {block:Album}<i>{Album}</i>{/block:Album}<br>
  545. </div></div>
  546. {/block:AudioPlayer}
  547.  
  548. {block:ifNotHideCaption}
  549. {block:Caption}{Caption}{/block:Caption}
  550. {/block:ifNotHideCaption}
  551.  
  552. {block:IndexPage}<div id="notes">
  553. <a href="{Permalink}" data-toggle="tooltip" title="{TimeAgo}">{Month} {DayOfMonth}</a> <a href="{Permalink}" style="float:right;">{NoteCount}N</a>
  554. </div>{/block:IndexPage}
  555.  
  556. {block:IndexPage}{block:HasTags}
  557. <div class="tags">
  558. <a href="{ReblogURL}">&olarr;</a>
  559. {block:RebloggedFrom} / <a href="{ReblogParentURL}">&hearts;</a>{/block:RebloggedFrom}
  560. {block:ContentSource} / <a href="{SourceURL}">&copy;</a>{/block:ContentSource}{block:ifNotHideTags}
  561. <div class="tlink">{block:Tags}
  562. <a href="{TagURL}">#{Tag}</a>
  563. {/block:Tags}</div>{/block:ifNotHideTags}</div>
  564. {/block:HasTags}{/block:IndexPage}
  565.  
  566. {block:PermalinkPage}
  567. {block:ifHideCaption}
  568. {block:Caption}{Caption}{/block:Caption}
  569. {/block:ifHideCaption}
  570.  
  571. <div class="mer"><p>{block:NoteCount}Notes: <a href="{Permalink}">{NoteCount}</a><br>{/block:NoteCount}
  572. {block:HasTags}Tags: {block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}<br>{/block:HasTags}
  573. {block:RebloggedFrom}
  574. Via: <a href="{ReblogParentURL}">{ReblogParentName}</a>
  575. <br>{/block:RebloggedFrom}{block:ContentSource}
  576. Source: <a href="{SourceURL}">{SourceTitle}</a>
  577. {/block:ContentSource}</p></div>
  578.  
  579. {block:NoteCount}<div id="permanotes">
  580. {block:PostNotes}{PostNotes}{/block:PostNotes}
  581. </div>{/block:NoteCount}
  582. {/block:PermalinkPage}
  583. </div>
  584. {/block:Posts}
  585.  
  586. {block:Pagination}
  587. <div class="pagination">
  588. {block:PreviousPage}<a href="{PreviousPage}" style="float:left;">Previous</a> {/block:PreviousPage}
  589. {block:NextPage}<a href="{NextPage}">Next</a>{/block:NextPage}
  590. </div>{/block:Pagination}
  591. </div>
  592.  
  593. <div id="re3carlos">
  594. <a href="https://ps1.tumblr.com/" data-toggle="tooltip" title="@PS1">&#10811;</div>
  595. </a>
  596. </div>
  597. </body>
  598. </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!