API tools faq
paste
Advertisement
enbythemes

biconic

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