API tools faq
paste
Advertisement
uchihaclan

TUMBLR BROKE

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