Advertisement
itonyas

limerence fix

Jan 17th, 2019
541
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 18.32 KB | None | 0 0
  1. <!--- limerence by @itonyas --->
  2.  
  3. <html><!DOCTYPE html><head><title>{Title}</title>
  4. <link rel="shortcut icon" href="{Favicon}"><link rel="alternate" type="application/rss+xml" href="{RSS}">
  5.  
  6. <!-- fonts -->
  7.  
  8. <link href="https://fonts.googleapis.com/css?family=Changa:400,500,600,700|Heebo:400,500,700" rel="stylesheet"><link href="https://use.fontawesome.com/releases/v5.0.6/css/all.css" rel="stylesheet"><link href="https://fonts.googleapis.com/css?family=Niramit" rel="stylesheet"><link href="https://fonts.googleapis.com/css?family=Fira+Sans" rel="stylesheet">
  9.  
  10. <!-- metas -->
  11.  
  12. <meta name="image:sidebar" content="/"/>
  13. <meta name="color:backgrd" content="#fff"/><meta name="color:text" content="#555555"/><meta name="color:link" content="#8C8C8C"/><meta name="color:selection" content="#E0E2EA"><meta name="color:accent" content="#E0E2EA"/>
  14. <meta name="text:link 1" content=""/><meta name="text:link 1 url" content=""/><meta name="text:link 2" content=""/><meta name="text:link 2 url" content=""/>
  15.  
  16. <meta name="if:title" content=""/>
  17.  
  18. <style type="text/css">
  19.  
  20. /* selection and scrollbar */
  21.  
  22. ::selection {background: {color:selection};color: {color:text};}::-moz-selection {background: {color:selection};color: {color:text};}
  23.  
  24. ::-webkit-scrollbar {width:17px;height:17px;}::-webkit-scrollbar {background-color:rgb({color:backgrd}) transparent;}::-webkit-scrollbar-track {border:8px solid {color:backgrd};background-color:#ddd;}::-webkit-scrollbar-thumb {border:8px solid {color:backgrd}; background-color:{color:text}; min-height:24px;min-width:24px;}
  25.  
  26. /* tumblr controls */
  27.  
  28. iframe.tmblr-iframe {z-index:99999999999999!important;margin-right:20px;margin-top:10px;top:0!important;right:0!important;opacity:0.4;
  29. /* delete invert(1) from here */
  30. filter:invert(1) contrast(150%);-webkit-filter:invert(1) contrast(150%);-o-filter:invert(1) contrast(150%);-moz-filter:invert(1) contrast(150%);-ms-filter:invert(1) contrast(150%);
  31. /* to here if your blog has a dark background */
  32. transform:scale(0.65);transform-origin:100% 0;-webkit-transform:scale(0.65);-webkit-transform-origin:100% 0;-o-transform:scale(0.65);-o-transform-origin:100% 0;-moz-transform:scale(0.65);-moz-transform-origin:100% 0;-ms-transform:scale(0.65);-ms-transform-origin:100% 0;}
  33. iframe.tmblr-iframe:hover {opacity:0.6!important;}
  34.  
  35. /* body */
  36.  
  37. body {background-color:{color:backgrd};color:{color:Text};font-family:fira sans;font-size:10px;letter-spacing:.5px;-webkit-animation-name: fade-in;-webkit-animation-duration: 1.5s;line-height:180%;}
  38.  
  39. /* links */
  40.  
  41. a {color:{color:Link};text-decoration: none;-moz-transition-duration: 0.7s;-o-transition-duration: 0.7s;-webkit-transition-duration: 0.7s;transition-duration: 0.7s;}a:hover {color: {color:Accent};-moz-transition-duration: 0.7s;-o-transition-duration: 0.7s;-webkit-transition-duration: 0.7s;transition-duration: 0.7s;}
  42.  
  43. /* bold and italic */
  44.  
  45. bold, b {font-weight:bold;color: {color:Accent};}italic, i {font-weight:italic;color: {color:text};}e {font-weight:800; color:{color:text};font-family: heebo;text-transform:uppercase;}underline, un {border-bottom:1px solid {color:accent};}
  46.  
  47. /* lists */
  48.  
  49. ul { margin-left:-40px;}ol li { list-style-type:decimal-leading-zero;}ul li { list-style-type:none;}ul li:before { content:"•";letter-spacing:-1px;color:{color:accent};margin-right:8px;}
  50.  
  51. /* tooltips */
  52.  
  53. .tooltip{display: inline;position: relative;}
  54. #s-m-t-tooltip {max-width:300px;padding:5px;padding-top:3px;padding-bottom:3px;margin:5px 0px 0px 10px;background-color:#fff;font-family:fira sans;font-size:9px;font-style:italic;letter-spacing:1px;line-height:8px;text-transform:lowercase;color:#000;z-index:2147483647;}.container {width:900px;margin:auto;}
  55.  
  56. /*sidebar*/
  57.  
  58. .sidebar {width:270px;padding:15px;margin-left:-30px;margin-top:65px;position:fixed;background:#fff transparent;height:165px;} .header img {margin-bottom:55px;width:200px;margin-left:30px;border-radius:0px;height:auto;}
  59.  
  60. .sititle {font-weight:600;font-style:italic;font-family:'fira sans';width:300px;color:{color:accent};text-align:center;height:30px;line-height:15px;font-size:14px;letter-spacing:0px;position:absolute;margin-left:-25px;text-transform:lowercase;margin-top:-60px;}
  61.  
  62. .desc {border-radius:0px;background-color:#fff transparent;width:280px;padding-left:20px;padding-top:10px;padding-bottom:10px;margin-top:-100px;margin-left:-20px;text-align:center;}.desc a {color:{color:link};border-bottom:1px {color:accent} solid;}.desc a:hover {color:{color:link};border-bottom:1px {color:accent} solid;}
  63.  
  64. #lin {width:280px;margin-top:0px;border-bottom: 1px solid #ddd;margin-left: 0px;position: fixed;}
  65.  
  66. .link {font-style:none;width:300px;text-align:center;margin-left:-25px;margin-top:0px;color:{color:link};font-size:10px;}.link a {display:inline-block;margin-bottom:0px;color:{color:link};text-decoration: none;-moz-transition-duration: 0.7s;-o-transition-duration: 0.7s;-webkit-transition-duration: 0.7s;transition-duration: 0.7s;}
  67.  
  68. .bx{font-family: fira sans, sans-serif; color: {color:link}; text-decoration-line: none; transition: all 0.8s ease; letter-spacing: 0.5px; display: inline-block; background:#fff;padding: 4px 6px; margin-right: 0px; margin-top: 8px; font-size: 10px;}
  69.  
  70. /*posts*/
  71.  
  72. .post {width:540px;margin-left:350px;margin-top:70px;}.posts {width:540px;{block:indexpage}margin-bottom:100px;{/block:indexpage}{block:permalinkpage}margin-bottom:-30px;{/block:permalinkpage}text-align:justify;{block:Posts}{/block:Posts}border-radius:5px;padding:0px 0px 10px 0px;background-color:#fff;}.posts img {max-width:100%;height:auto;}.posts h1 {font-size:12px;font-weight:normal;}
  73.  
  74. /*captions*/
  75.  
  76. .caption{ margin-top:10px; background:#f6f6f6; padding:10px 20px 10px 20px;width:500px;border-radius:3px;}.txt.caption{padding-top:0px!important;}.cap blockquote{border-left:1px solid #ddd;margin-left:0px;padding-left:10px;}.cap { margin:10px 0px 10px 0; padding:0px 0 0 0; border:0; }.cap a.tumblr_blog {font-weight:800;display:inline-block; color:{color:text};margin-left:0px;margin-top:-2px;font-family:'fira sans';font-size:11px;}.cap a.tumblr_blog:after {content:'';display:block;margin-top:0px;height:1px;width:0;background:transparent;transition:width 1s ease, background-color 1s ease;}.cap a.tumblr_blog:hover:after {width:100%; background-color:#bbb;}.cap a.tumblr_blog:hover {color:{color:text};}.cap .icon{width:25px;height:25px;margin-right:10px;display:inline-block;float:left;border-radius:10%;margin-top:-6px;}.wrap { background:#fff;padding: 0px; margin-top:-10px; border-radius:3px;width:520px;margin-right:70px; }
  77. .cap img { margin-top:13px; margin-left:0; max-width:100%; display:inline-block; }
  78.  
  79. /* quotes */
  80.  
  81. .quote {font-size:10px;font-style:italic;margin-left:5px;text-align:left;}.scont {width:450px;margin-top:20px;text-align:left;margin-left:5px;}.source {text-align:left;width:200px;margin-left:0px;margin-top:-15px;}
  82.  
  83. /* asks */
  84.  
  85. .ask {margin-left:50px;min-height:0px; background:#fafafa; padding:15px; width:450px; border-radius:3px;}.question{margin-top:-30px!important;line-height:14px;z-index:99999999999;padding:0px;text-transform:lowercase;position:relative;background:#fafafa;}.question a {color: {color:text};}.question a:hover {color: {color:text};}.answer {padding-top:1px; padding-left:0px; padding-right:2px;}
  86.  
  87. .ask:before{content: '';position: absolute;border-style: solid;border-width: 0px 8px 8px 8px;border-color: #fafafa transparent; display: block;width: 0;z-index: 3;margin-top:0px;margin-left:-25px;opacity:1;transform: rotate(270deg);-ms-transform: rotate(270deg);-webkit-transform: rotate(270deg);-o-transform: rotate(270deg);-moz-transform: rotate(270deg);}.askimg img { width:35px; border-radius:100%; margin-top:-10px; margin-left:-65px; }
  88.  
  89. /* chats */
  90.  
  91. .chat {margin-left:0px;}.chat li {list-style:none; padding:5px;text-align:left;margin-top:-1px;}
  92.  
  93. /* audio */
  94.  
  95. .audio {padding:10px; background-color:#fff;border-radius:3px;}.art, .art img {border-radius:3px;}.art img {max-width:100%;}.art {position:absolute;width:50px;height:50px;z-index:1; }
  96.  
  97. .audiobg {position:absolute;width:48px;height:48px;margin-top:1px;margin-left:1px;z-index:9;overflow:hidden;opacity:0;background-color:#F2F2F2;border-radius:3px;-moz-transition-duration: 0.7s;-o-transition-duration: 0.7s;-webkit-transition-duration: 0.7s;transition-duration: 0.7s; }.audio:hover .audiobg {opacity:1;-moz-transition-duration: 0.7s;-o-transition-duration: 0.7s;-webkit-transition-duration: 0.7s;transition-duration: 0.7s;}
  98.  
  99. .audioplaybg {margin-top:14px;margin-left:-4px;}.detailscont {display:table;height:50px;margin-left:60px;padding:0 5px;font-weight:italic;text-align:left;}.details {display:table-cell; vertical-align:middle;}.track {text-transform:uppercase;font-family: 'quantico', sans-serif;font-size:11px;color:{color:text};}.artist {text-transform:uppercase;letter-spacing:1px;font-size:7px;color:{color:text};}
  100.  
  101. .tumblr_audio_player {height:60%;width:60%;margin-left:20%;margin-top:18%;-moz-transform:scale(1.2, 1.2);-webkit-transform:scale(1.2, 1.2);-o-transform:scale(1.2, 1.2);-ms-transform:scale(1.2, 1.2);transform:scale(1.2, 1.2);-moz-transform-origin:center;-webkit-transform-origin:center;-o-transform-origin:center;-ms-transform-origin:center;transform-origin:center;}
  102.  
  103. /* post info */
  104.  
  105. .info {margin-top:-25px;text-transform:uppercase;width:520px;font-size:12px;text-align:left;font-family: 'changa', sans-serif;}.reblo {margin-top:-15px;width:520px;font-size:10px;background:{color:background};;margin-left:20px;font-family: 'fira sans', sans-serif;}
  106.  
  107. .tags {margin-top:10px;margin-left:0px;word-wrap:break-word;overflow-wrap:break-word;text-transform:lowercase;font-size:10px;text-align:left;}.tags a {margin-right:0px;font-family:9px; display:inline!important;}
  108. .taggs{font-family: fira sans, sans-serif; color: {color:text}; text-decoration-line: none; transition: all 0.8s ease; letter-spacing: 0.5px; display: inline-block; padding: 0px 0px; margin-right: 0px; margin-top: 8px; font-size: 10px;}a.tag:after { content:","; } a.tag:last-child:after { content:""; }
  109.  
  110. {block:PermalinkPage}.tags {margin-top:15px;margin-left:-20px;word-wrap:break-word;overflow-wrap:break-word;text-transform:lowercase;font-size:10px;text-align:left;}.tags a {font-family:9px; display:inline!important;}
  111. .taggs{font-family: fira sans, sans-serif; color: {color:text}; text-decoration-line: none; transition: all 0.8s ease; letter-spacing: 0.5px; display: inline-block; padding: 0px 0px; margin-right: 0px; margin-top: 8px; font-size: 10px;}a.tag:after { content:","; } a.tag:last-child:after { content:""; }{/block:PermalinkPage}
  112.  
  113. /* credit - please don't touch c: */
  114.  
  115. .credit {position:fixed;right:14px;bottom:10px;font-family: fira sans, sans-serif; color: {color:link}; text-decoration-line: none; transition: all 0.8s ease; letter-spacing: 0.5px; display: inline-block;padding: 4px 6px; margin-right: 0px; margin-top: 8px; font-size: 12px;}
  116.  
  117. /* pagination */
  118.  
  119. .pagination{background:#fff;width:291px;padding-left:10px;text-align:center;margin-left:-8px;margin-top:-150px;font-size:10px;word-spacing:3px;}.pagination a{padding:5px;font-family: 'fira sans', sans-serif;border-radius:5px 5px 5px 5px;font-weight:500;margin-left:3px;margin-top:150px;color:{color:text};}
  120.  
  121. /*permalink and notes*/
  122.  
  123. .pagenotes {width:540px;background:#f6f6f6;padding-left:20px;padding-top:0em;margin-top:0px;margin-left:0px;text-align:left;font-family: 'fira sans', sans-serif;text-transform:lowercase;font-size:10px;overflow-x:hidden;overflow-y:scroll;height:250px;}.pagenotes img{width: 15px;height: 15px;padding: 5px;margin-right: 10px;margin-top: 10px;border-radius:10%;}
  124.  
  125. ol.notes {list-style-type:none;padding:0px;margin:0px 190px;text-align:left;}ol.notes li.note {display:block;padding:0;margin:5px 0;}ol.notes li.note img.avatar {list-style: none !important;margin-bottom: -10px;margin-right: 3px}a.more_notes_link {display:block;text-align:left;color:{color:text};}
  126.  
  127. </style></head><body>
  128.  
  129. <!-- sidebar --><div class="container">
  130.  
  131. <div class="sidebar"><div id="line"></div><div class="header"><a href="#!" class="click "><img src="{image:sidebar}"/></div></a><br>
  132. {block:iftitle}<div class="sititle">{title}</div><p>{/block:iftitle}
  133. <br>
  134. <div class="desc"><div style="margin-left:-10px"><br>{Description} </div></div>
  135.  
  136. <!-- links --><div id="lin"></div>
  137.  
  138. <div class="link"><div class="bx"><a href="/">home</a></div>&nbsp;<div class="bx"><a href="/ask">message</a></div>&nbsp;<div class="bx"><a href="{text:link 1 url}">{text:link 1}</a></div>&nbsp;<div class="bx"> <a href="{text:link 2 url}">{text:link 2}</a></div>&nbsp;
  139.  
  140. <!-- add more as needed-->
  141.  
  142. <!-- pagination -->
  143.  
  144. <div class="pagination"style="{color:text}">{block:PreviousPage}<a href="{PreviousPage}"title="previous page">←</a>{/block:PreviousPage}{block:JumpPagination length="4"}{block:CurrentPage}<span class="current_page"style="color:{color:accent};font-weight:600;padding:5px">{PageNumber}</span>{/block:CurrentPage}{block:JumpPage}<a class="jump_page"style="{color:text}" href="{URL}">{PageNumber}</a>{/block:JumpPage}{/block:JumpPagination}{block:NextPage}<a href="{NextPage}"title="next page">→</a>{/block:NextPage}{/block:Pagination}</div></div><p>
  145.  
  146. </div>
  147.  
  148. <!-- posts -->
  149.  
  150. <article class="post">{block:Posts}
  151.  
  152. <!--blocks source-->{block:ContentSource}<!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}{block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->{/block:ContentSource}
  153. <!--blocks via--><!-- {block:NoRebloggedFrom}{block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}{/block:NoRebloggedFrom} -->
  154.  
  155. <div class="posts">
  156.  
  157. <!-- text -->
  158.  
  159. {block:Text}{block:Title}<h1>{Title}</h1><br></div>{/block:Title}<div class="caption">{Body}</div>{/block:Text}
  160.  
  161. <!-- ask -->
  162.  
  163. {block:Answer}<div class="askt"></div> <div class="ask"> <div class="askimg"></div> <div class="askimg"><img src="{AskerPortraitURL-40}" /></div> <div class="question">{Asker} asked:<br>{Question}</div> </div><br><div class="answer">{Answer}</div> {/block:Answer}
  164.  
  165. <!-- quote -->
  166.  
  167. {block:Quote}<div class="caption"><div class="quote">"{Quote}"</div>{block:Source}<div class="scont"><div class="source">— {Source}</div></div></div><br>{/block:Source}{/block:Quote}
  168.  
  169. <!-- chat -->
  170.  
  171. {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}<div style="margin-top:-20px;"><div class="chat">{block:Lines}{block:Label}<b><br><div class="caption">{Label}</b>&nbsp;{/block:Label}{Line}</div>{/block:Lines}</div></div>{/block:Chat}
  172.  
  173. <!-- link-->
  174.  
  175. {block:Link}<h1><a href="{URL}">{Name}</a></h1>{block:Description}<div class="wrap"><div class="caption">{Description}</div></div>{/block:Description}{/block:Link}
  176.  
  177. <!-- photo -->
  178.  
  179. {block:Photo}<img src="{PhotoURL-500}" alt="{PhotoAlt}">{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:Photo}
  180.  
  181. <!-- photoset -->
  182.  
  183. {block:Photoset}<div class="photo-slideshow" id="photoset_{PostID}" data-layout="{PhotosetLayout}">{block:Photos}<div class="photo-data"><div class="pxu-photo"><img src="{PhotoURL-500}" width="540px" height="{PhotoHeight-500}" data-highres="{PhotoURL-HighRes}" data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}"></div><a class="tumblr-box" rel="post-{PostID}" href="{PhotoURL-HighRes}"></a></div>{/block:Photos}</div>{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:Photoset}
  184.  
  185. <!-- video -->
  186.  
  187. {block:Video}<div class="video">{Video-500}</div>{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:Video}
  188.  
  189. <!-- audio -->
  190.  
  191. {block:AudioPlayer}<div class="audio"><div class="art">{block:AlbumArt}<img src="{AlbumArtURL}">{/block:AlbumArt}</div><div class="audiobg"><div class="audioplaybg">{AudioPlayer}</div></div><div class="detailscont"><div class="details">{block:TrackName}<span class="track"><e>{TrackName}</e></span>{/block:TrackName}<br>{block:Artist}<span class="artist">{Artist}</span>{/block:Artist}<br /></div></div></div><div class="caption">{block:Caption}{Caption}{/block:Caption}</div>{/block:AudioPlayer}
  192.  
  193. <!-- post info -->
  194.  
  195. <br></br><div class="info"><a title="{timeago}" href="{Permalink}"><e>{dayofweek}</e></a>&nbsp;{block:NoteCount}<b>•</b></b>&nbsp;<a href="{Permalink}">{NoteCount} </a> {/block:NoteCount}<div class="reblo">{block:IndexPage}<a href="{ReblogURL}" target="_blank"><div style="float:right;"><i class="fas fa-retweet"></i></div></div></div>{/block:IndexPage}{/block:IndexPage}
  196.  
  197. {block:HasTags}<div class="tags">{block:Tags}<a class="tag" href="{TagURL}"><div class="taggs">#{Tag}</div></a>&nbsp;&nbsp;{/block:Tags}</div>{/block:HasTags}
  198. </div>{block:RebloggedFrom}{block:PermalinkPage}<br><e>via:&nbsp;</e><a href="{ReblogParentURL}">{ReblogParentName}</a><p><e>source:&nbsp;</e><a href="{ReblogRootURL}" >{ReblogRootName}</a>{/block:PermalinkPage}{/block:RebloggedFrom}
  199.  
  200. <!-- posts notes -->
  201.  
  202. {block:PostNotes}<br><article class="posts pagenotes"><div style="margin-left:-200px;">{PostNotes}/div></article>{/block:PostNotes}{/block:Posts}</div><br></br><br></br></article>
  203.  
  204. <div class="credit"><a href="https://itonyas.tumblr.com/">é</a></div>
  205.  
  206. <!-- scripts -->
  207.  
  208. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script><link href="//dl.dropbox.com/s/50g6fbds3rh4m0j/saturnicons.css" rel="stylesheet"></script><script src="https://static.tumblr.com/wgg6svp/I8Yobwo15/unnest.min.js"></script><script>$('article').unnest({ yourCaption: ".caption",wrapName: ".cap",newCaptionUsername: true,originalPostCaptionUsername: false,tumblrAvatars: true,tumblrAvatarClass: ".icon",usernameColon: false});</script><script src="//code.jquery.com/jquery-2.2.4.min.js"></script>
  209.  
  210. <script src ="//static.tumblr.com/fwgzvyf/Oj1o08f6h/shythemes.vr.js"></script><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://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script><script>$(document).ready(function(){$('.photo-slideshow').pxuPhotoset({lightbox: true,rounded: false,gutter: '2px',borderRadius: '0px',photoset: '.photo-slideshow',photoWrap: '.photo-data',photo: '.pxu-photo'});});</script>
  211.  
  212. <script src="https://static.tumblr.com/rzl30kg/eAxm7a751/jquery.style-my-tooltips.js"></script><script>(function($){$(document).ready(function(){$("[title]").style_my_tooltips({tip_follows_cursor:true,tip_delay_time:200,tip_fade_speed:300});});})(jQuery);</script></body></html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement