API tools faq
paste
nea

the light is coming

nea
May 28th, 2018
6,343
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 18.70 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2.  
  3. theme 'the light is coming' by rue-bennett
  4.  
  5. -->
  6.  
  7. <!DOCTYPE html> <html xmlns="https://www.w3.org/1999/xhtml"> <head> <title>{Title}</title> <link rel="alternate" type="application/rss+xml" href="{RSS}"> <link rel="shortcut icon" href="{Favicon}"> {block:Description}<meta name="description" content="{MetaDescription}">{/block:Description} <meta name="viewport" content="width=device-width, initial-scale=1">
  8.  
  9. <meta name="color:background" content="#ffffff"> <meta name="color:caption background" content="#ffffff"> <meta name="color:borders" content="#f1f1f1"> <meta name="color:text" content="#3f3f3f"> <meta name="color:links" content="#333333"> <meta name="color:accent" content="#333333"/> <meta name="color:accent border" content="#f1f1f1"/> <meta name="color:accent" content="#333333"/> <meta name="color:hover" content="#999999"> <meta name="image:sidebar image" content=""/> <meta name="if:sidebar image" content="1" /> <meta name="if:sidebar title" content="1" /> <meta name="if:sidebar title" content="" /> <meta name="text:sidebar title" content=""> <meta name="text:link 1 title" content="one"> <meta name="text:link 1 url" content=""> <meta name="text:link 2 title" content="two"> <meta name="text:link 2 url" content=""> <meta name="text:link 3 title" content="three"> <meta name="text:link 3 url" content=""> <meta name="if:link 1" content="1" /> <meta name="if:link 2" content="1" /> <meta name="if:link 3" content="1" /> <meta name="if:hover tags" content="1" />
  10.  
  11. <link href="https://fonts.googleapis.com/css?family=Exo+2:400,400i,500,500i,600,600i,700,700i|Ubuntu:400,400i,500,500i,700,700i" rel="stylesheet"> <script defer src="https://use.fontawesome.com/releases/v5.0.6/js/all.js"></script> <link href="https://static.tumblr.com/5omyijl/bzrn2yg7i/style-my-tooltips.css" rel="stylesheet" type="text/css" /> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/smoothscroll/1.4.1/SmoothScroll.min.js"></script> <script type="text/javascript" src="https://static.tumblr.com/iuggpng/bGqm4yfv9/jquery-1.7.2.js"></script> <link href="https://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/> <link href="https://static.tumblr.com/5omyijl/bzrn2yg7i/style-my-tooltips.css" rel="stylesheet" type="text/css" /> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script> <script src="https://static.tumblr.com/5omyijl/RZtn2yg9v/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>
  12.  
  13. <style type="text/css">
  14.  
  15. /* tumblr controls */
  16. iframe.tmblr-iframe { z-index:99999999999999!important; top:0!important; right:0!important; opacity:0.4; filter:invert(1); -webkit-filter:invert(1); -o-filter:invert(1); -moz-filter:invert(1); -ms-filter:invert(1); transform:scale(0.6); transform-origin:100% 0; -webkit-transform:scale(0.6); -webkit-transform-origin:100% 0; -o-transform:scale(0.6); -o-transform-origin:100% 0; -moz-transform:scale(0.6); -moz-transform-origin:100% 0; -ms-transform:scale(0.6); -ms-transform-origin:100% 0; -moz-transition-duration:0.4s; -webkit-transition-duration:0.4s; -o-transition-duration:0.4s; }
  17. iframe.tmblr-iframe:hover { opacity:0.6!important; -moz-transition-duration:0.4s; -webkit-transition-duration:0.4s; -o-transition-duration:0.4s; }
  18.  
  19. /* tool-tip */
  20. #s-m-t-tooltip { max-width:300px; margin:15px; padding:5px; border:1px solid {color:accent border}; border-radius:3px; color:{color:text}; background:{color:background}; z-index:999999; font-style:none; font-size:11px; font-style:none; box-shadow: 0px 0px 0px rgba(0,0,0,.1); font-family: 'Ubuntu'; }
  21.  
  22. /* select colors */
  23. ::selection { background: {color:accent border}; color: {color:text}; }
  24. ::-moz-selection { background: {color:accent border}; color: {color:text}; }
  25.  
  26. /* scrollbar */
  27. ::-webkit-scrollbar { width:13px;height:13px; background:{color:background}; }
  28.  
  29. ::-webkit-scrollbar-thumb { background:rgba({RGBcolor:text},1); }
  30.  
  31. ::-webkit-scrollbar,::-webkit-scrollbar-thumb { border:5px solid {color:background}; }
  32.  
  33. /* body & styles */
  34. body { text-align:justify; margin:0; font-size:11px; line-height:1.8em; letter-spacing:0px; font-family: 'Ubuntu'; -moz-osx-font-smoothing:grayscale; -webkit-font-smoothing:antialiased; font-smoothing:antialiased; color:{color:text}; background:{color:background};}
  35.  
  36. a { color:{color:links}; text-decoration:none; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -ms-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s; cursor:pointer; }
  37. a:hover { text-decoration:none; color:{color:hover}; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -ms-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s; }
  38.  
  39. small, sub, sup { font-size:11px; }
  40.  
  41. b, bold { font-weight:700; }
  42.  
  43. ul { list-style: none; margin-left: 0; padding-left: 0; }
  44. li { padding-left: 1em; text-indent: -1em; }
  45. li:before { content: "› "; display:inline; padding-right: 5px; }
  46.  
  47. blockquote { display:block; margin:0; margin-left:5px; margin-right:5px; padding-left:10px; border-left:1px #f1f1f1 solid; }
  48. blockquote blockquote { border:none; padding:0; margin:0; }
  49.  
  50. big, h1, h2, h3, h4, h5, 56 { font-size:11px; font-family: 'Heebo', sans-serif; font-weight:700; color:{color:links}; text-transform:uppercase; letter-spacing:0px; }
  51.  
  52. img { border:0; max-width:100%; height:auto; margin-left:0px; }
  53.  
  54. hr { margin:1em 0; border:0; height:1px; -moz-box-sizing:border-box;
  55. box-sizing:border-box; background-color:{color:border}; }
  56.  
  57. .title { font-size:10.5px; font-family: 'Exo 2'; font-weight:700; color:{color:links}; text-transform:uppercase; letter-spacing:0.2px; margin-top:0px;}
  58.  
  59. /* containers */
  60. .main { margin:100px auto; padding-left:250px; width:540px; }
  61.  
  62. .sidebarcont { position:fixed; margin-top:0px; height:100%; margin-left:-340px; }
  63.  
  64. /* sidebar */
  65. .sidebar { background:{color:background}; border-radius:3px; width:220px; height:auto; padding:0px; }
  66.  
  67. .sidebarimage { width:100px; }
  68. .sidebarimage img { width:100px; border-radius:100px; margin-bottom:15px; }
  69.  
  70. .sidebarwrap { padding: 20px; background: {color:caption background}; margin-top:0px; border-radius:3px; border: 1px solid {color:borders}; overflow:hidden; }
  71.  
  72. .sidebartitle { margin-bottom:10px; }
  73. .sidebartitle a { font-size:10.5px; font-family: 'Exo 2'; font-weight:700; color:{color:accent}; text-transform:uppercase; letter-spacing:0.2px; margin-top:0px;}
  74. .sidebartitle a:hover { color:{color:hover}; }
  75.  
  76. .description { letter-spacing:0px; margin-bottom:15px; text-align:justify; }
  77. .description a { font-weight:bold; color:{color:accent}; }
  78. .description a:hover { color:{color:links}; }
  79.  
  80. nav { word-spacing:5px; border-top: 0px solid {color:borders}; padding-top:0px; margin-top:0px; overflow:hidden; text-transform:uppercase; margin-left:0px; text-align:center; font-size:10.5px; font-family:'Exo 2'; }
  81.  
  82. nav a { font-weight:700; display:inline-block; text-align:center; margin-right:0px; color:{color:links}; letter-spacing:0.2px; padding-bottom:2px; line-height:1em; margin-bottom:0px; border-bottom:1px solid {color:accent}; }
  83. nav a:hover { color:{color:accent}; border-bottom:1px solid {color:caption background}; }
  84.  
  85. /* posts */
  86. .content { margin:50px 0px; }
  87.  
  88. .entry { width:540px; background:{color:background}; position:relative; margin:0 0 0px; margin-bottom:80px; padding:0px; border-radius:0px; }
  89.  
  90. .entry:last-child { margin-bottom:0; }
  91. .text:last-child, .text *:last-child { margin-bottom:0px; }
  92.  
  93. /* captions */
  94. .caption { width:498px; border: 1px solid {color:borders}; margin-top:10px; border-radius:3px; background: {color:caption background}; padding:10px 20px 10px 20px; }
  95. .caps blockquote { max-width:540px; margin:0px 0px 5px 0px; font-weight:normal; border-left:solid 0px rgba(0,0,0,0.12); padding-left:0px; padding-right:0px; }
  96. .caps a.tumblr_blog { font-size:11px; font-family: 'Ubuntu'; padding-bottom:0px; border-bottom: none; text-overflow:ellipsis; vertical-align:middle; font-weight:700; text-transform:lowercase; color:{color:accent}!important; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -ms-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s; margin-top:5px; margin-bottom:15px; }
  97. .caps a.tumblr_blog:hover{ border-bottom: none; color:{color:links}!important; text-decoration:none; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -ms-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s; }
  98. .caps .ic{ width:18px; height:18px; margin-right:10px; display:inline-block; float:left; border-radius:20%; background:transparent; text-align:left; padding:0px 0px 0px 0px; margin-left:0px; margin-top:2px;}
  99. .caps { margin:10px 0px 10px 0; padding:0px 0 0 0; border:0; }
  100. .caps p{ margin:10px 0 0 0; font-weight:normal; }
  101. .caps b{ color:{color:links}; font-weight:700; }
  102. .caps hr { margin:0; border:0; }
  103. .caps img { margin-top:13px; margin-left:0; max-width:100%; display:inline-block; }
  104.  
  105. /* post info */
  106. .infofo a { font-size:10.5px; font-family: 'Exo 2', sans-serif; font-weight:700; color:{color:links}; text-transform:uppercase; letter-spacing:0px; padding-bottom:2px; }
  107. .infofo a:hover { color: {color:hover}; text-decoration:none; }
  108.  
  109. .line { border-bottom: 1px solid {color:accent border}; width:auto; position:relative; padding-bottom:3px; }
  110.  
  111. .postinfo {font-size:10.5px; font-family: 'Exo 2', sans-serif; font-weight:700; letter-spacing:0px; margin:12px 0px 0px 0px; padding:0; text-transform:uppercase; text-align:justify; color:{color:links};}
  112. .postinfo b { text-transform:lowercase; font-weight:700; }
  113. .postinfo a { color:{color:links};}
  114. .postinfo a:hover { color:{color:hover}; }
  115. .scr { margin-top:2px; }
  116.  
  117. /* tags */
  118. .tags { font-weight:200; font-family: 'Exo 2'; font-size:8px; text-transform:uppercase; letter-spacing:0; margin-top:04px; {block:IfHoverTags} opacity:0; -webkit-transition: all 0.7s ease; transition: all 0.7s ease; -moz-transition: all 0.7s ease; -o-transition: all 0.7s ease;{/block:IfHoverTags} }
  119. .tags a { border-radius:3px; padding:0px; background:{color:background}; border:0; color:#aaa; font-style:none; letter-spacing:1px; margin-right:5px; }
  120. .tags a:hover { color:#555; text-decoration:none; }
  121. a.tag:after { content:""; } a.tag:last-child:after { content:""; }
  122. {block:IfHoverTags}.entry:hover .tags { opacity:1; -webkit-transition: all 0.7s ease; transition: all 0.7s ease; -moz-transition: all 0.7s ease; -o-transition: all 0.7s ease;} {/block:IfHoverTags}
  123.  
  124. /* post notes */
  125. ol.notes { padding:0px; margin:-40px 0px 0px 0px; list-style-type:none; }
  126. ol.notes li.note { padding:10px;}
  127. ol.notes li.note img.avatar { display:none; }
  128. ol.notes li.note span.action { font-weight:none; }
  129. ol.notes li.note .answer_content {font-weight:normal; }
  130. ol.notes li.note blockquote { border:none; padding:4px 10px; margin:10px 0px 0px 25px; }
  131. ol.notes li.note blockquote a { text-decoration:none; }
  132. ol.notes a { color:{color:links}; }
  133.  
  134. /* post styles */
  135. .chat { padding:0; list-style-type:none; }
  136. .chat .label { font-weight:bold; }
  137. .quote { font-weight:bold; }
  138. .media { position:relative; display:inline-block; width:100%; }
  139.  
  140. /* ask */
  141. .ask { min-height:40px; background:{color:caption background}; padding:15px; width:460px; border-radius:3px; }
  142. .askt { position: absolute; width: 0px; height: 0px; margin-left: 490px; margin-top:13px; border-top: 7px solid transparent; border-bottom: 7px solid transparent; border-left: 7px solid {color:caption background}; }
  143. .question { margin-top:0px; text-transform:lowercase; }
  144. .question a { color: #a6a6a6; }
  145. .question a:hover { color: {color:hover}; }
  146. .askimg { width: 50px; display:inline; float:right; }
  147. .askimg img { width:35px; border-radius:3px; margin-top:-15px; margin-left:80px; }
  148. .answer { padding-top:1px; padding-left:2px; padding-right:2px; }
  149. .answer img { margin-bottom:15px; }
  150.  
  151. /* pagination */
  152. .pagi { margin-top:20px; text-align:center; font-size:7px; margin-left:0px;}
  153. .pagi a { color:{color:links};}
  154. .pagi a:hover { color:{color:hover};}
  155.  
  156. /* tumblr lightbox */
  157. .vignette, #vignette { opacity:0; }
  158. .lightbox-image, #tumblr_lightbox img { box-shadow:none !important; border-radius:0px !important; max-width:none; }
  159. .tmblr-lightbox, #tumblr_lightbox { background-color:rgba(255,255,255,.75) !important; }
  160.  
  161. /* SVG */
  162. svg { width:10px; height:auto; opacity:1; padding:0;; display:inline-block; overflow:visible;}
  163. .controls a { position:relative; display:inline-block; overflow:hidden; padding:5px; width:12px; height:12px; }
  164. .controls { opacity:1; }
  165. .controls svg { width:9px; }
  166.  
  167. /* credit - do not alter or remove */
  168. .credit { font-family: 'Ubuntu'; font-size:10px; position:fixed; font-weight:normal; bottom:10px; right:13px; z-index:10; overflow:hidden; opacity:1; font-family:{select:font family}; }
  169. .credit a { text-transform:lowercase; color:{color:links}; text-decoration:none; border-bottom:1px {color:background} solid; }
  170. .credit a:hover { border-bottom:1px #fff solid; color:{color:hover}; text-decoration:none; }
  171.  
  172. </style>
  173. <link href="https://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css">
  174. </head>
  175.  
  176. <body>
  177. <div class="main">
  178. <div class="credit">
  179. <a href="https://rue-bennett.tumblr.com/" target="_blank">n.</a>
  180. </div>
  181.  
  182. <div class="sidebarcont"> <div class="sidebar"> <center>{block:IfSidebarImage}<div class="sidebarimage"> <a href="/"> <img src="{image:sidebar image}"> </a> </div></center>{/block:IfSidebarImage}
  183. <div class="sidebarwrap">
  184.  
  185. {block:IfSidebarTitle}<center><div class="sidebartitle"><a href="/">{text:sidebar title}</a></div></center>{/block:IfSidebarTitle}
  186.  
  187. <div class="description">{description}️</div>
  188.  
  189. <nav>
  190. <a href="/">home</a>
  191. <a href="/ask">ask</a>
  192. {block:IfLink1}<a href="{text:link 1 url}">{text:link 1 title}</a>{/block:IfLink1}
  193. {block:IfLink2}<a href="{text:link 2 url}">{text:link 2 title}</a>{/block:IfLink2}
  194. {block:IfLink3}<a href="{text:link 3 url}">{text:link 3 title}</a>{/block:IfLink3}
  195. </nav>
  196.  
  197. </div>
  198.  
  199. {block:Pagination}<div class="pagi">{block:PreviousPage}<a href="{PreviousPage}" title="previous page"><i class="fas fa-chevron-left"></i></a> &nbsp;&nbsp; &nbsp;&nbsp; {/block:PreviousPage}{block:NextPage}<a href="{NextPage}" title="next page">
  200. <i class="fas fa-chevron-right"></i>
  201. </a>{/block:NextPage} </div> {/block:Pagination}
  202. </div></div>
  203.  
  204. <div class="content"> {block:Posts}<article class="entry {block:Photo}ph{/block:Photo}{block:Photoset}ph{/block:Photoset}"> <section class="post"> {block:Audio} <div class="audio"> {block:AudioEmbed}{AudioEmbed width="540px"}{/block:AudioEmbed} </div> {/block:Audio} {block:Photo} <div class="media"> <a href="#" onclick="Tumblr.Lightbox.init([{ width: {PhotoWidth-HighRes}, height: {PhotoHeight-HighRes}, low_res: '{PhotoURL-500}', high_res: '{PhotoURL-HighRes}' }]); $('body').toggleClass('tumblr_lightbox_active'); return false"><img src="{PhotoURL-HighRes}"></a> </div> {/block:Photo} {block:Photoset} <div class="media 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="{PhotoWidth-500}" 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> </div> {/block:Photoset} {block:Video} <div class="media video">{Video-500}</div> {/block:Video} {block:Answer} <div class="askt"></div> <div class="ask"> <div class="askimg"><img src="{AskerPortraitURL-40}" /></div> <div class="question"><font style="letter-spacing:0px; text-transform:lowercase; font-size:11px; color:#a6a6a6;"><b>{Asker}</b> asked:</font><br>{Question}</div> </div> <div class="caption">{Answer}</div> {/block:Answer} {block:Chat} {block:Title}<div class="title">{Title}</div>{/block:Title} <ul class="chat text"> {block:Lines} <li class="line"> {block:Label} <span class="label">{Label}&nbsp; </span> {/block:Label} {Line} </li> {/block:Lines} </ul> {/block:Chat} {block:Link} <h1 class="title"><a href="{URL}">{Name}</a></h1> {block:Description}<div class="caption">{Description}</div>{/block:Description} {/block:Link} {block:Quote} <div class="quote text">{Quote}</div> {block:Source} <div class="source text">{Source}</div> {/block:Source} {/block:Quote} {block:Text} {block:Title}<h1 class="title">{Title}</h1>{/block:Title} {block:Body}<div class="caption">{Body}</div>{/block:Body} {/block:Text} {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  205.  
  206. {block:Date}<div class="postinfo"><span class="infofo"><a href="{Permalink}" style="" title="{TimeAgo}">{ShortMonth} {DayOfMonth}</a></span>{block:NoteCount} &nbsp;&nbsp; <a href="{Permalink}" title="{NoteCountWithLabel}">{NoteCount}</a></a>{/block:NoteCount} &nbsp;&nbsp; <font style="font-size:11px;"><a class="reblog" target="_blank" href="{ReblogURL}" title="reblog"><i class="fas fa-retweet"></i></a></font>{block:RebloggedFrom} &nbsp;&nbsp; <a href="{ReblogParentURL}" title="{ReblogParentName}">via</a>{block:ContentSource} / <a href="{ReblogRootURL}" "{ReblogRootName}" title="{ReblogRootName}" style="font-size:10px;"><i class="far fa-copyright"></i></a>{/block:ContentSource}{/block:RebloggedFrom}<div class="tags">{block:HasTags}{block:Tags}<a class="tag" href="{TagURL}">#{Tag}</a></i> {/block:Tags} {/block:HasTags}</div>{/block:Date} </section> </article>
  207.  
  208. {block:PostNotes} <div style="margin-left:10px; margin-top:-50px; overflow:auto; width: auto; height:180px; border: 0px solid #000000; background-color: #ffffff; text-align:left; padding-top:50px;">{PostNotes}</div> {/block:PostNotes} {/block:Posts} <!-- {block:ContentSource}{SourceURL}{/block:ContentSource}{block:RebloggedFrom}{ReblogRootURL}{ReblogParentURL}{/block:RebloggedFrom} --> </div></div>
  209.  
  210. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script> </script><script src="https://static.tumblr.com/wgg6svp/I8Yobwo15/unnest.min.js"></script> <script> $('article').unnest({ yourCaption: ".caption", wrapName: ".caps", newCaptionUsername: true, originalPostCaptionUsername: false, tumblrAvatars: true, tumblrAvatarClass: ".ic", usernameColon: false }); </script>
  211. <link href="https://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
  212. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  213. <script src="https://static.tumblr.com/yxfeliq/hHwojmt8m/bctphotoset.min.js"></script>
  214. <script src="//static.tumblr.com/fwgzvyf/l6jnyutne/shythemes.vr.js"></script>
  215. <script> $(document).ready(function(){ $('.photo-slideshow').pxuPhotoset({ lightbox: true, rounded: false, gutter: '4px', borderRadius: '0px', photoset: '.photo-slideshow', photoWrap: '.photo-data', photo: '.pxu-photo' }); }); </script>
  216. </body> </html>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
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!