API tools faq
paste
Advertisement
jimkirk

Header

jimkirk
Apr 12th, 2017
75
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 12.34 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3.  
  4. <head> <title>{Title}</title> <link rel="shortcut icon" href="{FavIcon}" /> <link rel="alternate" type="application/rss+xml" href="{RSS}" /> <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script> <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet"><link href='https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,400|Karla:400,400' rel='stylesheet' type='text/css'>
  5.  
  6. <meta name="image:Sidebar Image" content=""/>
  7.  
  8. <meta name="color:Background" content="#fff" />
  9. <meta name="color:Text" content="#bbb"/>
  10. <meta name="color:Accents" content="#eee"/>
  11. <meta name="color:Link" content="#aaa"/>
  12. <meta name="color:Link Hover" content="#efbebb"/>
  13. <meta name="color:Title" content="#888"/>
  14. <meta name="color:Scrollbar" content="#000"/>
  15.  
  16. <meta name="if:Tags" content="">
  17. <meta name="if:Hover Footer" content="">
  18. <meta name="if:Moving Title" content="">
  19. <meta name="if:No Border Under Sb" content="">
  20. <meta name="if:Rounded" content="">
  21. <meta name="if:Post Background" content="">
  22. <meta name="if:Footer Background" content="">
  23.  
  24. <meta name="select:Font" content="'Source Sans Pro'"/>
  25. <meta name="select:Font" content="Karla"/>
  26. <meta name="select:Font" content="Arial"/>
  27. <meta name="select:Font" content="Consolas"/>
  28. <meta name="select:FontSize" content="10px"/>
  29. <meta name="select:FontSize" content="11px"/>
  30. <meta name="select:FontSize" content="12px"/>
  31.  
  32. <meta name="text:Post Size" content="250px"/>
  33. <meta name="text:Link 1" content="index"/>
  34. <meta name="text:Link 1 url" content="/"/>
  35. <meta name="text:Link 2" content="ask"/>
  36. <meta name="text:Link 2 url" content="/ask"/>
  37. <meta name="text:link 3" content="archive"/>
  38. <meta name="text:Link 3 url" content="/archive"/>
  39. <meta name="text:Link 4" content="link 4"/>
  40. <meta name="text:Link 4 url" content="/"/>
  41. <meta name="text:Link 5" content="link 5"/>
  42. <meta name="text:Link 5 url" content="/"/>
  43.  
  44. <style type="text/css">
  45.  
  46. /* scrollbar */
  47. ::-webkit-scrollbar {width: 3px;height: 5px;background: {color:Background};}
  48. ::-webkit-scrollbar-thumb {background: {color:Scrollbar};border-radius: 16px;border-top: 5px solid {color:Background};}
  49.  
  50. /* basic styles */
  51. body {color: {color:Text};background-color: {color:Background};background-image: url({image:Background});font: {select:FontSize} {select:Font}, sans-serif;line-height: 16px;}
  52. a {text-decoration: none;color: {color:Link};}
  53. a:hover {color:{color:Link Hover};cursor: help;}
  54. h1 {font-size: 12px;color: {color:Title};}
  55. blockquote {border-left: 1px solid {color:Light Accents};margin-left: 6px;padding-left: 10px;}
  56. ol {padding-left:0px;list-style-type:none;margin-left:48px;}
  57. ol li {list-style-type:lower-roman;}
  58. ol li::before {content:none;list-style-type:none;}
  59. ul {list-style-type:none;}
  60. li {padding-left:15px;position:relative;margin-left:-30px;}
  61. li:before {content:'—';position:Absolute;left:0;}
  62.  
  63. /* post customizations */
  64. #content {width:{text:Post Size};position: relative;margin-left: 300px;margin-top: 60px;}
  65. .entry {margin-bottom: 150px;}
  66. .photo {{block:ifPostBackground}border:1px solid #eee;background:#f5f5f5;padding:12px 12px 7px 12px;{block:ifRounded}border-radius:2px;{/block:ifRounded}{/block:ifPostBackground}}
  67. .photoset {{block:ifPostBackground}border:1px solid #eee;background:#f5f5f5;padding:12px;{block:ifRounded}border-radius:2px;{/block:ifRounded}{/block:ifPostBackground}}
  68.  
  69. .per {margin-top:10px;{block:ifHoverFooter}opacity:0;-webkit-transition-duration: .3s;-moz-transition-duration: .3s;-o-transition-duration: .3s;{/block:ifHoverFooter}}
  70. .entry:hover .per {{block:ifHoverFooter}opacity:1;{/block:ifHoverFooter}}
  71. .tags {margin-top:10px;{block:ifHoverFooter}opacity:0;-webkit-transition-duration: .3s;-moz-transition-duration: .3s;-o-transition-duration: .3s;{/block:ifHoverFooter}}
  72. .entry:hover .tags {{block:ifHoverFooter}opacity:1;{/block:ifHoverFooter}}
  73. .per {{block:ifFooterBackground}border:1px solid #eee;background:#f5f5f5;padding:4px;{block:ifRounded}border-radius:2px;{/block:ifRounded}{/block:ifFooterBackground}}
  74. .tags {margin-top:12px;padding-bottom:30px;}
  75. .tags a {{block:ifFooterBackground}border:1px solid #eee;background:#f5f5f5;padding:2px;margin-right:6px;{block:ifRounded}border-radius:2px;{/block:ifRounded}{/block:ifFooterBackground}}
  76.  
  77. /* permalinks */
  78.  
  79. /* sidebar */
  80. #sidebar {margin-top: 50px;margin-left: 300px;width: {text:Post Size};{block:ifnotNoBorderUnderSb}border-bottom:1px solid #eee;padding-bottom:50px;{/block:ifnotNoBorderUnderSb}}
  81. .head {font-size: calc({select:FontSize} + 1px);margin-bottom: 10px;margin-top:-70px;color: {color:Title};letter-spacing: .5px;margin-left:100px;}
  82. .image img {width:70px;border-radius:100px 100px 0 100px;}
  83. .de {margin-left:100px;}
  84. .li {margin-left:100px;}
  85.  
  86. /* permalink page */
  87. img.avatar {display:none; }
  88. ol.notes {margin-top: 20px;}
  89.  
  90. /* permalinks */
  91. .post_tags,
  92. .post_tags a { color:{color:Links};}
  93. .post_tags {position: relative;margin-top: 20px;line-height: 20px;white-space: nowrap;overflow: hidden;}
  94. .post_tags.draggable .post_tags_inner {-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
  95. .post_tags_inner {float:left;position: relative;padding: 0px 0px 0px 0;}
  96. .post_tags a,
  97. .post_tags .post_tag {color:{color:Links};font-size: {select:FontSize};text-decoration: none;margin-right: 6px;text-transform: lowercase !important;}
  98. .post_tags a:before { content: '#';}
  99. .post_tags:after {content: '';position: absolute;top: 0;right: 0;bottom: 0;width: 20px;}
  100. .post_tags a:hover,
  101. .post_tags .post_tag:hover,
  102. .post_tags a:focus,
  103. .post_tags .post_tag:focus,
  104. .post_tags a:active,
  105. .post_tags .post_tag:active { color:{color:Links};}
  106. .tags {margin-top:-10px;}
  107. .post_tags a:hover {}
  108.  
  109. /* pagination */
  110. .pagination {{block:ifInfiniteScroll}display:none;{/block:ifInfiniteScroll}}
  111.  
  112. </style>{block:ifInfiniteScroll}<script type="text/javascript" src="http://static.tumblr.com/q0etgkr/EIBmz7s0p/infinitescrolling.js"></script>{/block:ifInfiniteScroll}</head><body>
  113.  
  114. <!--sidebar-->
  115. <div id="sidebar"><div class="image"><a href="/"><img src="{image:Sidebar Image}"></a></div><div class="head">{block:ifMovingTitle}<marquee>{/block:ifMovingTitle}{Title}{block:ifMovingTitle}</marquee>{/block:ifMovingTitle}</div><div class="de">{Description}</div><p><div class="li"><a href="{text:Link 1 url}">{text:Link 1}</a> <a href="{text:Link 2 url}">{text:Link 2}</a> <a href="{text:Link 3 url}">{text:Link 3}</a> <a href="{text:Link 4 url}">{text:Link 4}</a> <a href="{text:Link 5 url}">{text:Link 5}</a></div>
  116.  
  117. </div>
  118. <!----->
  119.  
  120. <div id="content">{block:Posts}<!-- {block:NoRebloggedFrom}
  121. {block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}
  122. {/block:NoRebloggedFrom} --><div class="entry">
  123.  
  124. {block:Photo}<div class="photo"><a href="{permalink}"><img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="100%"/></a></div> {block:ifCaptions}{block:Caption}<div class="captions">{Caption}</div>{/block:Caption}{/block:ifCaptions}{/block:Photo}
  125.  
  126. {block:Photoset}<div class="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:ifCaptions}{block:Caption}<div class="captions">{Caption}</div>{/block:Caption}{/block:ifCaptions}{/block:Photoset}
  127.  
  128. {block:Text}{block:Title}<h1><div class="ttitle">{Title}</div></h1>{/block:Title}<div class="text">{Body}</div>{/block:Text}
  129.  
  130. {block:Link}<h1><a href="{URL}">{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  131.  
  132. {block:Quote}<div class="quote"><i class="fa fa-quote-left" aria-hidden="true" style="font-size:10px;"></i> {Quote} <i class="fa fa-quote-right" aria-hidden="true" style="font-size:10px;"></i></div>{block:Source} <div class="source">— {Source}</div>{/block:Source}{/block:Quote}
  133.  
  134. {block:Chat}{block:Title}<h1><div class="ctitle">{Title}</div></h1>{/block:Title}<div class="chat"><ul>{block:Lines}<li class="lines">{block:Label}<span class="label">{Label}</span>{/block:Label}&nbsp;{Line}</li>{/block:Lines}</ul></div>{/block:Chat}
  135.  
  136. {block:Audio}<div class="audio">{block:AudioPlayer}<div class="hold"><div class="player">{AudioPlayerWhite}</div></div><div style="float:right;margin-top:-20px;">{block:TrackName}{TrackName}{/block:TrackName} / {block:Artist}{Artist}{/block:Artist}</div>{/block:AudioPlayer}</div>{block:ifCaptions}{block:Caption}<div class="captions">{Caption}</div>{/block:Caption}{/block:ifCaptions}{/block:Audio}
  137.  
  138. {block:Video}<div class="video">{Video-500}</div>{block:ifCaptions}{block:Caption}<div class="captions">{Caption}</div>{/block:Caption}{/block:ifCaptions}{/block:Video}
  139.  
  140. {block:Answer}<div class="an"><div class="asks">{Asker} said:<br> {Question}</div> <div class="divider"></div> <div class="answer">{Answer}</div></div>{/block:Answer}
  141.  
  142. {block:Date}<div class="footer"><a href="{Permalink}"><div class="per">{MonthNumberWithZero}/{DayOfMonthWithZero}/{ShortYear}<div style="float:right;">{NoteCountWithLabel}</div></div></a>{block:ifTags}<div class="tags"><div class="tags"><div class="post_tags draggable"><div class="post_tags_inner">{block:HasTags}{block:Tags} <a href="{TagURL}">{Tag} </a> {/block:Tags}{/block:HasTags}</div></div></div>{/block:ifTags}</div>{block:PermalinkPage}{block:NoteCount}{block:PostNotes}{PostNotes}{/block:PostNotes}{/block:NoteCount}{/block:PermalinkPage}{/block:Date}
  143.  
  144. </div>
  145.  
  146. {/block:Posts}
  147.  
  148. {block:Pagination}<div class="pagination">{block:PreviousPage}<a href="{PreviousPage}">prev</a>&nbsp;{/block:PreviousPage} {block:NextPage}<a href="{NextPage}">next</a>{/block:NextPage}</div>{/block:Pagination}
  149.  
  150. {block:ContentSource}<!-- {SourceURL}
  151. {block:SourceLogo}<img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}
  152. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  153. {/block:ContentSource}</div><!---content div--->
  154.  
  155. <script src ="//static.tumblr.com/fwgzvyf/Oj1o08f6h/shythemes.vr.js"></script>
  156. <link href="https://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/> <script src="https://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
  157. <script src ="//static.tumblr.com/fwgzvyf/Oj1o08f6h/shythemes.vr.js"></script>
  158. <script>
  159. // pxu photosets & video resizer © shythemes.tumblr
  160. $(document).ready(function(){
  161. $('.photo-slideshow').pxuPhotoset({
  162. lightbox: true,
  163. rounded: false,
  164. gutter: '1px',
  165. borderRadius: '0px',
  166. photoset: '.photo-slideshow',
  167. photoWrap: '.photo-data',
  168. photo: '.pxu-photo'
  169. });
  170. });
  171. $container.infinitescroll({
  172. // your options
  173. }, function(){
  174. resizeVideos();
  175. });
  176. </script>
  177.  
  178. <script>
  179. // minimal soundcloud player © shythemes.tumblr
  180. $(document).ready(function(){
  181. var color = '{color:Soundcloud Player Button}'; // color of play button (hex)
  182. $('.soundcloud_audio_player').each(function(){
  183. $(this).attr({ src: $(this).attr('src').split('&')[0] + '&amp;liking=false&amp;sharing=false&amp;auto_play=false&amp;show_comments=false&amp;continuous_play=false&amp;buying=false&amp;show_playcount=false&amp;show_artwork=true&amp;origin=tumblr&amp;color=' + color.split('#')[1], height: 116, width: '100%' });
  184. });
  185. });</script>
  186. <script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.4/jquery-ui.min.js"></script>
  187. <script>$(document).ready(function(){
  188. $(".post_tags_inner").draggable({
  189. axis : "x",
  190. scroll: false,
  191. stop: function() {
  192. var __left = $(this).css("left").replace(/[^-\d\.]/g, '');
  193. if(__left > 0){
  194. $(this).animate({left: 0}, 400, 'easeOutExpo');
  195. }
  196. var __width = $(this).outerWidth();
  197. var __parentWidth = $(".post_tags.draggable").outerWidth();
  198. if(__width > __parentWidth) {
  199. if(__left < __parentWidth-__width){
  200. $(this).animate({left: __parentWidth-__width}, 400, 'easeOutExpo');
  201. }
  202. } else {
  203. $(this).animate({left: 0}, 400, 'easeOutExpo');
  204. }
  205. }
  206. });
  207. });
  208. </script>
  209.  
  210. </body></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!