API tools faq
paste
uchihaclan

二代目火影

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