Advertisement
enbythemes

that's so gay

Jun 9th, 2019
179
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 16.61 KB | None | 0 0
  1. <html>
  2. <head>
  3. <title>{Title}</title>
  4. <link rel="shortcut icon" href="{Favicon}">
  5. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  6. {block:Description}
  7. <meta name="description" content="{MetaDescription}" />
  8. {/block:Description}
  9.  
  10. <meta name="image:header image" content="https://static.tumblr.com/5014638c5672307af28e45c624bc4700/wrz0x4t/pYDpr77ne/tumblr_static_c63f876snfcckc40w0cgk40kk.gif"/>
  11.  
  12. <meta name="color:background" content="#ffffff"/>
  13. <meta name="color:header background" content="#ffffff"/>
  14. <meta name="color:links" content="#656565"/>
  15. <meta name="color:color 1" content="#ff8282"/>
  16. <meta name="color:color 2" content="#ffb885"/>
  17. <meta name="color:color 3" content="#e7db81"/>
  18. <meta name="color:color 4" content="#aaf08e"/>
  19. <meta name="color:color 5" content="#4b9aff"/>
  20. <meta name="color:color 6" content="#d796ff"/>
  21.  
  22. <meta name="color:borders" content="#eaeaea"/>
  23. <meta name="color:bold" content="#2e2e2e"/>
  24. <meta name="color:selection" content="#cccccc"/>
  25. <meta name="color:scrollbar" content="#656565"/>
  26.  
  27. <meta name="select:photoset gutter" content="1px"/>
  28. <meta name="select:photoset gutter" content="2px"/>
  29. <meta name="select:photoset gutter" content="3px"/>
  30. <meta name="select:photoset gutter" content="4px"/>
  31. <meta name="select:photoset gutter" content="5px"/>
  32.  
  33. <meta name="select:text size" content="12px"/>
  34. <meta name="select:text size" content="13px"/>
  35. <meta name="select:text size" content="14px"/>
  36.  
  37. <meta name=”text:title” content=”works best with a short title”/>
  38. <meta name=”text:description” content=”works best with a short description”/>
  39. <meta name="text:link one" content="link one"/>
  40. <meta name="text:link one url" content=""/>
  41. <meta name="text:link two" content="link two"/>
  42. <meta name="text:link two url" content=""/>
  43. <meta name="text:link three" content="link three"/>
  44. <meta name="text:link three url" content=""/>
  45. <meta name="text:link four" content="link four"/>
  46. <meta name="text:link four url" content=""/>
  47.  
  48. <!-- SCRIPTS -->
  49. <link href="https://fonts.googleapis.com/css?family=Montserrat|Open+Sans" rel="stylesheet"><link href="//dl.dropbox.com/s/vpi3f9s7nhpe7v7/honeybee.css" rel="stylesheet">
  50. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  51. <script src="https://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  52. <script src="https://static.tumblr.com/wgg6svp/OoTofxa0c/unnest.min.js"></script>
  53. <link href="https://static.tumblr.com/0podkko/oDSpg7y88/photosets.css" rel="stylesheet">
  54. <script src ="//static.tumblr.com/fwgzvyf/Oj1o08f6h/shythemes.vr.js"></script>
  55.  
  56. <!----- style my tooltip by malihu ---->
  57. <script>
  58. (function($){
  59. $(document).ready(function(){
  60. $("a[title]").style_my_tooltips({
  61. tip_follows_cursor:true,
  62. tip_delay_time:90,
  63. tip_fade_speed:600,
  64. attribute:"title"
  65. });
  66. });
  67. })(jQuery);
  68. </script>
  69.  
  70. <!-- unnest captions by neothm and magnusthemes -->
  71. <script> $(function(){ $('article').unnest({
  72. yourCaption: ".captions, .txt",
  73. wrapName: ".cap_wrap",
  74. newCaptionUsername: false,
  75. originalPostCaptionUsername: false,
  76. tumblrAvatars: false,
  77. tumblrAvatarClass: ".tumblr_avatar",
  78. usernameColon: true
  79. }); }); </script>
  80.  
  81. <!-- photosets and lightboxes by annasthms and espoirthemes -->
  82. <script>
  83. function gatherData(images, arr) {
  84. for (let i = 0; i < images.length; i++) {
  85. let currentData = {
  86. "width": images[i].getAttribute('data-width'),
  87. "height": images[i].getAttribute('data-height'),
  88. "low_res": images[i].getAttribute('data-lowres'),
  89. "high_res": images[i].getAttribute('data-highres')
  90. };
  91. arr.push(currentData);
  92. }
  93. }
  94. function getIndex(elem) {
  95. let i = 0;
  96. while( (elem = elem.previousElementSibling) != null ) i++;
  97. return i;
  98. }
  99. function lightbox(elem) {
  100. let currentPhotoset = elem.parentNode;
  101. let photosetPhotos = currentPhotoset.getElementsByTagName('div');
  102. let data = [];
  103. gatherData(photosetPhotos, data);
  104. Tumblr.Lightbox.init(data, getIndex(elem) + 1);
  105. }
  106. </script>
  107. </head>
  108.  
  109. <style type="text/css">
  110. * {
  111. margin: 0;
  112. padding: 0;
  113. }
  114.  
  115. body {
  116. background: {color:background};
  117. font-family: 'Open Sans', sans-serif;
  118. font-size: {select:text size};
  119. }
  120.  
  121. [photoset-layout] {
  122. grid-gap: {select:photoset gutter};
  123. }
  124.  
  125. [photoset-layout] img {
  126. cursor: pointer;
  127. }
  128.  
  129. a {
  130. text-decoration: none;
  131. color: {color:links};
  132. transition: all 0.5s ease;
  133. }
  134.  
  135. blockquote {
  136. margin: 8px 0;
  137. border-left: 1px solid {color:borders};
  138. padding-left: 8px;
  139. }
  140.  
  141. blockquote img, img, .captions img, .posts img {
  142. max-width: 100%;
  143. height: auto;
  144. }
  145.  
  146. small, big, sub, sup {
  147. font-size: {select:text size};
  148. }
  149.  
  150. b, strong {
  151. color: {color:bold};
  152. }
  153.  
  154. ul li {
  155. list-style: none;
  156. }
  157.  
  158. ul li:before {
  159. content: "›";
  160. font-size: 1em;
  161. padding-right: .5em;
  162. position: relative;
  163. top: .1em;
  164. }
  165.  
  166. .posts ol, .captions ol {
  167. list-style: none;
  168. counter-reset: my-awesome-counter;
  169. }
  170.  
  171. .posts ol li, .captions ol li {
  172. counter-increment: my-awesome-counter;
  173. }
  174.  
  175. .posts ol li:before, .captions ol li::before {
  176. content: counter(my-awesome-counter) ". ";
  177. padding-right: .2em;
  178. font-size: 10px;
  179. }
  180.  
  181. #s-m-t-tooltip {
  182. max-width: 300px;
  183. margin-top: -30px;
  184. margin-left: -25px;
  185. font-size: 8px;
  186. letter-spacing: 1px;
  187. text-align: center;
  188. text-transform: uppercase;
  189. padding: 5px;
  190. background-color: #fff;
  191. z-index: 999999;
  192. border: 1px solid {color:borders};
  193. }
  194.  
  195. ::selection {
  196. background: {color:selection};
  197. color: #fff;
  198. }
  199.  
  200. ::webkit-selection {
  201. background: {color:selection};
  202. color: #fff;
  203. }
  204.  
  205. ::-webkit-scrollbar {
  206. width: 5px;
  207. }
  208.  
  209. ::-webkit-scrollbar-thumb {
  210. background: {color:Scrollbar};
  211. }
  212.  
  213. [photoset-layout] {
  214. grid-gap: {text:gutter size};
  215. }
  216.  
  217. [photoset-layout] img {
  218. cursor: pointer;
  219. }
  220.  
  221. .header {
  222. width: 540px;
  223. background: {color:header background};
  224. margin: 50px auto;
  225. padding: 8px;
  226. overflow: hidden;
  227. }
  228.  
  229. .headerimg {
  230. width: 60px;
  231. margin-left: 110px;
  232. float: left;
  233. }
  234.  
  235. .headerimg img {
  236. width: 60px;
  237. height: 60px;
  238. }
  239.  
  240. .userinfo {
  241. margin-left: 180px;
  242. margin-top: 8px;
  243. }
  244.  
  245. .title {
  246. width: 200px;
  247. padding-bottom: 6px;
  248. text-align: center;
  249. margin-bottom: 5px;
  250. font-weight: 400;
  251. font-size: 13px;
  252.  
  253. background:
  254. linear-gradient(to left,
  255. {color:Color 1} 0%,
  256. {color:Color 2} 20%,
  257. {color:Color 3} 40%,
  258. {color:Color 4} 60%,
  259. {color:Color 5} 80%,
  260. {color:Color 6} 100%)
  261. left
  262. bottom
  263. {color:header background}
  264. no-repeat;
  265. background-size: 100% 2px;
  266. }
  267.  
  268. .desc {
  269. width: 190px;
  270. text-align: center;
  271. }
  272.  
  273. .links {
  274. text-align: center;
  275. margin-top: 8px;
  276. }
  277.  
  278. .links .th {
  279. padding: 5px;
  280. font-size: 14px;
  281. margin: 0 6px;
  282. }
  283.  
  284. .links a:hover:nth-of-type(6n-5) {color:{color:Color 1};}
  285. .links a:hover:nth-of-type(6n-4) {color:{color:Color 2};}
  286. .links a:hover:nth-of-type(6n-3) {color:{color:Color 3};}
  287. .links a:hover:nth-of-type(6n-2) {color:{color:Color 4};}
  288. .links a:hover:nth-of-type(6n-1) {color:{color:Color 5};}
  289. .links a:hover:nth-of-type(6n) {color:{color:Color 6};}
  290.  
  291. .postcontainer {
  292. width: 540px;
  293. margin: 30px auto;
  294. }
  295.  
  296. .posts {
  297. width: 540px;
  298. background: #fff;
  299. margin-bottom: 100px;
  300. padding: 5px 5px 5px;
  301. border-bottom: 1px solid {color:Borders};
  302. }
  303.  
  304. .posts:nth-of-type(6n-5) a {color:{color:Color 1};}
  305. .posts:nth-of-type(6n-4) a {color:{color:Color 2};}
  306. .posts:nth-of-type(6n-3) a {color:{color:Color 3};}
  307. .posts:nth-of-type(6n-2) a {color:{color:Color 4};}
  308. .posts:nth-of-type(6n-1) a {color:{color:Color 5};}
  309. .posts:nth-of-type(6n) a {color:{color:Color 6};}
  310.  
  311. .posts a:hover {
  312. color: {color:links};
  313. }
  314.  
  315. .captions {
  316. padding: 5px 5px 0;
  317. }
  318.  
  319. .cap_wrap {
  320. margin-left: -8px;
  321. margin-bottom: 15px;
  322. }
  323.  
  324. .line {
  325. width: 20%;
  326. margin: 20px auto;
  327. background: {color:Borders};
  328. height: 1px;
  329. }
  330.  
  331. .quotes, .asks {
  332. padding: 10px;
  333. }
  334.  
  335. .quote {
  336. text-align: center;
  337. font-size: 13px;
  338. }
  339.  
  340. .source {
  341. font-style: italic;
  342. font-size: 10px;
  343. text-align: center;
  344. }
  345.  
  346. .asker {
  347. width: fit-content;
  348. height: 24px;
  349. margin: 0 auto;
  350. }
  351.  
  352. .asker img {
  353. width: 24px;
  354. height: 24px;
  355. border-radius: 100%;
  356. float: left;
  357. margin-right: 5px;
  358. }
  359.  
  360. .asker-name {
  361. line-height: 24px;
  362. font-weight: 500;
  363. margin-right: 6px;
  364. }
  365.  
  366. .question {
  367. text-align: center;
  368. margin-top: 3px;
  369. }
  370.  
  371. .txt {
  372. padding: 10px;
  373. }
  374.  
  375. .t {
  376. text-transform: uppercase;
  377. text-align: center;
  378. font-size: 14px;
  379. margin-top: 10px;
  380. }
  381.  
  382. .chat span {
  383. margin-right: 3px;
  384. text-transform: uppercase;
  385. color: #505050;
  386. font-size: 11px;
  387. }
  388.  
  389. .playbutton {
  390. position: relative;
  391. margin-top: 25px;
  392. margin-left: 24px;
  393. z-index: 9;
  394. width: 33px;
  395. height: 30px;
  396. overflow: hidden;
  397. }
  398.  
  399. .albumart img {
  400. position: relative;
  401. margin-top: -55px;
  402. margin-left: 0px
  403. height: 80px;
  404. width: 80px;
  405. }
  406.  
  407. .trackinfo {
  408. position: relative;
  409. margin-left: 80px;
  410. height: 70px;
  411. margin-top: -84px;
  412. padding: 5px 10px;
  413. }
  414.  
  415. .trackinfo b {
  416. color: #505050;
  417. text-transform: uppercase;
  418. font-size: 11px;
  419. }
  420.  
  421. .postinfo {
  422. width: 530px;
  423. margin-bottom: 10px;
  424. padding: 10px;
  425. background: #fff;
  426. border-bottom: 1px solid {color:borders};
  427. font-size: 11px;
  428. overflow: hidden;
  429. }
  430.  
  431. .permalinks {
  432. float: left;
  433. }
  434.  
  435. .like-reblog {
  436. float: right;
  437. }
  438.  
  439. .like-b {
  440. position:relative;
  441. display:inline-block;
  442. height:1em;
  443. line-height:1em;
  444. overflow:hidden;
  445. margin-bottom:-1px;
  446. }
  447.  
  448. .like-b .like_button iframe {
  449. position:absolute;
  450. top:0;
  451. left:0;
  452. bottom:0;
  453. right:0;
  454. z-index:2;
  455. opacity:0.000001;
  456. }
  457.  
  458. .like-b .liked + .b {
  459. color:inherit;
  460. }
  461.  
  462. .like-b .liked + .b:after {
  463. content:'d';
  464. }
  465.  
  466. .postinfo:nth-of-type(6n-5) a:hover {color:{color:Color 1};}
  467. .postinfo:nth-of-type(6n-4) a:hover {color:{color:Color 2};}
  468. .postinfo:nth-of-type(6n-3) a:hover {color:{color:Color 3};}
  469. .postinfo:nth-of-type(6n-2) a:hover {color:{color:Color 4};}
  470. .postinfo:nth-of-type(6n-1) a:hover {color:{color:Color 5};}
  471. .postinfo:nth-of-type(6n) a:hover {color:{color:Color 6};}
  472.  
  473. .tags:nth-of-type(6n-5) a:hover {color:{color:Color 1};}
  474. .tags:nth-of-type(6n-4) a:hover {color:{color:Color 2};}
  475. .tags:nth-of-type(6n-3) a:hover {color:{color:Color 3};}
  476. .tags:nth-of-type(6n-2) a:hover {color:{color:Color 4};}
  477. .tags:nth-of-type(6n-1) a:hover {color:{color:Color 5};}
  478. .tags:nth-of-type(6n) a:hover {color:{color:Color 6};}
  479.  
  480. .tags {
  481. margin-top: -90px;
  482. margin-bottom: 100px;
  483. width: 540px;
  484. padding: 10px 0px;
  485. text-align: right;
  486. font-size: 0.9em;
  487. }
  488.  
  489. .tags a {
  490. margin: 0px 6px;
  491. }
  492.  
  493. .pagination {
  494. width: 540px;
  495. text-align: right;
  496. }
  497.  
  498. .pagination a {margin: 0 5px;}
  499. .pagination a:last-of-type {margin-right: 0px;}
  500. .pagination a:hover {color: #000;}
  501.  
  502. ol.notes {
  503. width: 540px;
  504. margin: 0 auto;
  505. list-style-type: none;
  506. border-top: solid 1px {color:borders};
  507. }
  508.  
  509. ol.notes li.note {
  510. padding: 10px;
  511. }
  512.  
  513. ol.notes li.note img.avatar {
  514. vertical-align: -4px;
  515. margin-right: 10px;
  516. width: 16px;
  517. height: 16px;
  518. }
  519.  
  520. ol.notes li.note .answer_content {
  521. font-weight: normal;
  522. }
  523.  
  524. ol.notes li.note blockquote {
  525. border-color: #eee;
  526. padding: 4px 10px;
  527. margin: 10px 0px 0px 25px;
  528. }
  529.  
  530. ol.notes li.note blockquote a {
  531. text-decoration: none;
  532. }
  533.  
  534. .cr {
  535. border-radius: 10px;
  536. bottom: 8px;
  537. display: inline;
  538. font-size: 10px;
  539. padding: 6px;
  540. position: fixed;
  541. right: 8px;
  542. background: {color:background};
  543. padding: 6px;
  544. border: 1px #ccc solid;
  545. }
  546.  
  547. .cr:hover {
  548. border-radius: 5px;
  549. transition: all 0.3s ease;
  550. -webkit-transition: all 0.3s ease;
  551. -moz-transition: all 0.3s ease;
  552. -o-transition: all 0.3s ease;
  553. }
  554. .cr a {color: {color:links};}
  555. .cr a:hover {color: #bb7ccb;}
  556.  
  557.  
  558. /* CUSTOM CONTROLS BY CYANTISTS */
  559.  
  560. iframe.tmblr-iframe {
  561. z-index:99999999999999!important;
  562. top:0!important;
  563. right:0!important;
  564. opacity:0.4;
  565. /* delete invert(1) from here */
  566. filter:invert(1) contrast(150%);
  567. -webkit-filter:invert(1) contrast(150%);
  568. -o-filter:invert(1) contrast(150%);
  569. -moz-filter:invert(1) contrast(150%);
  570. -ms-filter:invert(1) contrast(150%);
  571. /* to here if your blog has a dark background */
  572. transform:scale(0.65);
  573. transform-origin:100% 0;
  574. -webkit-transform:scale(0.65);
  575. -webkit-transform-origin:100% 0;
  576. -o-transform:scale(0.65);
  577. -o-transform-origin:100% 0;
  578. -moz-transform:scale(0.65);
  579. -moz-transform-origin:100% 0;
  580. -ms-transform:scale(0.65);
  581. -ms-transform-origin:100% 0;}
  582.  
  583. iframe.tmblr-iframe:hover {
  584. opacity:0.6!important;}
  585. </style>
  586.  
  587. <body>
  588. <!-- PLEASE KEEP INTACT -->
  589. <div class="cr"><a href="https://enybyresources.tumblr.com" title="theme by xchelspaige"><span class="th th-unicorn-o"></span></a></div>
  590. <!-- PLEASE KEEP INTACT -->
  591.  
  592. <div class="header"><img class="headerimg" src="https://i.imgur.com/qTRMyaV.jpg"><div class="userinfo"><h4 class="title">{text:title}</h4><p class="desc">{text:description}</p>
  593. </div>
  594.  
  595. <div class="links"><a href="/" title="home"><span class="th th-home-o"></span></a><a href="/ask" title="message"><span class="th th-envelope-o"></span></a><a href="{text:link one url}" title="{text:link one}"><span class="th th-confetti-o"></span></a><a href="{text:link two url}" title="{text:link two}"><span class="th th-rainbow-o"></span></a><a href="{text:link three url}" title="{text:link three}"><span class="th th-stars-o"></span></a><a href="{text:link four url}" title="{text:link four}"><span class="th th-bubble-heart-o"></span></a>
  596. </div></div> <!-- header ends -->
  597.  
  598. <div class="postcontainer">
  599. {block:Posts}
  600.  
  601. {block:Date}
  602. <div class="postinfo">
  603. <div class="permalinks"><a href="{Permalink}" title="{DayOfWeek}, {Month} {DayOfMonth}{DayOfMonthSuffix}">posted {TimeAgo}{block:NoteCount} with {NoteCountWithLabel}{/block:NoteCount}</a></div>
  604.  
  605. <div class="like-reblog"><a class="like-b" href="#">{LikeButton}<span class="b">like</span></a> - <a href="{ReblogURL}" target="_blank">reblog</a></div>
  606. </div>
  607. {/block:Date}
  608.  
  609. <article class="posts" id="{PostID}">
  610. {block:Text}{block:Title}<div class="t"><a href="{Permalink}">{Title}</a></div><div class="line"></div>{/block:Title}<div class="txt">{Body}</div>{/block:Text}
  611.  
  612. {block:Photo}<a href="{PhotoURL-HighRes}"><img src="{PhotoURL-HighRes}" alt="{PhotoAlt}"/></a>{block:Caption}<div class="captions">{Caption}{/block:Caption}{/block:Photo}
  613.  
  614. {block:Panorama}{LinkOpenTag}<img src="{PhotoURL-Panorama}" alt="{PhotoAlt}"/>{LinkCloseTag}{block:Caption}<div class="captions">{Caption}{/block:Caption}{/block:Panorama}
  615.  
  616. {block:Photoset}<div class="photoset-grid" photoset-layout="{PhotosetLayout}">{block:Photos}<div data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}" data-lowres="{PhotoURL-500}" data-highres="{PhotoURL-HighRes}" onclick="lightbox(this)"><img src="{PhotoURL-HighRes}" /></div>{/block:Photos}</div>{block:Caption}<div class="captions">{Caption}</div>{/block:Caption}{/block:Photoset}
  617.  
  618. {block:Quote}<div class="quotes"><div class="quote">{Quote}</div><div class="line"></div>{block:Source}<div class="source">{Source}</div>{/block:Source}</div>{/block:Quote}
  619.  
  620. {block:Link}<div class="t"><a href="{URL}" class="link" {Target}>{Name}</a></div><div class="line"></div>{block:Description}{Description}{/block:Description}{/block:Link}
  621.  
  622. {block:Chat}<div class="chat"><ul>{block:Lines}
  623. <div class="{Alt} user_{UserNumber}">{block:Label}<span>{Label}</span>{/block:Label}{Line}</div>{/block:Lines}</ul></div>{/block:Chat}
  624.  
  625. {block:Video}<div class="video">{Video-500}</div>{block:Caption}<div class="captions">{Caption}</div>{/block:Caption}{/block:Video}
  626.  
  627. {block:Audio}{block:AudioPlayer}
  628. <div class="playbutton">{AudioPlayerGrey}</div>{block:AlbumArt}<div class="albumart"><img src="{AlbumArtURL}"></div>{/block:AlbumArt}
  629. <div class="trackinfo">{block:TrackName}<b>track: </b>{TrackName}{/block:TrackName} <br>{block:Artist}<b>artist: </b>{Artist}{/block:Artist} <br>{block:Album}<b>album: </b>{Album}{/block:Album} <br>{block:PlayCount}<b>plays: </b>{PlayCount}{/block:PlayCount}</div>
  630. {block:Caption}<div class="captions">{Caption}</div>{/block:Caption}
  631. {/block:AudioPlayer}{/block:Audio}
  632.  
  633. {block:Answer}<div class="asks"><div class="asker"><img src="{AskerPortraitURL-30}"> <span class="asker-name">{Asker} said</span></div><div class="question">{Question}</div><div class="line"></div><div class="answer">{Answer}</div></div>{/block:Answer}
  634. </article>
  635.  
  636. {block:HasTags}<ul class="tags">{block:Tags}<a href="{TagURL}">› {Tag}</a>{/block:Tags}</ul>{/block:HasTags}
  637. {/block:Posts}
  638.  
  639. {block:NoRebloggedFrom}
  640. <!--{block:RebloggedFrom}
  641. {ReblogParentName}
  642. {/block:RebloggedFrom}-->
  643. {/block:NoRebloggedFrom}
  644.  
  645. {block:ContentSource}
  646. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoUrl}" width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  647. {/block:SourceLogo}
  648. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  649. {/block:ContentSource}
  650.  
  651. {block:Pagination}<div class="pagination">
  652. {block:PreviousPage}<a href="{PreviousPage}">previous</a>{/block:PreviousPage}
  653. {block:NextPage}<a href="{NextPage}">forward</a>{/block:NextPage}</div>{/block:Pagination}
  654. </div> <!-- post container ends -->
  655. {block:PostNotes}<div class="notes">{PostNotes}</div>{/block:Posts}
  656. </body>
  657. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement