API tools faq
paste
deheans

Silence

deheans
Jan 31st, 2015
1,005
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 9.23 KB | None | 0 0
raw download clone embed print report
  1. <!--SILENCE by hyollyn-->
  2.  
  3. <!DOCTYPE html>
  4. <head>
  5.  
  6. <script type="text/javascript"
  7. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  8. <script>
  9. $(document).ready(function() {
  10. //
  11. $('a.poplight[href^=#]').click(function() {
  12. var popID = $(this).attr('rel'); //Get Popup Name
  13. var popURL = $(this).attr('href'); //Get Popup href to define size
  14. var query= popURL.split('?');
  15. var dim= query[1].split('&');
  16. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  17. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"></a>');
  18. var popMargTop = ($('#' + popID).height() + 80) / 2;
  19. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  20. //Apply Margin to Popup
  21. $('#' + popID).css({
  22. 'margin-top' : -popMargTop,
  23. 'margin-left' : -popMargLeft
  24. });
  25. $('body').append('<div id="fade"></div>');
  26. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  27. return false;
  28. });
  29. $('a.close, #fade').live('click', function() {
  30. $('#fade , .popup_block').fadeOut(function() {
  31. $('#fade, a.close').remove(); //fade them both out
  32. });
  33. return false;
  34. });
  35. });
  36. </script>
  37.  
  38.  
  39. <title>{Title}</title>
  40.  
  41. <link rel="shortcut icon" href="{Favicon}">
  42. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  43. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  44.  
  45. <!--Default Variables-->
  46.  
  47. <meta name="color:Background" content="#ffffff"/>
  48. <meta name="color:Text" content="#aaaaaa"/>
  49. <meta name="color:Link" content="#000000"/>
  50. <meta name="color:Scrollbar" content="#000000">
  51. <meta name="text:Link 1 URL" content="" />
  52. <meta name="text:Link 1" content="" />
  53. <meta name="text:Link 2 URL" content="" />
  54. <meta name="text:Link 2" content="" />
  55. <meta name="text:URL" content="" />
  56.  
  57.  
  58. <!-- jquery for tooltips-->
  59.  
  60.  
  61. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  62.  
  63. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  64.  
  65. <script>
  66.  
  67. (function($){
  68.  
  69. $(document).ready(function(){
  70.  
  71. $("a[title]").style_my_tooltips({
  72.  
  73. tip_follows_cursor:true,
  74.  
  75. tip_delay_time:30,
  76.  
  77. tip_fade_speed:300,
  78.  
  79. attribute:"title"
  80.  
  81. });
  82.  
  83. });
  84.  
  85. })(jQuery);
  86.  
  87. </script>
  88.  
  89.  
  90.  
  91.  
  92. <style type="text/css">
  93.  
  94. ::-webkit-scrollbar {
  95. width:8px;
  96. }
  97.  
  98. ::-webkit-scrollbar-thumb {
  99. background-color:{color:Scrollbar};
  100. width:2px;
  101. border:2px solid {color:Background};
  102. }
  103.  
  104. ::-webkit-scrollbar-track {
  105. background-color:{color:Background};
  106. }
  107.  
  108. .popup_block{
  109. display:none;
  110. background:#fff;
  111. padding:20px;
  112. float:left;
  113. position:fixed;
  114. top:395px;
  115. right:100px;
  116. z-index: 99999;
  117. }
  118.  
  119. *html #fade {position: absolute;}
  120. *html .popup_block {position: absolute;}
  121. #fade {
  122. display:none;
  123. position:fixed;
  124. left:0px;
  125. top:0px;
  126. width:100%;
  127. height:100%;
  128. z-index:9999;
  129. background:#fff;
  130. opacity:0;
  131. }
  132.  
  133.  
  134. #s-m-t-tooltip{
  135. position:absolute;
  136. margin-top: 15px;
  137. z-index:9999;
  138. background:{color:background};
  139. }
  140.  
  141.  
  142.  
  143. /*basics*/
  144. blockquote {padding:5px 0 5px 30px;
  145. border-left:1px solid {color:text};
  146. margin-left:30px;
  147. }
  148.  
  149. body {
  150. background:{color:background};
  151. color:{color:text};
  152. font-family:helvetica;
  153. font-size:10px;
  154. font-style:italic;
  155. text-align:justify;
  156. margin:0;
  157. line-height:16px;}
  158.  
  159.  
  160. a {
  161. color:{color:link};
  162. text-decoration:none;
  163. }
  164.  
  165. img{opacity:1;
  166. border:none;
  167. text-decoration:none}
  168.  
  169.  
  170. small {
  171. font-size:9px;}
  172.  
  173. big {
  174. font-size:12px;}
  175.  
  176.  
  177. #title {font-size:12px;
  178. line-height:10px;
  179. margin-bottom:10px;
  180. text-transform:uppercase;
  181. text-align:left;}
  182.  
  183.  
  184. /*sidebar*/
  185. #sidebar {text-align:left;
  186. position:fixed;
  187. margin-left:450px;
  188. top:300px;
  189. width:125px;
  190. }
  191.  
  192. #blogt {font-size:12px;
  193. }
  194.  
  195. #links {
  196. border-left:1px solid {color:text};
  197. padding-left:10px;
  198. width:35px;
  199. text-align:left;
  200. line-height:12px;
  201. margin-top:10px;
  202. padding-top:4px;
  203. }
  204.  
  205.  
  206. #links a {
  207. margin-right:10px;
  208. display:inline-block;
  209. margin-bottom:5px;
  210. }
  211.  
  212. #description {
  213. margin:5px 0;
  214. }
  215.  
  216.  
  217. /*pagination*/
  218. #pagination {
  219. margin:50px 0;
  220. font-size:14px;
  221. font-family:helvetica;
  222. text-align:center;
  223. text-transform:uppercase;
  224. font-style:italic;
  225. }
  226.  
  227. #pagination a {
  228. padding:0 15px;
  229. }
  230.  
  231. /*container*/
  232. #con {
  233. left:50%;
  234. margin-left:-250px;
  235. position:absolute;
  236. }
  237.  
  238.  
  239.  
  240. /*posts*/
  241.  
  242. #entries {
  243. margin-top:75px;
  244. width:400px;
  245. }
  246.  
  247.  
  248.  
  249. #posts {
  250. width:400px;
  251. {block:IndexPage}
  252. margin-bottom:75px;
  253. {/block:IndexPage}
  254. {block:PermalinkPage}
  255. margin-bottom:50px;
  256. {/block:PermalinkPage}
  257.  
  258. }
  259. #posts img {
  260. max-width:400px;
  261. }
  262.  
  263. #posts img, #posts li, #posts blockquote {max-width: 100%;}
  264. .caption {width:100%;
  265. margin-top:10px;
  266.  
  267. }
  268.  
  269. /*quote*/
  270.  
  271. #titlequote{text-align:left;
  272. font-size:12px;
  273. line-height:18px;
  274. }
  275. #source {
  276. margin-top:15px;
  277. margin-left:15px;}
  278.  
  279. /*audio*/
  280.  
  281. .player {
  282. width:25px;
  283. height:25px;
  284. overflow:hidden;
  285. position:absolute;
  286. background:white;}
  287.  
  288. .audioinfo {
  289. margin-left:50px;
  290. }
  291.  
  292.  
  293. /*asks*/
  294. .q {margin-bottom:0px;
  295. }
  296. .as {
  297. font-size:11px;
  298. text-transform:uppercase;
  299. text-align:left;}
  300.  
  301. .a {
  302. margin-top:10px;
  303. }
  304.  
  305.  
  306. /*chat*/
  307.  
  308. .chat ol {
  309. padding:0;
  310. list-style:none;
  311. }
  312. .line {padding:5px 0;}
  313.  
  314. .label {font-weight:bold;
  315. }
  316.  
  317.  
  318.  
  319.  
  320.  
  321. /*permalink and notes*/
  322.  
  323. #permalink {
  324. margin-top:15px;
  325. font-size:10px;
  326. text-transform:uppercase;
  327. }
  328. #permalink a {margin-right:10px;
  329. }
  330.  
  331.  
  332. .tags {
  333. word-break:break-all;
  334. font-size:10px;
  335. }
  336.  
  337. .pagenotes {
  338. {block:IndexPage}
  339. display: none!important;
  340. {/block:IndexPage}
  341. width:400px;
  342. text-align:left;
  343.  
  344. }
  345. .pagenotes img {
  346. display:none!important;}
  347. .pagenotes li {
  348. list-style-type:none;
  349. padding:5px 0px;
  350. text-align:left;
  351. margin:0 0 0 -40px;
  352. }
  353.  
  354. #credit {
  355. font-size:9px;
  356. line-height:8px;
  357. background-color:transparent;
  358. font-family:helvetica;
  359. letter-spacing:0px;
  360. bottom:7px;
  361. right:0px;
  362. position:fixed;
  363. z-index:1000;
  364. padding:8px 9px;
  365. }
  366.  
  367.  
  368. {CustomCSS}
  369.  
  370.  
  371. </style>
  372.  
  373.  
  374.  
  375. </head>
  376.  
  377. <body>
  378.  
  379. <div id="con">
  380.  
  381. <div id="sidebar">
  382. <div id="blogt"><a href="/">{Title}</a></div>
  383. <div id="links">
  384. <a href="#?w=300" rel="box1" class="poplight">ask</a>
  385. <a href="#?w=300" rel="box2" class="poplight">desc</a>
  386. {block:ifLink1}<a href="{text:Link 1 URL}">{text:Link 1}</a>{/block:ifLink1}
  387. {block:ifLink2}<a href="{text:Link 2 URL}" >{text:Link 2}</a>{/block:ifLink2}
  388. </div>
  389.  
  390.  
  391.  
  392.  
  393. </div>
  394.  
  395.  
  396.  
  397.  
  398. <div id="entries">
  399.  
  400. {block:Posts}
  401. <div id="posts">
  402.  
  403.  
  404. {block:Quote}
  405.  
  406.  
  407. <div id="titlequote">“{Quote}”</div>
  408. {block:Source}<div id="source">&mdash; {Source}</div>{/block:Source}
  409. {/block:Quote}
  410.  
  411.  
  412.  
  413. {block:Text}
  414.  
  415. {block:Title}
  416. <div id="title">{Title}</div>{/block:Title}
  417. {Body}
  418. {/block:Text}
  419.  
  420. {block:Link}
  421. <div id="title"><a href="{URL}">{Name}</a></div>{block:Description}{Description}{/block:Description}
  422. {/block:Link}
  423.  
  424. {block:Chat}
  425. {block:Title}
  426. <h1>{Title}</h1>
  427. {/block:Title}
  428. <div class="chat">
  429. <ol>{block:Lines}
  430. <li class="line {Alt}">
  431. {block:Label}
  432. <span class="label">
  433. {Label}</span>
  434. {/block:Label}{Line}</li>
  435. {/block:Lines}
  436. </ol></div>
  437. {/block:Chat}
  438.  
  439. {block:Photo}
  440. {LinkOpenTag}<img src="{PhotoURL-400}" alt="{PhotoAlt}"/>{LinkCloseTag}
  441. {/block:Photo}
  442.  
  443. {block:Photoset}
  444. {Photoset-400}
  445. {/block:Photoset}
  446.  
  447. {block:Video}
  448. {Video-400}
  449. {/block:Video}
  450.  
  451. {block:Audio}
  452. <div class="player">{AudioPlayerWhite}</div>
  453. <div class="audioinfo">
  454. {block:TrackName}{TrackName}{/block:TrackName}{block:Artist}<br>{Artist}{/block:Artist}
  455. </div>
  456. {/block:Audio}
  457.  
  458. {block:Answer}
  459. <div class="q">
  460. <div class="as">{Asker}:</div>
  461. {Question}</div>
  462. <div class="a">{Answer}</div>
  463. {/block:Answer}
  464.  
  465. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  466.  
  467. {block:Date}
  468. <div id="permalink">
  469. <a href="{Permalink}" >{ShortMonth} {DayOfMonth}</a>{block:NoteCount}/&nbsp;&nbsp;&nbsp;&nbsp;<a href="{Permalink}">{NoteCount}</a>{/block:NoteCount}{block:RebloggedFrom}<a href="{ReblogParentURL}" title="{ReblogParentName}">via</a>{block:ContentSource}<a href="{ReblogRootURL}" title="{ReblogRootName}">src</a>{/block:ContentSource}{/block:RebloggedFrom}
  470. {block:HasTags}<div class="tags">{block:Tags}<a href="{TagUrl}">#{Tag}</a>{/block:Tags}</div>{/block:HasTags}
  471. </div>
  472. {/block:Date}
  473.  
  474.  
  475.  
  476. </div>
  477.  
  478.  
  479. {block:PostNotes}
  480. <div class="pagenotes">
  481. {PostNotes}
  482. </div>
  483. {/block:PostNotes}
  484.  
  485.  
  486. {/block:Posts}
  487.  
  488. <div id="pagination">
  489. {block:Pagination}
  490. {block:PreviousPage}
  491. <a href="{PreviousPage}">&larr; previous </a>
  492. {/block:PreviousPage}
  493.  
  494.  
  495. {block:NextPage}
  496. <a href="{NextPage}">next &rarr;</a>
  497. {/block:NextPage}
  498. {/block:Pagination}
  499. </div>
  500.  
  501. <div id="credit"><a href="http://hyollyn.tumblr.com/" title="hyollyn">(C)</a></div>
  502.  
  503. </div>
  504.  
  505. </div>
  506.  
  507.  
  508. {block:ContentSource}
  509. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  510. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  511. {/block:SourceLogo}
  512. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  513. {/block:ContentSource}
  514.  
  515. </body>
  516.  
  517. <div id="box1" class="popup_block">
  518. <iframe frameborder="0" height="230" id="ask_form" scrolling="yes" src="http://www.tumblr.com/ask_form/{text:URL}.tumblr.com" width="100%"></iframe>
  519. </div>
  520.  
  521. </div></div></div></div></div></div></div></div></div></div>
  522.  
  523. <div id="box2" class="popup_block">
  524. {Description}
  525. </div>
  526.  
  527. </div></div></div></div></div></div></div></div></div></div>
  528.  
  529. </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!