API tools faq
paste
ptsdnick

leather jacket theme

ptsdnick
Jun 23rd, 2017
354
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 14.31 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <head>
  3.  
  4. <!-----
  5. base code by animecharacter.tumblr.com!!!!!<-
  6.  
  7. leather jacket theme (aka i ♥ negan theme) by eddie aka adamstanheight / edgiegluskin
  8.  
  9. Happy pride this is 100% a gay theme.
  10.  
  11. 1) do not removed the credit
  12. 2) do not move the credit
  13. 3) do not repost and claim as your own
  14.  
  15. if you have any question, shoot me an ask at edgiegluskin.tumblr.com
  16.  
  17. Enjoy.
  18. ----->
  19.  
  20. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  21.  
  22. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  23.  
  24. <script>
  25.  
  26.  
  27. (function($){
  28.  
  29. $(document).ready(function(){
  30.  
  31. $("a[title]").style_my_tooltips({
  32.  
  33. tip_follows_cursor:true,
  34.  
  35. tip_delay_time:30,
  36.  
  37. tip_fade_speed:300,
  38.  
  39. attribute:"title"
  40.  
  41. });
  42.  
  43. });
  44.  
  45. })(jQuery);
  46.  
  47. </script>
  48.  
  49. <meta charset="utf-8">
  50. <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  51. {block:Description}
  52. <meta name="description" content="{MetaDescription}" />
  53. {/block:Description}
  54.  
  55. <title>{Title}</title>
  56.  
  57. <link rel="shortcut icon" href="{Favicon}">
  58. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  59. <link rel="stylesheet" href="http://static.tumblr.com/qxrkgx6/RWPmgn2qa/normalize.min.css">
  60.  
  61. <meta name="image:icon" content=""/>
  62. <meta name="image:footer" content=""/>
  63. <meta name="image:background"/>
  64. <meta name="image:post pixel"/>
  65. <meta name="image:static image" content=""/>
  66.  
  67. <meta name="color:background"/>
  68. <meta name="color:post"/>
  69. <meta name="color:sidebar"/>
  70. <meta name="color:border"/>
  71. <meta name="color:link"/>
  72. <meta name="color:link hover"/>
  73. <meta name="color:text"/>
  74. <meta name="color:footer"/>
  75. <meta name="color:footer text"/>
  76. <meta name="color:ask bg"/>
  77. <meta name="color:ask text"/>
  78. <meta name="color:blockquote"/>
  79. <meta name="color:glow"/>
  80. <meta name="color:highlight"/>
  81. <meta name="color:highlight text"/>
  82.  
  83. <meta name="select:border" content="solid"/>
  84. <meta name="select:border" content="outset"/>
  85. <meta name="select:border" content="dashed"/>
  86. <meta name="select:border" content="dotted"/>
  87. <meta name="select:border" content="none"/>
  88.  
  89. <meta name="select:post width" content="300px"/>
  90. <meta name="select:post width" content="350px"/>
  91. <meta name="select:post width" content="375px"/>
  92. <meta name="select:post width" content="400px"/>
  93.  
  94. <meta name="select:font style" content="arial"/>
  95. <meta name="select:font style" content="lato"/>
  96. <meta name="select:font style" content="open sans"/>
  97. <meta name="select:font style" content="consolas"/>
  98. <meta name="select:font style" content="verdana"/>
  99.  
  100. <meta name="select:font size" content="11px"/>
  101. <meta name="select:font size" content="12px"/>
  102. <meta name="select:font size" content="13px"/>
  103.  
  104. <meta name="if:underline links"/>
  105. <meta name="if:small cursor"/>
  106. <meta name="if:transparent"/>
  107. <meta name="if:post glow"/>
  108. <meta name="if:round borders"/>
  109. <meta name="if:round icon"/>
  110. <meta name="if:show tags"/>
  111.  
  112. <meta name="text:post margin" content="100px"/>
  113. <meta name="text:pixel margin" content="300px"/>
  114.  
  115. <meta name="text:url" content=""/>
  116. <meta name="text:title" content=""/>
  117. <meta name="text:url 2" content=""/>
  118. <meta name="text:title 2" content=""/>
  119.  
  120. <meta name="text:static image width" content=""/>
  121. <meta name="text:static image margin left" content="0"/>
  122. <meta name="text:static image margin bottom" content="0"/>
  123.  
  124. <script src="http://static.tumblr.com/qxrkgx6/LuRmgn2rm/modernizr-2.6.2.min.js"></script>
  125.  
  126. <style type="text/css">
  127.  
  128.  
  129. /*
  130. general text styles, fonts and colours
  131. */
  132.  
  133. ::selection {
  134. background: {color:Highlight};
  135. color: {color:Highlight text};
  136. }
  137.  
  138. ::-moz-selection {
  139. background: {color:Highlight};
  140. color: {color:Highlight text};
  141. }
  142.  
  143. {block:ifsmallcursor} *, body {cursor: url(http://i.imgur.com/2qleX.jpg), auto;} a, a:link,a:active,a:visited, a:hover {cursor: url(http://i.imgur.com/IepP2.jpg), auto;} {/block:ifsmallcursor}
  144.  
  145. #s-m-t-tooltip {max-width:300px;border-radius:0px ;padding:4px;border:1px solid {color:border}; margin:20px 7px -2px 20px;background-color:{color:post};font-size:12px;text-transform:normal;color:{color:text};z-index:999999999999999999999999999999999999;letter-spacing:.8px;}
  146.  
  147. body {
  148. margin:0px;
  149. background:{color:background} url('{image:background}') no-repeat center center fixed;
  150. -webkit-background-size: cover;
  151. -moz-background-size: cover;
  152. -o-background-size: cover;
  153. background-size: cover;;
  154. font-family:{select:font style};
  155. font-size:{select:font size};
  156. line-height:140%;
  157. color:{color:text};
  158. }
  159.  
  160. p{
  161. margin:0 0 10px 0;
  162. padding:0;
  163. }
  164.  
  165. pre {
  166. white-space: pre-wrap;
  167. white-space: -moz-pre-wrap;
  168. white-space: -pre-wrap;
  169. white-space: -o-pre-wrap;
  170. word-wrap: break-word;
  171. }
  172.  
  173. a{
  174. color:{color:link};
  175. text-decoration:none;
  176. {block:ifunderlinelinks}
  177. text-decoration:underline;
  178. {/block:ifunderlinelinks}
  179. -webkit-transition-duration: .5s;
  180. -moz-transition-duration: .5s;
  181. -o-transition-duration: .5s;
  182. }
  183.  
  184. a:hover{
  185. color:{color:link hover};
  186. font-weight:bold;
  187. }
  188.  
  189. li{
  190. margin-left:-15px;
  191. }
  192.  
  193. /*
  194. containers etc
  195. */
  196. #wrapper{
  197. width:600px;
  198. margin:50px auto;
  199. }
  200.  
  201. #sidebar{
  202. width:120px;
  203. position:fixed;
  204. margin:100px 0 0 -100px;
  205. padding:10px;
  206. border:1px {select:border} {color:border};
  207. background:{color:sidebar};
  208. {block:ifroundborders}
  209. border-radius:10px;
  210. {/block:ifroundborders}
  211. {block:ifpostglow}
  212. box-shadow: 0 0 15px 10px {color:glow};
  213. {/block:ifpostglow}
  214. {block:iftransparent}
  215. background: {color:Background} url('{image:Background}') no-repeat center center fixed;
  216. -webkit-background-size: cover;
  217. -moz-background-size: cover;
  218. -o-background-size: cover;
  219. background-size: cover;
  220. {/block:iftransparent}
  221. }
  222.  
  223. #sidebar img{
  224. width:100px;
  225. margin:5px 0 0 10px;
  226. {block:ifroundicon}
  227. border-radius:80px;
  228. {/block:ifroundicon}
  229.  
  230. }
  231.  
  232. #content{
  233. width:600px;
  234. margin-left:200px;
  235. overflow:hidden;
  236. }
  237.  
  238. .post{
  239. width:{select:post width};
  240. margin:20px 0 {text:post margin} 50px;
  241. overflow:hidden;
  242. padding:10px;
  243. border:1px {select:border} {color:border};
  244. background:{color:post};
  245. {block:ifroundborders}
  246. border-radius:10px;
  247. {/block:ifroundborders}
  248. {block:ifpostglow}
  249. box-shadow: 0 0 15px 10px {color:glow};
  250. {/block:ifpostglow}
  251. {block:iftransparent}
  252. background: {color:Background} url('{image:Background}') no-repeat center center fixed;
  253. -webkit-background-size: cover;
  254. -moz-background-size: cover;
  255. -o-background-size: cover;
  256. background-size: cover;
  257. {/block:iftransparent}
  258. }
  259.  
  260. #sidebar img, .post img{
  261. max-width:100%;
  262. }
  263.  
  264. #nav{
  265. border-bottom:1px {color:border} {select:border};
  266. padding-bottom:5px;
  267. text-align:center;
  268. }
  269.  
  270. #description{
  271. padding:2px;
  272. text-align:center;
  273. font-style:italic;
  274. }
  275.  
  276. #links{
  277. text-align:center;
  278. }
  279.  
  280. #postpixel{position:absolute;margin-top:-23px;margin-left:{text:pixel margin};}
  281.  
  282.  
  283. /*
  284. content in the body of the posts - quotes, asks, etc
  285. "media" contains photos, photosets, videos, audio posts
  286. */
  287. .media{
  288. margin:0 0 10px 0;
  289. }
  290.  
  291. .title{
  292. font-weight:normal;
  293. font-size:18px;
  294. margin:0 0 10px 0;
  295. line-height:150%;
  296. text-align:center;
  297. border-bottom:1px {color:border} solid;
  298. padding-bottom:2px;
  299. font-weight:bold;
  300. }
  301.  
  302. .quote{
  303. font-weight:normal;
  304. font-size:16px;
  305. font-style:italic;
  306. margin:0 0 10px 0;
  307. }
  308.  
  309. .question{
  310. margin-bottom:10px;
  311. background:{color:ask bg};
  312. color:{color:ask text};
  313. padding:5px;
  314. {block:ifroundborders}
  315. border-radius:10px;
  316. {/block:ifroundborders}
  317. }
  318.  
  319. .question img{
  320. border-radius:10px;
  321. }
  322.  
  323. blockquote{
  324. margin:0 0 10px 10px;
  325. padding:0 0 0 10px;
  326. border-left:solid 1px {color:blockquote};
  327. }
  328.  
  329. #audio .player{background:#FFF;height:25px;width:25px;padding:2px;overflow:hidden;position:absolute;margin-top:8px;margin-left:8px;border:2px solid #fff;opacity:0.8;z-index:2;}
  330.  
  331. .art{width:50px;height:50px; position:absolute;display:block;z-index:1;}
  332. .art img{width:40px;height:40px;}
  333.  
  334. .songtitle{margin-left:60px;height:40px;padding:5px 10px;line-height:13px;overflow:auto;font-size:13px;}
  335.  
  336. .video-container {
  337. position: center;
  338. overflow: hidden;
  339. }
  340.  
  341. .video-container iframe,
  342. .video-container object,
  343. .video-container embed {
  344. position: center;
  345. max-width:{select:Postwidth} ;
  346. max-height:{select:Postwidth} ;
  347. }
  348.  
  349. .video-wrapper {
  350. max-width:{select:Postwidth} ;
  351. max-height:{select:Postwidth} ;
  352. }
  353.  
  354. /*
  355. post footers - date, tags, via and source
  356. */
  357. .post .footer{
  358. margin:0;
  359. text-align:center;
  360. padding:2px;
  361. {block:ifroundborders}
  362. border-radius:10px;
  363. {/block:ifroundborders}
  364. background:{color:footer};
  365. color:{color:footer text};
  366. }
  367.  
  368. .footer img{
  369. width:auto;
  370. }
  371.  
  372. /*
  373. post notes
  374. */
  375. ol.notes{
  376. list-style-type:none;
  377. padding:0;
  378. margin:0;
  379. }
  380.  
  381. ol.notes li.note img{
  382. width:16px;
  383. height:16px;
  384. }
  385.  
  386. ol.notes li.note{
  387. margin:0px;
  388. }
  389.  
  390. {CustomCSS}
  391. </style>
  392. </head>
  393.  
  394. <body>
  395.  
  396. <link href="https://fonts.googleapis.com/css?family=ABeeZee|Bitter|Karla|Lora|Montserrat|Open+Sans|Source+Sans+Pro" rel="stylesheet">
  397.  
  398. <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
  399.  
  400. <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
  401. <link href='https://fonts.googleapis.com/css?family=Open+Sans|Monda' rel='stylesheet' type='text/css'>
  402.  
  403. <link href="http://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/><link href='https://fonts.googleapis.com/css?family=Work+Sans:300,400,500,700,300italic,400italic,500italic,700italic|Roboto:300,400,500,700,300italic,400italic,500italic,700italic|Lato:300,400,500,700,300italic,400italic,500italic,700italic|PT+Sans:300,400,500,700,300italic,400italic,500italic,700italic|Source+Sans+Pro:300,400,500,700,300italic,400italic,500italic,700italic|Karla:300,400,500,700,300italic,400italic,500italic,700italic|Hind:300,400,500,700,300italic,400italic,500italic,700italic|Play:300,400,500,700,300italic,400italic,500italic,700italic|Roboto+Mono:300,400,500,700,300italic,400italic,500italic,700italic|Muli:300,400,500,700,300italic,400italic,500italic,700italic' rel='stylesheet' type='text/css'>
  404.  
  405. <div id="wrapper">
  406.  
  407. <div id="sidebar">
  408. {block:Pagination}<div id="nav">
  409. {block:PreviousPage}
  410. <a href="{PreviousPage}">prev</a>
  411. {/block:PreviousPage}
  412. {block:JumpPagination length="3"}
  413. {block:CurrentPage}
  414. <span class="current_page">{PageNumber}</span>
  415. {/block:CurrentPage}
  416. {block:JumpPage}
  417. <a class="jump_page" href="{URL}">{PageNumber}</a>
  418. {/block:JumpPage}
  419. {/block:JumpPagination}
  420. {block:NextPage}
  421. <a href="{NextPage}">next</a>
  422. {/block:NextPage}</div> {/block:Pagination}
  423. <a href="/"><img src="{image:icon}" title="refresh"></a>
  424. {block:Description}
  425. <div id="description"><p>{Description}</p></div>
  426. {/block:Description}
  427.  
  428. <div id="links">
  429. <a href="/">home</a><br>
  430. <a href="/ask">ask</a>
  431. {block:ifurl}<br><a href="{text:url}">{text:title}</a>{/block:ifurl}
  432. {block:ifurl2}<br><a href="{text:url 2}">{text:title 2}</a>{/block:ifurl2}
  433. </div>
  434.  
  435. </div>
  436.  
  437.  
  438.  
  439. <div id="content">
  440. {block:Posts}
  441.  
  442. {block:ContentSource}
  443. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  444. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  445. {/block:SourceLogo}
  446. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  447. {/block:ContentSource}
  448. {block:NoRebloggedFrom}
  449. {block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}
  450. {/block:NoRebloggedFrom}
  451.  
  452. <div class="post">
  453. <div id="postpixel"><img src="{image:post pixel}"></div>
  454.  
  455. {block:Text}
  456. {block:Title}
  457. <div class="title">{Title}</div>
  458. {/block:Title}
  459. {Body}
  460. {/block:Text}
  461.  
  462. {block:Photo}
  463. <div class="media">{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}</div>
  464. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  465. {/block:Photo}
  466.  
  467. {block:Photoset}
  468. <div class="media">{Photoset}</div>
  469. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  470. {/block:Photoset}
  471.  
  472. {block:Quote}
  473. <div class="quote">"{Quote}"</div>
  474. {block:Source}
  475. <div class="quotesource">{Source}</div>
  476. {/block:Source}
  477. {/block:Quote}
  478.  
  479. {block:Link}
  480. <div class="title"><a href="{URL}">{Name}</a></div>
  481. {block:Description}
  482. <div class="description">{Description}</div>
  483. {/block:Description}
  484. {/block:Link}
  485.  
  486. {block:Chat}
  487. {block:Title}
  488. <div class="title">{Title}</div>
  489. {/block:Title}
  490.  
  491. {block:Lines}
  492. <div class="{Alt} user_{UserNumber}">
  493. {block:Label}
  494. <b>{Label}</b>{/block:Label}
  495. &nbsp;{Line}
  496. </div>
  497. {/block:Lines}
  498. {/block:Chat}
  499.  
  500. {block:Video}
  501. <div class="media">
  502. <div class="video-wrapper">
  503. <div class="video-container">{Video-400}</div>
  504. </div>
  505. </div>
  506. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  507. {/block:Video}
  508.  
  509. {block:Audio}
  510. <div id="audio">
  511. <div class="art">{block:AlbumArt}<img src="{AlbumArtURL}">{/block:AlbumArt}</div>
  512. <div class="player">{AudioPlayerWhite}</div>
  513. <div class="songtitle">
  514. {block:TrackName}<i>{TrackName}</i>{/block:TrackName}<br>
  515. {block:Artist}{Artist}{/block:Artist}<br>
  516. {block:Album}{Album}{/block:Album}</div></div>
  517. {block:Caption}{Caption}{/block:Caption}
  518. {/block:Audio}
  519.  
  520. {block:Answer}
  521. <div class="question"><img src="{AskerPortraitURL-24}"> <b>{Asker}</b> asked: <i>" {Question} "</i></div>
  522. <div class="caption">{Answer}</div>
  523. {/block:Answer}
  524.  
  525.  
  526. {block:Date}
  527. <div class="footer">
  528. <a href="{Permalink}" title="{TimeAgo}">{MonthNumberWithZero} / {Year}</a> {block:NoteCount} <img src="{image:footer}"> {NoteCount}{/block:NoteCount}{block:ifshowtags}
  529. <br>{block:HasTags}{block:Tags}#<a href="{TagURL}">{Tag}</a> {/block:Tags}{/block:HasTags}{/block:ifshowtags}
  530. </div>
  531.  
  532. {block:PermalinkPage}
  533. {block:NoteCount}
  534. {block:PostNotes}{PostNotes}{/block:PostNotes}
  535. {/block:NoteCount}
  536. {/block:PermalinkPage}
  537. {/block:Date}
  538.  
  539. </div>
  540. {/block:Posts}
  541.  
  542.  
  543.  
  544. </div>
  545.  
  546. <div id="imageleft" style="position:fixed; bottom:{text:static image margin bottom}px; z-index:-1; left:{text:static image margin left}px;"><img src="{image:static image}"width="{text:static image width}"></div>
  547.  
  548. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
  549. <script>window.jQuery || document.write('<script src="http://static.tumblr.com/qxrkgx6/q6kmgn2w2/jquery-1.8.3.min.js"><\/script>')</script>
  550.  
  551. <a style="bottom:2px;right:2px;background:none;none;position:fixed;padding:2px;font-size:17px;font-family: arial;font-weight:bold;color:{color:Link};text-decoration:none;" href="http://www.edgiegluskin.tumblr.com" title="credit">CREDIT</a>
  552.  
  553. </body>
  554. </html>
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!