API tools faq
paste
uchihaclan

BASE CODE

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