Advertisement
Guest User

Untitled

a guest
Oct 1st, 2016
71
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 10.46 KB | None | 0 0
  1. <head>
  2. <title>{Title}</title>
  3. <link rel="shortcut icon" href="{Favicon}" />
  4.  
  5. <meta name="image:sidebar" content="/" />
  6.  
  7. <meta name="color:link" content="#868686" />
  8. <meta name="color:link hover" content="#868686" />
  9. <meta name="color:sidelink" content="#4f4f4f" />
  10. <meta name="color:sidelink hover" content="#4f4f4f" />
  11.  
  12. <meta name="text:link 1" content="link" />
  13. <meta name="text:link 1 url" content="/" />
  14. <meta name="text:link 2" content="link" />
  15. <meta name="text:link 2 url" content="/" />
  16. <meta name="text:link 3" content="link" />
  17. <meta name="text:link 3 url" content="/" />
  18. <meta name="text:link 4" content="link" />
  19. <meta name="text:link 4 url" content="/" />
  20.  
  21. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  22.  
  23. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  24.  
  25. <script>
  26. (function($){
  27. $(document).ready(function(){
  28. $("a[title]").style_my_tooltips({
  29. tip_follows_cursor:true,
  30. tip_delay_time:60,
  31. tip_fade_speed:400,
  32. attribute:"title"
  33. });
  34. });
  35. })(jQuery);
  36. </script>
  37.  
  38. <style type="text/css">
  39.  
  40. #s-m-t-tooltip {
  41. max-width:300px;
  42. background-color:#f8f8f8;
  43. font-family:helvetica;
  44. font-size:11px;
  45. color:#444;
  46. text-transform:lowercase;
  47. padding:5px;
  48. margin-top:12px;
  49. margin-left:12px;
  50. z-index:9999999;}
  51.  
  52. body {
  53. font-family:helvetica;
  54. color:#444;
  55. font-size:11px;
  56. line-height:13px;}
  57.  
  58. a {
  59. text-decoration:none;
  60. color:{color:link};
  61. -webkit-transition: all 0.4s ease-in-out;
  62. -moz-transition: all 0.4s ease-in-out;
  63. -o-transition: all 0.4s ease-in-out;
  64. transition: all 0.4s ease-in-out;}
  65.  
  66. a:hover {
  67. text-decoration:underline;
  68. color:{color:link hover};
  69. -webkit-transition: all 0.4s ease-in-out;
  70. -moz-transition: all 0.4s ease-in-out;
  71. -o-transition: all 0.4s ease-in-out;
  72. transition: all 0.4s ease-in-out;}
  73.  
  74. blockquote {
  75. padding-left:10px;
  76. margin-left:10px;
  77. border-left:1px solid #444;}
  78.  
  79. blockquote img {
  80. max-width:450px;}
  81.  
  82. sub, small, sup {
  83. font-size:11px;}
  84.  
  85. ul {
  86. list-style:square;}
  87.  
  88. li {
  89. padding:2px;}
  90.  
  91. #sidebar {
  92. position:fixed;
  93. left:145px;
  94. top:190px;
  95. width:245px;}
  96.  
  97. .sidebar img {
  98. width:64px;
  99. width:245px;
  100. padding:5px;}
  101.  
  102. #sidelinks {
  103. border-top:1px solid #f1f1f1;
  104. text-transform:lowercase;
  105. font-weight:bold;
  106. text-align:center;
  107. width:245px;
  108. padding:5px;
  109. margin-top:1px;}
  110.  
  111. #sidelinks a {
  112. padding:5px;
  113. color:{color:sidelink};
  114. font-style:normal;
  115. -webkit-transition: all 0.4s ease-in-out;
  116. -moz-transition: all 0.4s ease-in-out;
  117. -o-transition: all 0.4s ease-in-out;
  118. transition: all 0.4s ease-in-out;}
  119.  
  120. #sidelinks a:hover {
  121. text-decoration:none;
  122. color:{color:sidelink hover};
  123. -webkit-transition: all 0.4s ease-in-out;
  124. -moz-transition: all 0.4s ease-in-out;
  125. -o-transition: all 0.4s ease-in-out;
  126. transition: all 0.4s ease-in-out;}
  127.  
  128.  
  129. #description {
  130. text-transform:lowercase;
  131. text-align:center;
  132. width:215px;
  133. padding:20px;
  134. margin-top:-16px;
  135. margin-bottom:-13px;}
  136.  
  137. #title {
  138. background-color:#f8f8f8;
  139. padding:5px;
  140. text-transform:uppercase;
  141. font-weight:bold;}
  142.  
  143. #entries {
  144. margin-top:50px;}
  145.  
  146. #post {
  147. width:540px;
  148. margin-left:480px;
  149. margin-bottom:70px;
  150. text-align:justify;
  151. padding:10px;
  152. overflow:hidden;}
  153.  
  154. #post img {
  155.  
  156. max-width:540px;
  157.  
  158. }
  159.  
  160. #caption {
  161. max-width:540px;
  162. overflow:hidden;}
  163.  
  164. #caption img {
  165. max-width:450px;
  166. overflow:hidden;}
  167.  
  168. #quote {
  169. font-family:helvetica;
  170. margin-bottom:4px;
  171. text-align:center;
  172. font-size:16px;
  173. letter-spacing:0px;
  174. line-height:17px;}
  175.  
  176. #source {
  177. padding:5px;
  178. text-transform:uppercase;
  179. font-weight:bold;
  180. text-align:center;
  181. margin-bottom:3px;}
  182.  
  183. .chat .odd {
  184. background-color:#f8f8f8;}
  185.  
  186. .chat .even {
  187. background-color:#fff;}
  188.  
  189. .chat ul {
  190. list-style:none;
  191. margin:0px;
  192. padding:0px;}
  193.  
  194. .chat li {
  195. padding:3px;}
  196.  
  197. .label {
  198. font-weight:bold;
  199. text-transform:uppercase;}
  200.  
  201. #ask {
  202. padding:10px;
  203. background-color:#f8f8f8;}
  204.  
  205. #answer {
  206. padding:5px;}
  207.  
  208. #audio {
  209. text-transform:uppercase;
  210. font-weight:bold;
  211. padding:5px;
  212. text-align:center;}
  213.  
  214. #info {
  215. border-top:1px solid #f1f1f1;
  216. margin-top:3px;
  217. text-transform:lowercase;
  218. padding:5px;
  219. margin-left:-5px;}
  220.  
  221. #info a {
  222. color:#4f4f4f;}
  223.  
  224. #info a:hover {
  225. text-decoration:none;}
  226.  
  227.  
  228. #tags {
  229. margin-top:4px;
  230. color:#555;
  231. text-align:left;
  232. margin-left:-2px;}
  233.  
  234. ol.notes {
  235. height:250px;
  236. overflow-y:scroll;
  237. text-align:center;
  238. margin-top:30px;
  239. margin-left:-40px;
  240. width:540px;}
  241.  
  242. ol.notes img.avatar {
  243. display:none;}
  244.  
  245. ol.notes li.note {
  246. list-style-type:none;
  247. padding:10px;
  248. margin-bottom:3px;}
  249.  
  250. #c {
  251. font-size:11px;
  252. position:fixed;
  253. bottom:10px;
  254. right:10px;
  255. padding:5px;
  256. line-height:8px;}
  257.  
  258. #c a:hover {
  259. text-decoration:none;}
  260.  
  261. </style></head>
  262. <body><html>
  263.  
  264.  
  265. <div id="sidebar">
  266. <div class="sidebar img"><img src="{image:sidebar}"></div>
  267.  
  268. <div id="description">{block:Description}{description}{/block:description}
  269. </div>
  270.  
  271. <div id="sidelinks">
  272. {block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">-</a>{/block:PreviousPage}{/block:Pagination}
  273.  
  274. <a href="/">home</a>
  275. <a href="/ask">ask</a>
  276. {block:IfLink1}<a href="{text:Link 1 URL}">{text:link 1}</a>{/block:IfLink1}
  277. {block:IfLink2}<a href="{text:Link 2 URL}">{text:link 2}</a>{/block:IfLink2}
  278. {block:IfLink3}<a href="{text:Link 3 URL}">{text:link 3}</a>{/block:IfLink3}
  279. {block:IfLink4}<a href="{text:Link 4 URL}">{text:link 4}</a>{/block:IfLink4}
  280.  
  281. {block:Pagination}{block:NextPage}<a href="{NextPage}">+</a>{/block:NextPage}{/block:Pagination}
  282. </div>
  283.  
  284. </div>
  285.  
  286.  
  287. {block:Posts}
  288. <div id="entries">
  289. <div id="post">
  290.  
  291. {block:Text}
  292. {block:Title}<div id="title">{Title}</div>{/block:Title}{Body}
  293. {/block:Text}
  294.  
  295. {block:Photo}
  296. <img src="{PhotoURL-HighRes}" />{block:Caption}<div id="caption">{Caption}</div>{/block:Caption}
  297. {/block:Photo}
  298.  
  299. {block:Photoset}
  300. {Photoset}{block:Caption}<div id="caption">{Caption}</div>{/block:Caption}
  301. {/block:Photoset}
  302.  
  303. {block:Quote}
  304. <div id="quote">“{Quote}”</div>
  305. {block:Source}<div id="source">{Source}</div>{/block:Source}
  306. {/block:Quote}
  307.  
  308. {block:Link}
  309. <div id="title"><a href="{URL}" target="{Target}">{Name}</a></div>
  310. {block:Description}{Description}{/block:Description}
  311. {/block:Link}
  312.  
  313. {block:Chat}
  314. {block:Title}<div id="title">{Title}</div>{/block:Title}<br>
  315. <span class="chat"><ul>
  316. {block:Lines}<li class="{Alt}"><span class="label">
  317. {block:Label}{Label}</span>{/block:Label}
  318. {Line}{/block:Lines}</span></ul></li>
  319. {/block:Chat}
  320.  
  321. {block:Audio}
  322. {block:AudioPlayer}
  323. <div id="audio" style="background-color:#f8f8f8;">{block:TrackName}{TrackName}{/block:TrackName} by
  324. {block:Artist}{Artist}{/block:Artist}</div><br>
  325. <span style="text-align:center;">{AudioPlayerWhite}</span>
  326. {/block:AudioPlayer}
  327. {block:Caption}<div id="caption">{Caption}</div>{/block:Caption}
  328. {/block:Audio}
  329.  
  330. {block:Video}
  331. {Video-500}
  332. {block:Caption}<div id="caption">{Caption}</div>{/block:Caption}
  333. {/block:Video}
  334.  
  335. {block:Answer}
  336. <div id="ask"><span style="text-transform:uppercase;font-weight:bold;margin-right:3px;">{Asker}:</span> {Question}</div>
  337. <div id="answer">{Answer}</div>
  338. {/block:Answer}
  339.  
  340. {block:ContentSource}
  341. <!-- {SourceURL}{block:SourceLogo}<img src=”{BlackLogoURL}” width=”{LogoWidth}” height=”{LogoHeight}” alt=”{SourceTitle}” />{/block:SourceLogo}
  342. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  343. {/block:ContentSource}{block:ReblogParent}{/block:ReblogParent}
  344.  
  345. {block:Date}<div id="info"><a href="{Permalink}" title="{TimeAgo}" style="text-transform:uppercase;font-weight:bold;margin-left:-2px">{Month} {DayOfMonthWithZero}</a>{/block:Date} <span style="margin-left:10px;">{block:NoteCount}<a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount}
  346.  
  347. <span style="float:right;">
  348. {block:RebloggedFrom}<a href="{ReblogRootURL}" style="margin-left:10px;">© {ReblogRootName}</a>{/block:RebloggedFrom}</span></div>
  349.  
  350. <div id="tags">{block:HasTags}{block:Tags}#<a style="margin-right:8px;"href="{TagURL}">{Tag}</a> </style>{/block:Tags}{/block:HasTags}</div>
  351.  
  352. {block:PermalinkPage}<div id="notes">{PostNotes}</div>{/block:PermalinkPage}
  353.  
  354. </div>
  355. </div>
  356. {/block:Posts}
  357.  
  358. <div id="c"><a href="http://robertdowneysjr.tumblr.com/tagged/themes" title="robertdowneysjr">©</a></div>
  359.  
  360. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.js"></script>
  361. <script>
  362. /* questions? ask oddhour.tumblr.com */
  363. var updatePhotosetCss = "<style id='updatePhotosetStyle'> .photoset .photoset_row.photoset_row_1 img { max-width: 540px; } .photoset .photoset_row.photoset_row_2 img { max-width: 268px; } .photoset .photoset_row.photoset_row_3 img { max-width: 177px; } .photoset .photoset_row { text-align: center; width: 540px; } .photoset { width: 540px; }</style>";
  364. function updatePhotoset() {
  365.  
  366. $(".photoset").each( function (i, e) {
  367. if($(this.contentDocument).find("#updatePhotosetStyle").size() <= 0)
  368. $(this.contentDocument).find("head").append(updatePhotosetCss);
  369. var photoset = $(this.contentDocument).find(".photoset");
  370. var photosetRows = photoset.find(".photoset_row");
  371. photoset.find(".photoset_photo")
  372. .each(function () {
  373. var hiResSrc = $(this).attr("href");
  374. var img = $(this).find('img');
  375. img.attr("src", hiResSrc );
  376. img.attr("style", "");
  377. });
  378. photosetRows.attr("style", "").css("margin-bottom", "-5px");
  379. photoset.attr("style","");
  380.  
  381. $(this).height($(this.contentDocument.body).height());
  382. });
  383. }
  384.  
  385. updatePhotoset();
  386.  
  387. var photosetTimer = setInterval(updatePhotoset, 1500);
  388. $(window).on('load', function () { setTimeout(function() {clearInterval(photosetTimer)}, 2000); })
  389. </script>
  390.  
  391. </body></html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement