Advertisement
artiecore

jeff

Nov 7th, 2019
1,024
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 16.30 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <head>
  3.  
  4. <!-----
  5.  
  6. ♡ jeff theme by boyfriended ♡
  7.  
  8. schlatt walk schlatt walk gimme dat stride yuh
  9.  
  10. basecode by @slainez
  11.  
  12. ----->
  13.  
  14. <html>
  15. <link rel="shortcut icon" href="{image:favicon}">
  16. <link rel="alternate" type="application/rss+xml" href="{rss}">
  17.  
  18. <title>{Title}</title>
  19.  
  20. <link rel="stylesheet" href="https://static.tumblr.com/qxrkgx6/RWPmgn2qa/normalize.min.css">
  21.  
  22. <script src="https://static.tumblr.com/qxrkgx6/LuRmgn2rm/modernizr-2.6.2.min.js"></script>
  23.  
  24. <link href="https://fonts.googleapis.com/css?family=Short+Stack&display=swap" rel="stylesheet">
  25. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script><script src="https://static.tumblr.com/rtrqcib/VGGnlh8rf/jquery.style-my-tooltips.min.js"></script><script>(function($){$(document).ready(function(){$("a[title]").style_my_tooltips({tip_follows_cursor:true,tip_delay_time:0,tip_fade_speed:0,attribute:"title"});});})(jQuery);</script>
  26.  
  27. <!--- them motherfuckers --->
  28.  
  29. <meta name="image:favicon" content="">
  30. <meta name="image:sidebar" content="">
  31. <meta name="image:background" content="" />
  32. <meta name="image:notes pixl1" content="">
  33. <meta name="image:notes pixl2" content="">
  34.  
  35. <meta name="color:bg color" content="#fff">
  36. <meta name="color:text color" content="#000">
  37. <meta name="color:text glow" content="#000000"/>
  38. <meta name="color:link color" content="#d34e">
  39. <meta name="color:link hover" content="#d34e">
  40. <meta name="color:link glow" content="#000000"/>
  41. <meta name="color:border" content="#000">
  42. <meta name="color:border hover" content="#000">
  43. <meta name="color:border glow" content="#000">
  44. <meta name="color:glow hover" content="#000">
  45. <meta name="color:scrollbar bg" content="#fff"/>
  46. <meta name="color:scrollbar thumb" content="#000"/>
  47. <meta name="color:sidebar" content="" />
  48. <meta name="color:tooltip" content=""/>
  49. <meta name="color:tooltip text" content=""/>
  50. <meta name="color:posts" content=""/>
  51. <meta name="color:selection bg" content="#fff"/>
  52. <meta name="color:selection text">
  53.  
  54. <meta name="select:font" content="arial">
  55. <meta name="select:font" content="verdana">
  56. <meta name="select:font" content="courier">
  57. <meta name="select:font" content="georgia">
  58. <meta name="select:font" content="times new roman">
  59. <meta name="select:font" content="ms gothic"/>
  60. <meta name="select:font" content="short stack"/>
  61. <meta name="select:font" content="comic sans ms">
  62.  
  63. <meta name="select:border type" content="solid" />
  64. <meta name="select:border type" content="double" />
  65. <meta name="select:border type" content="dashed" />
  66. <meta name="select:border type" content="dotted" />
  67. <meta name="select:border type" content="outset">
  68. <meta name="select:border type" content="inset">
  69.  
  70. <meta name="if:cover bg" content=""/>
  71. <meta name="if:sidebar border" content="" />
  72. <meta name="if:post border" content="" />
  73. <meta name="if:glow links" content="" />
  74. <meta name="if:glow text" content="" />
  75. <meta name="if:border glow" content="" />
  76. <meta name="if:rainbow border" content=""/>
  77. <meta name="if:redirect" content=""/>
  78. <meta name="if:pixels" content=""/>
  79. <meta name="if:scroll title" content=""/>
  80.  
  81. <meta name="text:description" content="trans cowboy rights"/>
  82. <meta name="text:custom title" content="this shit hurts my fuckin head"/>
  83. <meta name="text:font size" content="12pt">
  84. <meta name="text:title size" content="12pt">
  85. <meta name="text:border size" content="3px" />
  86. <meta name="text:redirect" content=""/>
  87. <meta name="text:title size" content="">
  88.  
  89.  
  90. <meta name="text:link1" content="one">
  91. <meta name="text:url1" content="">
  92. <meta name="text:link2" content="two">
  93. <meta name="text:url2" content="">
  94. <meta name="text:link3" content="three">
  95. <meta name="text:url3" content="">
  96. <meta name="text:link4" content="four">
  97. <meta name="text:url4" content="">
  98.  
  99.  
  100. <!--- shit that do shit --->
  101.  
  102. <head>
  103. <style type="text/css">
  104.  
  105.  
  106.  
  107.  
  108. .image {
  109. display: block;
  110. width: 100%;
  111. height: auto;
  112. }
  113.  
  114. .overlay {
  115. position: absolute;
  116. top: 0;
  117. bottom: 0;
  118. left: 0;
  119. right: 0;
  120. height: 100%;
  121. width: 100%;
  122. opacity: 0;
  123. transition: .5s ease;
  124. background-color: {color:sidebar};
  125. }
  126.  
  127. .container:hover .overlay {
  128. opacity: 1;
  129. }
  130.  
  131. .text {
  132. color: {color:text};
  133. font-size: {text:font size};
  134. font-family: {select:font};
  135. position: absolute;
  136. top: 50%;
  137. left: 50%;
  138. -webkit-transform: translate(-50%, -50%);
  139. -ms-transform: translate(-50%, -50%);
  140. transform: translate(-50%, -50%);
  141. text-align: center;
  142. }
  143.  
  144.  
  145.  
  146.  
  147.  
  148.  
  149.  
  150.  
  151. ::selection {
  152. background: {color:selection bg};
  153. color:{color:selection text};
  154. }
  155. ::-moz-selection {
  156. background: {color:selection bg};
  157. color:{color:selection text};
  158. }
  159.  
  160. ::-webkit-scrollbar {width: 5px; background-color:{color:scrollbar bg};}
  161.  
  162. ::-webkit-scrollbar-thumb {border-radius: 0px; background: {color:scrollbar thumb};}
  163.  
  164. .tooltip{
  165. display:inline;
  166. position:relative;
  167. }
  168.  
  169. #s-m-t-tooltip{
  170. max-width:300px;
  171. padding:5px;
  172. margin:20px 7px -2px 20px;
  173. background-color:{color:tooltip};
  174. letter-spacing:1px;
  175. text-align:center;
  176. color:{color:tooltip text};
  177. z-index:99999999999999999999;
  178. -o-transition: all 0.3s ease-out;
  179. -webkit-transition: all 0.3s ease-out;
  180. -moz-transition: all 0.3s ease-out;
  181. }
  182.  
  183. body {
  184. background-color: {color:bg color};
  185. background-image: url('{image:background}');
  186. {block:ifnotcoverbg}
  187. background-repeat: repeat;
  188. background-attachment: fixed;
  189. {/block:ifnotcoverbg}
  190. {block:ifcoverbg}
  191. background-size: cover;
  192. background-attachment: fixed;
  193. {/block:ifcoverbg}
  194. color: {color:text};
  195. font-size: {text:font size};
  196. font-family: {select:font};
  197. {block:ifglowtext}
  198. text-shadow: 0 0 3px {color:text glow}, 0 0 15px {color:text glow}, 0 0 3px {color:text glow};
  199. {/block:ifglowtext}
  200. word-wrap: break-word;
  201. }
  202.  
  203. a {
  204. color:{color:link color};
  205. text-decoration:none;
  206. {block:ifglowlinks}
  207. text-shadow: 0 0 3px {color:link glow}, 0 0 15px {color:link glow}, 0 0 3px {color:link glow};
  208. {/block:ifglowlinks}
  209. }
  210.  
  211. a:hover {
  212. color:{color:link hover};
  213. }
  214. img {
  215. max-width: 100%;
  216. }
  217.  
  218. #nxt{
  219. width:500px;
  220. margin-bottom:5px;
  221. font-size:{text:font size};
  222. margin-top:30px;
  223. margin-bottom:30px;
  224. position:float;
  225. padding:10px;
  226. background:{color:posts};
  227. overflow:hidden;
  228. color:{color:text};
  229. {block:ifpostborder}
  230. border:{text:border size} {select:border type} {color:border};
  231. padding: 10px 10px 8px 10px;
  232. {block:ifrainbowborder}
  233. border: {text:border size} {select:border type} transparent;
  234. border-image: linear-gradient(to bottom right, #b827fc 0%, #2c90fc 25%, #b8fd33 50%, #fec837 75%, #fd1892 100%);
  235. border-image-slice: 1;
  236. {/block:ifrainbowborder}
  237. {block:ifborderglow}
  238. -moz-box-shadow: 0px 0px 4px 2px {color:border glow};
  239. -webkit-box-shadow: 0px 0px 4px 2px {color:border glow};
  240. box-shadow: 0px 0px 4px 2px {color:border glow};{/block:ifborderglow}
  241. {/block:ifpostborder}
  242. }
  243.  
  244. #nxt:hover{
  245. -box-shadow: 0px 0px 4px 2px {color:glow hover};
  246. -webkit-box-shadow: 0px 0px 4px 2px {color:glow hover};
  247. box-shadow: 0px 0px 4px 2px {color:glow hover};
  248. {/block:ifborderglow}
  249. {block:ifpostborder}
  250. border:{text:border size} {select:border type} {color:border hover};
  251. {/block:ifpostborder}
  252. }
  253.  
  254. #tit:hover{
  255. -box-shadow: 0px 0px 4px 2px {color:glow hover};
  256. -webkit-box-shadow: 0px 0px 4px 2px {color:glow hover};
  257. box-shadow: 0px 0px 4px 2px {color:glow hover};
  258. {/block:ifborderglow}
  259. {block:ifpostborder}
  260. border:{text:border size} {select:border type} {color:border hover};
  261. {/block:ifpostborder}
  262. }
  263.  
  264. #tit{
  265. {block:ifscrolltitle}
  266. width:500px;
  267. margin-bottom:5px;
  268. font-size:{text:font size};
  269. margin-top:30px;
  270. margin-bottom:30px;
  271. position:float;
  272. padding:10px;
  273. background:{color:posts};
  274. overflow:hidden;
  275. color:{color:text};
  276. {block:ifpostborder}
  277. border:{text:border size} {select:border type} {color:border};
  278. padding: 10px 10px 8px 10px;
  279. {block:ifrainbowborder}
  280. border: {text:border size} {select:border type} transparent;
  281. border-image: linear-gradient(to bottom right, #b827fc 0%, #2c90fc 25%, #b8fd33 50%, #fec837 75%, #fd1892 100%);
  282. border-image-slice: 1;
  283. {/block:ifrainbowborder}
  284. {block:ifborderglow}
  285. -moz-box-shadow: 0px 0px 4px 2px {color:border glow};
  286. -webkit-box-shadow: 0px 0px 4px 2px {color:border glow};
  287. box-shadow: 0px 0px 4px 2px {color:border glow};{/block:ifborderglow}
  288. {/block:ifpostborder}
  289. {/block:ifscrolltitle}
  290.  
  291. }
  292.  
  293. .entry {
  294. width:500px;
  295. margin-bottom:5px;
  296. font-size:{text:font size};
  297. margin-top:30px;
  298. margin-bottom:30px;
  299. position:float;
  300. padding:10px;
  301. background:{color:posts};
  302. overflow:hidden;
  303. color:{color:text};
  304. {block:ifpostborder}
  305. border:{text:border size} {select:border type} {color:border};
  306. padding: 10px 10px 8px 10px;
  307. {block:ifrainbowborder}
  308. border: {text:border size} {select:border type} transparent;
  309. border-image: linear-gradient(to bottom right, #b827fc 0%, #2c90fc 25%, #b8fd33 50%, #fec837 75%, #fd1892 100%);
  310. border-image-slice: 1;
  311. {/block:ifrainbowborder}
  312. {block:ifborderglow}
  313. -moz-box-shadow: 0px 0px 4px 2px {color:border glow};
  314. -webkit-box-shadow: 0px 0px 4px 2px {color:border glow};
  315. box-shadow: 0px 0px 4px 2px {color:border glow};{/block:ifborderglow}
  316. {/block:ifpostborder}
  317.  
  318. }
  319.  
  320. .tags {
  321. max-height:0px;
  322. line-height:130%;
  323. text-align:left;
  324. font-size:{text:font size};
  325. opacity:0;
  326. -webkit-transition: all 0.7s ease;
  327. transition: all 0.7s ease;
  328. -moz-transition: all 0.7s ease;
  329. -o-transition: all 0.7s ease;}
  330.  
  331. .entry:hover{
  332. {block:ifborderglow}
  333. -moz-box-shadow: 0px 0px 4px 2px {color:glow hover};
  334. -webkit-box-shadow: 0px 0px 4px 2px {color:glow hover};
  335. box-shadow: 0px 0px 4px 2px {color:glow hover};
  336. {/block:ifborderglow}
  337. {block:ifpostborder}
  338. border:{text:border size} {select:border type} {color:border hover};
  339. {/block:ifpostborder}
  340. }
  341.  
  342.  
  343. .entry:hover .tags{
  344. opacity:1;
  345. max-height:300px;
  346. -webkit-transition: all 0.7s ease;
  347. transition: all 0.7s ease;
  348. -moz-transition: all 0.7s ease;
  349. -o-transition: all 0.7s ease;}
  350.  
  351.  
  352. #sidebar {
  353. width:200px;
  354. margin-left:200px;
  355. position:fixed;
  356. background:{color:sidebar};
  357. {block:ifsidebarborder}
  358. border-width:{text:border size};
  359. border-style:{select:border type};
  360. border-color:{color:border};
  361. {block:ifrainbowborder}
  362. border: {text:border size} {select:border type} transparent;
  363. border-image: linear-gradient(to bottom right, #b827fc 0%, #2c90fc 25%, #b8fd33 50%, #fec837 75%, #fd1892 100%);
  364. border-image-slice: 1;
  365. {/block:ifrainbowborder}
  366. {block:ifborderglow}
  367. -moz-box-shadow: 0px 0px 4px 2px {color:border glow};
  368. -webkit-box-shadow: 0px 0px 4px 2px {color:border glow};
  369. box-shadow: 0px 0px 4px 2px {color:border glow};{/block:ifborderglow}
  370. {/block:ifsidebarborder}
  371. }
  372.  
  373. #sidebar img {
  374. margin-bottom:-3px;
  375. }
  376.  
  377. #sidebar:hover{
  378. {block:ifborderglow}
  379. -moz-box-shadow: 0px 0px 4px 2px {color:glow hover};
  380. -webkit-box-shadow: 0px 0px 4px 2px {color:glow hover};
  381. box-shadow: 0px 0px 4px 2px {color:glow hover};
  382. {/block:ifborderglow}
  383. {block:ifpostborder}
  384. border:{text:border size} {select:border type} {color:border hover};
  385. {/block:ifpostborder}
  386. }
  387.  
  388. #description:hover{
  389. {block:ifborderglow}
  390. -moz-box-shadow: 0px 0px 4px 2px {color:glow hover};
  391. -webkit-box-shadow: 0px 0px 4px 2px {color:glow hover};
  392. box-shadow: 0px 0px 4px 2px {color:glow hover};
  393. {/block:ifborderglow}
  394. {block:ifpostborder}
  395. border:{text:border size} {select:border type} {color:border hover};
  396. {/block:ifpostborder}
  397. }
  398.  
  399. #description{
  400. {block:ifdescription}
  401. position:fixed;
  402. margin-left:-8px;
  403. margin-top:25px;
  404. max-height:100px;
  405. overflow:auto;
  406. width:202px;
  407. padding:4px;
  408. text-align:center;
  409. background:{color:sidebar};
  410. {block:ifsidebarborder}
  411. border-width:{text:border size};
  412. border-style:{select:border type};
  413. border-color:{color:border};
  414. {block:ifrainbowborder}
  415. border: {text:border size} {select:border type} transparent;
  416. border-image: linear-gradient(to bottom right, #b827fc 0%, #2c90fc 25%, #b8fd33 50%, #fec837 75%, #fd1892 100%);
  417. border-image-slice: 1;
  418. {/block:ifrainbowborder}
  419. {block:ifborderglow}
  420. -moz-box-shadow: 0px 0px 4px 2px {color:border glow};
  421. -webkit-box-shadow: 0px 0px 4px 2px {color:border glow};
  422. box-shadow: 0px 0px 4px 2px {color:border glow};{/block:ifborderglow}
  423. {/block:ifsidebarborder}
  424. {/block:ifdescription}
  425. }
  426.  
  427. #links{
  428. margin-top:1px;
  429. text-align:center;
  430. }
  431.  
  432. #links a{
  433. margin-bottom:0px;
  434. }
  435.  
  436. #container {
  437. width:520px;
  438. margin-left:450px;
  439. margin-top:50px;
  440. margin-bottom:50px;
  441. }
  442.  
  443.  
  444.  
  445. </style>
  446. </head>
  447.  
  448. <body>
  449.  
  450. <!--- meat --->
  451.  
  452.  
  453.  
  454. {block:ifredirect}
  455. {block:IndexPage}<script type="text/javascript">
  456. var url = location.href;
  457. if (url == "{BlogURL}") {
  458. window.location = "{BlogURL}tagged/{text:redirect}";
  459. }
  460. </script>{/block:IndexPage}
  461. {/block:ifredirect}
  462.  
  463.  
  464.  
  465. <div id="sidebar">
  466. <center>
  467. <div id="sidebarimg">
  468.  
  469. <div class="container">
  470. <img src="{image:sidebar}" width="200px"></a>
  471. <div class="overlay">
  472. <div class="text">
  473. <a href="{text:url1}">{text:link1}</a><br>
  474. <a href="{text:url2}">{text:link2}</a><br>
  475. <a href="{text:url3}">{text:link3}</a><br>
  476. <a href="{text:url4}">{text:link4}</a> </div>
  477. </div>
  478. </div>
  479.  
  480.  
  481. <div id="description">{block:ifDescription}<Center>{text:description}<div class="blink_me"></Center>{/block:ifDescription}
  482. </center>
  483. </div>
  484.  
  485. <div id="container">
  486. {block:ifscrolltitle}
  487. <center>
  488. <div id="tit"><marquee>{text:custom title}</marquee></div>
  489. {/block:ifscrolltitle}
  490. {block:posts}
  491. <center>
  492. <div class="entry">
  493. {block:text}
  494. {block:title}<h3>{title}</h3>{/block:title}
  495. {body}
  496. {/block:text}
  497.  
  498. {block:photo}
  499. <img src="{photourl-500}" alt="{photoalt}"/>
  500. {block:caption}{caption}{/block:caption}
  501. {/block:photo}
  502.  
  503. {block:photoset}
  504. {photoset-500}
  505. {block:caption}<p>{caption}</p>{/block:caption}
  506. {/block:photoset}
  507.  
  508. {block:quote}
  509. <h3>"{quote}"</h3>
  510. {block:source}<p>{source}</p>{/block:source}
  511. {/block:quote}
  512.  
  513. {block:link}
  514. <h3><a href="{url}">{name}</a></h3>
  515. {block:description}<p>{decription}</p>{/block:description}
  516. {/block:link}
  517.  
  518. {block:chat}
  519. {block:title}<h3>{title}</h3>{/block:title}
  520. {block:lines} {block:label}{label}{/block:label} {line}<br>{/block:lines}
  521. {/block:chat}
  522.  
  523. {block:Audio}
  524. <div class="playerbox"><div class="player">{AudioPlayerWhite}</div></div>
  525. {block:AlbumArt}<center><img src="{AlbumArtURL}" width="200" border-radius="100px"></center>{/block:AlbumArt}
  526. <center>{block:Artist}<b>{Artist}</b>{/block:Artist} /
  527. {block:TrackName}<i>{TrackName}</i>{/block:TrackName}</center>
  528. {Caption}
  529. {/block:Audio}
  530.  
  531. {block:video}
  532. {video-500}
  533. {block:caption}{caption}{/block:caption}
  534. {/block:video}
  535.  
  536. {block:answer}
  537. {asker}: {question}
  538. {answer}
  539. {/block:answer}
  540.  
  541. {block:Date}
  542. <div class="footer">
  543. <img src="{image:notes pixl1}"><a href="{Permalink}"><a href="{Permalink}" title="{timeago}">{notecount}</a><img src="{image:notes pixl2}">
  544.  
  545. <!-- {block:NoRebloggedFrom}
  546. {block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}
  547. {/block:NoRebloggedFrom} -->
  548. {block:ContentSource}<!-- {SourceURL}
  549. {block:SourceLogo}<img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}
  550. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  551. {/block:ContentSource}
  552. <br>
  553. <div class="tags"> {block:HasTags}{block:Tags}#<a href="{TagURL}">{Tag}</a> {/block:Tags}{/block:HasTags}</div>
  554.  
  555. </div>
  556.  
  557. {block:PermalinkPage}
  558. {block:NoteCount}
  559. {block:RebloggedFrom}<a href="{ReblogParentURL}" title="{ReblogParentName}"> via</a> {/block:RebloggedFrom}{block:ContentSource} x <a href="{SourceURL}" title="{SourceTitle}"> source</a>{/block:ContentSource}
  560. <br>
  561. {block:PostNotes}{PostNotes}{/block:PostNotes}
  562. {/block:NoteCount}
  563. {/block:PermalinkPage}
  564. {/block:Date}
  565. </div>
  566. {/block:Posts}
  567.  
  568.  
  569. <center>
  570. {block:Pagination}
  571. <div id="nxt">
  572. {block:PreviousPage}<a href="{PreviousPage}">{lang:Previous}</a>{/block:PreviousPage}
  573.  
  574. {block:NextPage}<a href="{NextPage}">{lang:Next}</a>{/block:NextPage}
  575. </div>
  576. {/block:Pagination}
  577. </center>
  578.  
  579.  
  580. </div>
  581.  
  582. <a style="position:fixed;left:3px;bottom:3px;" <a href="https://boyfriended.tumblr.com/" title="theme by artie!">♜</a>
  583. </body>
  584. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement