tr0pes

LUCKY

Jul 13th, 2019
987
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 17.31 KB | None | 0 0
  1. <html>
  2. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "https://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  3. <html xmlns="https://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  4.  
  5. <!--
  6.  
  7. THEME BY DINODESIGNS - LUCKY - FREE THEME
  8.  
  9. - fonts from google fonts
  10. - icons by honeybee by suiomi
  11. - .css photosets by annasthms, espoirthemes
  12. - special thanks to bychloethemes' undocumented documentation
  13.  
  14. -->
  15.  
  16. <head>
  17.  
  18. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}<meta charset="utf-8"><meta name="viewport" content="initial-scale=1.0, width=device-width" /><title>{Title}{block:TagPage} | {Tag} {/block:TagPage} {block:SearchPage} | {lang:Search results for SearchQuery}{/block:SearchPage}{block:PostSummary} | {PostSummary} {/block:PostSummary}</title>
  19.  
  20. <link rel="shortcut icon" href="{Favicon}">
  21. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  22.  
  23. <meta name="color:Background" content=""/>
  24. <meta name="color:Container" content=""/>
  25. <meta name="color:Borders" content=""/>
  26. <meta name="color:Posts" content=""/>
  27. <meta name="color:Link" content=""/>
  28. <meta name="color:Accent One" content=""/>
  29. <meta name="color:Accent Two" content=""/>
  30. <meta name="color:Text" content=""/>
  31.  
  32. <meta name="text:Title" content="Title Here"/>
  33. <meta name="text:Description" content="Description Here."/>
  34.  
  35. <meta name="text:Link One URL" content="/" />
  36. <meta name="text:Link One" content="index" />
  37. <meta name="text:Link Two URL" content="/" />
  38. <meta name="text:Link Two" content="contact" />
  39. <meta name="text:Link Three URL" content="/" />
  40. <meta name="text:Link Three" content="tags" />
  41.  
  42. <meta name="image:Sidebar" content="https://placehold.it/290x150"/>
  43. <meta name="image:Background" content="" />
  44.  
  45. <link href="https://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/><script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script><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><link href="https://static.tumblr.com/0podkko/oDSpg7y88/photosets.css" rel="stylesheet"><link href="//dl.dropbox.com/s/vpi3f9s7nhpe7v7/honeybee.css" rel="stylesheet"><link href="https://fonts.googleapis.com/css?family=DM+Serif+Display|Montserrat&display=swap" rel="stylesheet">
  46.  
  47. <script>
  48. (function($){
  49. $(document).ready(function(){
  50. $("a[title]").style_my_tooltips({
  51. tip_follows_cursor:true,
  52. tip_delay_time:90,
  53. tip_fade_speed:600,
  54. attribute:"title"
  55. });
  56. });
  57. })(jQuery);
  58. </script>
  59.  
  60.  
  61. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js" type="text/javascript"></script>
  62. <script type="text/javascript">
  63. $(function(){
  64. var stickyRibbonTop = $('.navigation').offset().top;
  65. $(window).scroll(function(){
  66. if( $(window).scrollTop() > stickyRibbonTop ) {
  67. $('.navigation').css({position: 'fixed', top: '0px', left: '0px'});
  68. } else {
  69. $('.navigation').css({position: 'static', top: '0px', left: '0px'});
  70. }
  71. });
  72. });
  73. </script>
  74.  
  75.  
  76. <style type="text/css">
  77.  
  78.  
  79.  
  80. body {
  81. font-family: 'Montserrat', sans-serif;
  82. font-size:10px;
  83. letter-spacing:.5px;
  84. color:{color:Text};
  85. text-align:justify;
  86. text-transform:lowercase;
  87. background-color:{color:Background};
  88. background-attachment:fixed!important;
  89. background-image:url('{image:Background}');!important
  90. }
  91.  
  92. ::-webkit-scrollbar {
  93. width:10px;
  94. }
  95.  
  96. ::-webkit-scrollbar-track {
  97. background:{color:Container};
  98. }
  99.  
  100. ::-webkit-scrollbar-thumb {
  101. background:{color:Borders};
  102. }
  103.  
  104. ::-webkit-scrollbar-thumb:window-inactive {
  105. background: transparent;
  106. }
  107.  
  108. #s-m-t-tooltip {
  109. max-width:300px;
  110. margin:15px;
  111. font-size:8px;
  112. font-family: 'Montserrat', sans-serif;
  113. letter-spacing:1px;
  114. text-align:center;
  115. text-transform:lowercase;
  116. padding:10px;
  117. padding-left:30px;
  118. padding-right:30px;
  119. font-weight:bold;
  120. color:{color:Text};
  121. background:{color:Background};
  122. border:1px solid {color:Borders};
  123. z-index:999999;
  124. }
  125.  
  126.  
  127. h1 {
  128. font-weight:bold;
  129. font-size:20px;
  130. margin-top:0px;
  131. text-align:center;
  132. letter-spacing:1px;
  133. text-transform:none;
  134. font-family:'DM Serif Display';
  135. text-transform:uppercase;
  136. color:{color:Accent Two};
  137. background:{color:Container};
  138. padding:15px;
  139. }
  140.  
  141. h2 {
  142. margin-bottom:10px;
  143. font-size: 18px;
  144. font-style:none;
  145. text-align:center;
  146. font-weight:bold;
  147. line-height:100%;
  148. font-family:'DM Serif Display';
  149. text-transform:uppercase;
  150. color:{color:Accent One};
  151. }
  152.  
  153. h2 i {
  154. margin-bottom:10px;
  155. font-size: 18px;
  156. font-style:none;
  157. text-align:center;
  158. font-weight:bold;
  159. line-height:100%;
  160. font-family:'DM Serif Display';
  161. text-transform:uppercase;
  162. color:{color:Accent One};
  163. }
  164.  
  165. h2 b {
  166. margin-bottom:10px;
  167. font-size: 18px;
  168. font-style:none;
  169. text-align:center;
  170. font-weight:bold;
  171. line-height:100%;
  172. font-family:'DM Serif Display';
  173. text-transform:uppercase;
  174. color:{color:Accent One};
  175. }
  176.  
  177. h5 {
  178. text-align:center;
  179. font-family:'DM Serif Display';
  180. font-size:11px;
  181. color:{color:Accent Two};
  182. background:{color:Borders};
  183. padding:7px;
  184. }
  185.  
  186. hr {
  187. width:50px;
  188. margin-left:0px;
  189. border-width: 1px 0px 0px 0px;
  190. border-style: solid;
  191. border-color: {color:Borders};
  192. }
  193.  
  194. pre {
  195. font-size:10px;
  196. font-family: 'Montserrat', sans-serif;
  197. width:500px;
  198. text-align: left;
  199. word-break: break-all;
  200. color:{color:Text};
  201. }
  202.  
  203. b, strong {
  204. color: {color:Accent One};
  205. font-family:'DM Serif Display';
  206. font-size:11px;
  207. font-weight:normal;
  208. }
  209.  
  210. i b {
  211. font-style:none;
  212. text-decoration:none;
  213. font-weight:normal;
  214. }
  215.  
  216. i, italic {
  217. color: {color:Accent Two};
  218. }
  219.  
  220. small, sup, sub {
  221. font-size:10px;
  222. }
  223.  
  224. a {
  225. color: {color:Link};
  226. text-decoration: none;
  227. -moz-transition-duration: 0.5s;
  228. -o-transition-duration: 0.5s;
  229. -webkit-transition-duration: 0.5s;
  230. transition-duration: 0.5s;
  231. }
  232.  
  233. a:hover {
  234. color: {color:Accent Two};
  235. text-decoration: none;
  236. -moz-transition-duration: 0.5s;
  237. -o-transition-duration: 0.5s;
  238. -webkit-transition-duration: 0.5s;
  239. transition-duration: 0.5s;
  240. }
  241.  
  242. ul {
  243. border-left:2px solid {color:Borders};
  244. padding:5px;
  245. margin-left:10px;
  246. }
  247.  
  248. ul li {
  249. list-style:none;
  250. margin-left:10px;
  251. }
  252.  
  253. ul li:before {
  254. color:{color:Accent One};
  255. content:"›";
  256. font-size:1em;
  257. padding-right:.5em;
  258. position:relative;
  259. top:.1em;
  260. }
  261.  
  262. ol {
  263. margin-left:-25px;
  264. }
  265.  
  266.  
  267. img {
  268. max-width:100%;
  269. }
  270.  
  271. #sidebar {
  272. width:250px;
  273. height:300px;
  274. background:{color:Posts};
  275. padding:20px;
  276. margin-top:100px;
  277. margin-left:100px;
  278. border:1px solid {color:Borders};
  279. position:fixed;
  280.  
  281. }
  282.  
  283. #sideimg {
  284. width:290px;
  285. height:150px;
  286. margin:-20px;
  287. margin-bottom:0px;
  288. background:{color:Borders};
  289. -webkit-clip-path: polygon(0 0, 100% 0, 100% 84%, 0 100%);
  290. clip-path: polygon(0 0, 100% 0, 100% 84%, 0 100%);
  291. }
  292.  
  293. #sideimg img{
  294. width:290px;
  295. height:150px;
  296. }
  297.  
  298.  
  299. #navigation {
  300. width:250px;
  301. text-align:center;
  302. margin-top:-43px;
  303. -ms-transform: rotate(-5deg); /* IE 9 */
  304. -webkit-transform: rotate(-5deg); /* Safari 3-8 */
  305. transform: rotate(-5deg);
  306. }
  307.  
  308. #link {
  309. margin:10px;
  310. width:25px;
  311. height:25px;
  312. text-align:center;
  313. border:1px solid {color:Borders};
  314. line-height:25px;
  315. font-size:18px;
  316. font-family:'DM Serif Display';
  317. font-weight:bold;
  318. background:{color:Container};
  319. border-radius:150px;
  320. padding:10px;
  321. display:inline-block;
  322. }
  323.  
  324. #description {
  325. height:100px;
  326. overflow:auto;
  327. }
  328.  
  329. #back {
  330. position:fixed;
  331. margin-top:9px;
  332. margin-bottom:-20px;
  333. margin-left:-20px;
  334. padding-top:15px;
  335. padding-left:20px;
  336. width:125px;
  337. display:inline-block;
  338. padding-bottom:15px;
  339. background:{color:Container};
  340. font-family:'DM Serif Display';
  341. font-size:18px;
  342. text-align:left;
  343. }
  344.  
  345. #forward {
  346. position:fixed;
  347. margin-top:9px;
  348. margin-bottom:-20px;
  349. margin-right:-20px;
  350. margin-left:125px;
  351. padding-top:15px;
  352. width:125px;
  353. padding-right:20px;
  354. text-align:right;
  355. display:inline-block;
  356. padding-bottom:15px;
  357. background:{color:Container};
  358. font-family:'DM Serif Display';
  359. font-size:18px;
  360. border-left:1px solid {color:Borders};
  361. }
  362.  
  363. .posts {
  364. width:500px;
  365. background:{color:Posts};
  366. padding:20px;
  367. border:1px solid {color:Borders};
  368. margin-left:calc(50% - 150px);
  369. margin-top:50px;
  370. margin-bottom:70px;
  371. }
  372.  
  373.  
  374. .info {
  375. width:510px;
  376. margin:-20px;
  377. padding:15px;
  378. text-transform:lowercase;
  379. font-family:'DM Serif Display';
  380. font-size:18px;
  381. text-align:center;
  382. background:{color:Container};
  383. border-bottom:1px solid {color:Borders};
  384. }
  385.  
  386. .tags {
  387. width:520px;
  388. padding:10px;
  389. margin:-20px;
  390. margin-top:20px;
  391. margin-bottom:20px;
  392. text-align:center;
  393. background:{color:Borders};
  394. line-height:8px;
  395. text-transform:lowercase;
  396. font-size:8px;
  397. -moz-transition-duration:0.5s;
  398. -webkit-transition-duration:0.5s;
  399. -o-transition-duration:0.5s;
  400. }
  401.  
  402. .tags a {
  403. background-color:none;
  404. color:{color:Accent Two};
  405. }
  406.  
  407. .tags a:hover {
  408. text-decoration:none;
  409. color:{color:Accent One};
  410. }
  411.  
  412. .postsnote {
  413. width:500px;
  414. margin-top:15px;
  415. margin-bottom:5px;
  416. float:left;
  417. margin-left:-21px;
  418. padding:20px;
  419. border-left:{color:Borders} 1px solid;
  420. border-right:{color:Borders} 1px solid;
  421. border-bottom:{color:Borders} 1px solid;
  422. background-color:{color:Background};
  423. }
  424.  
  425. .postsnote ol, .notes-bottom ul {
  426. margin: 5px;
  427. padding: 0;
  428. list-style: none;
  429. }
  430.  
  431. .postsnote li {
  432. width:45%;
  433. padding:5px;
  434. margin:5px;
  435. min-height:25px;
  436. border:1px solid {color:Borders};
  437. background:{color:Posts};
  438. font-size:10px;
  439. font-family: 'Montserrat', sans-serif;
  440. float:left;
  441. text-align:center;
  442. }
  443.  
  444. .postsnote li img.avatar {
  445. border:none;
  446. margin:;
  447. width:0;
  448. padding:0;
  449. }
  450.  
  451. .postsnote .note .retags {
  452. display:none;
  453. visibility:hidden;
  454. }
  455.  
  456. .postsnote blockquote {
  457. display:none;
  458. }
  459.  
  460.  
  461. .tumblr_audio_player {
  462. height: 90px;
  463. width: 100px;
  464. -moz-transform: scale(0.60, 0.60);
  465. -webkit-transform: scale(0.60, 0.60);
  466. -o-transform: scale(0.60, 0.60);
  467. -ms-transform: scale(0.60, 0.60);
  468. transform: scale(0.60, 0.60);
  469. -moz-transform-origin: top left;
  470. -webkit-transform-origin: top left;
  471. -o-transform-origin: top left;
  472. -ms-transform-origin: top left;
  473. transform-origin: top left;
  474. }
  475.  
  476.  
  477. #playerbutton {
  478. width: 19px;
  479. height: 19px;
  480. margin-top:-60px;
  481. margin-left:20px;
  482. background-color: #ffffff;
  483. padding: 10px;
  484. -webkit-border-radius: 40px;
  485. -moz-border-radius: 40px;
  486. border-radius: 40px;
  487. opacity: .4;
  488. filter: alpha(opacity=40);
  489. -moz-opacity: 0.4;
  490. -khtml-opacity: 0.4;
  491. transition: opacity .7s ease-in-out;
  492. -moz-transition: opacity .7s ease-in-out;
  493. -webkit-transition: opacity .7s ease-in-out;
  494.  
  495. }
  496.  
  497. #playerbuttonbg:hover {
  498. opacity: 1;
  499. filter: alpha(opacity=100);
  500. -moz-opacity: 1;
  501. -khtml-opacity: 1;
  502. }
  503.  
  504. #newbutton {
  505. position: relative;
  506. width: 20px;
  507. height: 20px;
  508. border-radius:100px;
  509. margin-top:0px;
  510. margin-left:0px;
  511. overflow: hidden;
  512. }
  513.  
  514.  
  515. #audioimg {
  516. left: 60px;
  517. top: 60px;
  518. -webkit-border-radius: 40px;
  519. -moz-border-radius: 40px;
  520. border-radius: 40px;
  521. overflow: hidden;
  522. width: 79px;
  523. height: 79px;
  524. display:inline-block;
  525. }
  526.  
  527. #audioimg img {
  528. width: 100%;
  529. height: auto;
  530. -webkit-border-radius: 40px;
  531. -moz-border-radius: 40px;
  532. border-radius: 40px;
  533. }
  534.  
  535. #trackdetails {
  536. width: 330px;
  537. font-size:10px;
  538. font-family: 'Montserrat', sans-serif;
  539. line-height:14px;
  540. display:inline-block;
  541. padding:15px 10px 20px 10px;
  542. min-height:70px;
  543. float:right;
  544. margin-top:-65px;
  545. }
  546.  
  547. .audioplayer {
  548. display:inline-block;
  549. }
  550.  
  551. iframe#youtube_iframe {
  552. width: 500px;
  553. height: 280px;
  554. border-top-width: 0px;
  555. border-right-width: 0px;
  556. border-bottom-width: 0px;
  557. border-left-width: 0px;
  558. }
  559.  
  560. iframe.spotify_audio_player {
  561. width: 500px;
  562. }
  563.  
  564. #quote {
  565. color: {color:Accent One};
  566. font-family:'DM Serif Display';
  567. font-size:18px;
  568. text-align:center;
  569. font-weight:normal;
  570. }
  571.  
  572. #source {
  573. text-align:right;
  574. margin-top:10px;
  575. }
  576.  
  577. #question {
  578. padding:20px;
  579. background:{color:Container};
  580. max-height:95px;
  581. margin-bottom:20px;
  582. font-style:italic;
  583. }
  584.  
  585. #asker {
  586. color: {color:Accent One};
  587. font-family:'DM Serif Display';
  588. font-size:18px;
  589. font-weight:normal;
  590. text-align:right;
  591. font-style:normal;
  592. }
  593.  
  594. #asker a{
  595. color: {color:Accent Two};
  596. }
  597.  
  598. #credit {
  599. position:fixed;
  600. bottom:5px;
  601. left:5px;
  602. }
  603.  
  604. #credit img {
  605. width:20px;
  606. height:20px;
  607. }
  608.  
  609. </style>
  610.  
  611. </head>
  612. <body>
  613.  
  614. <!-- THIS THEME IS CREATED BY AUTUMN (DINODESIGNS/DINOCODES) AND IS NOT TO BE REDISTRUBUTED WITHOUT PERMISSION. DO NO REMOVE CREDIT, REPOST, OR TAKE PIECE OF CODE TO USE AS A BASE CODE. DO NOT REMOVE CREDIT. FOR TROUBLESHOOTING PLEASE CONTACT MAKER DIRECTLY AT @DINODESIGNS.TUMBLR.COM -->
  615.  
  616. <div id="sidebar">
  617. <div id="sideimg"><img src="{image:Sidebar}"></div>
  618. <div id="navigation">
  619. <a href="{text:Link One Url}" title="{text:Link One}"><div id="link">01</div></a>
  620. <a href="{text:Link Two Url}" title="{text:Link Two}"><div id="link">02</div></a>
  621. <a href="{text:Link Three Url}" title="{text:Link Three}"><div id="link">03</div></a>
  622. </div>
  623. <div id="description">
  624. {text:Description}
  625. </div>
  626.  
  627. <div id="pagination">
  628. {block:HomePage}<div id="back" style="margin-top:9px;color:{color:Accent One}">━ {text:Title}</div> {/block:HomePage}
  629. {block:PreviousPage}<div id="back"><a href="{PreviousPage}">━ previous</a></div>{/block:PreviousPage}
  630. {block:NextPage}<div id="forward"><a href="{NextPage}">forward ━</a></div>{/block:NextPage}
  631. </div>
  632.  
  633. </div>
  634. {block:Posts}
  635.  
  636. <div class="posts">
  637.  
  638. {block:Date}<a href="{Permalink}" title="Posted {TimeAgo} with {NoteCount} Notes"><div class="info"> ━&nbsp; permalink &nbsp;━ </div></a> {/block:Date}
  639.  
  640. <div class="tags">{block:Tags}<a href="{TagURL}"><span style="color:{color:Accent One};">&nbsp;━&nbsp;&nbsp; </span>{Tag}&nbsp;&nbsp;</a>{/block:Tags}</div>
  641.  
  642. {block:Text}{block:Title}<h1>{Title}</h1>{/block:Title}{Body}{/block:Text}
  643.  
  644. {block:Quote}<div id="quote">{Quote}</div><div id="source">— {Source}</div>{/block:Quote}
  645.  
  646. {block:Link}<a href="{URL}" class="link" {Target}> <h2>{Name}</h2></a>
  647. {block:Description}<p>{Description}</p>{/block:Description}{/block:Link}
  648.  
  649. {block:Photo}<center>{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}</center>{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  650.  
  651. {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}{Caption}{/block:Caption}{/block:Photoset}
  652.  
  653. {block:Chat}{block:Title}<t>{Title}</t><br>{/block:Title}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}
  654. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  655.  
  656. {block:Answer}<div id="question"><span>{Question}</span><div id="asker">{Asker} asked</div></div>{Answer}{/block:Answer}
  657.  
  658. {block:Audio}{block:AudioPlayer}<div id="audioplayer">{block:AlbumArt}<div id="audioimg"><img src="{AlbumArtURL}"></div>{/block:AlbumArt}<div id="playerbutton"><div id="newbutton"><div id="playerbutton2">{AudioPlayerWhite}</div></div></div><div id="trackdetails">{block:TrackName}<b>Track:</b> {TrackName} <br/>{/block:TrackName}{block:Artist}<b>Artist:</b> {Artist} <br/>{/block:Artist}{block:Album}<b>Album:</b> {Album} <br/>{/block:Album}{block:PlayCount}<b>Plays:</b> {PlayCount}{/block:PlayCount}</div></div>{/block:AudioPlayer}<br><br>{block:Caption}{Caption}{/block:Caption}{/block:Audio}
  659.  
  660. {block:PostNotes}<div class="postsnote">{PostNotes}</div>{/block:PostNotes}
  661.  
  662. </div>
  663.  
  664. {/block:Posts}
  665.  
  666.  
  667.  
  668. <!-- THIS THEME IS CREATED BY AUTUMN (DINODESIGNS) AND IS NOT TO BE REDISTRUBUTED WITHOUT PERMISSION. DO NO REMOVE CREDIT, REPOST, OR TAKE PIECE OF CODE TO USE AS A BASE CODE. DO NOT REMOVE CREDIT. FOR TROUBLESHOOTING PLEASE CONTACT MAKER DIRECTLY AT @DINODESIGNS.TUMBLR.COM -->
  669.  
  670. <a href="https://dinodesigns.tumblr.com/"><div id="credit" title="by dinodesigns"><img src="https://static.tumblr.com/61xorhm/Xl6pub0n2/dino__2_.png"></div></a> <!-- DO NOT REMOVE CREDIT!! -->
  671.  
  672.  
  673.  
  674. </body>
  675. </html>
Advertisement
Add Comment
Please, Sign In to add comment