API tools faq
paste
Advertisement
sunuh

02 Interference by sunuh

sunuh
Oct 6th, 2014
1,699
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 14.41 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. <head>
  4. <title>{Title}</title>
  5. <link rel="shortcut icon" href="{Favicon}">
  6.  
  7. <!----THEME BY SUNUH @ TUMBLR
  8.  
  9. I HAVE A VERY SPECIFIC SKILL SET AND WILL FIND YOU IF YOU STEAL CODES
  10.  
  11. so don't do that, please, I am asking kindly---->
  12.  
  13. <meta name="if:Posts 250px" content="0" />
  14.  
  15. <meta name="select:Title Size" content="s" title="Small">
  16. <meta name="select:Title Size" content="m" title="Medium">
  17. <meta name="select:Title Size" content="l" title="Large">
  18.  
  19. <meta name="text:Sidebar Link 1" content=""/>
  20. <meta name="text:Sidebar Link Url 1" content=""/>
  21. <meta name="text:Sidebar Link 2" content=""/>
  22. <meta name="text:Sidebar Link Url 2" content=""/>
  23. <meta name="text:Sidebar Link 3" content=""/>
  24. <meta name="text:Sidebar Link Url 3" content=""/>
  25.  
  26. <meta name="color:background" content="#fbfbfb" />
  27. <meta name="color:main text" content="#000000" />
  28. <meta name="color:title" content="#000000" />
  29. <meta name="color:title hover" content="#fbfbfb" />
  30. <meta name="color:title hover background" content="#000000" />
  31. <meta name="color:description background" content="#000000" />
  32. <meta name="color:description" content="#ffffff" />
  33. <meta name="color:sidebar links background" content="#000000" />
  34. <meta name="color:sidebar links" content="#ffffff" />
  35. <meta name="color:sidebar links hover background" content="#ffffff" />
  36. <meta name="color:sidebar links hover" content="#000000" />
  37. <meta name="color:links" content="#999999" />
  38. <meta name="color:links hover" content="#000000" />
  39. <meta name="color:borders" content="#dedede" />
  40. <meta name="color:border hover" content="#000000" />
  41. <meta name="color:post background" content="#ffffff" />
  42. <meta name="color:permalink" content="#999999" />
  43. <meta name="color:tags" content="#999999" />
  44. <meta name="color:scrollbar background" content="#fbfbfb" />
  45. <meta name="color:scrollbar" content="#000000" />
  46.  
  47.  
  48. <link href='http://fonts.googleapis.com/css?family=Open+Sans:400italic,700italic,400,700' rel='stylesheet' type='text/css'>
  49.  
  50. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
  51.  
  52. <script type="text/javascript">
  53. jQuery(document).ready(function() {
  54. jQuery(".infos").hide();
  55. //toggle the componenet with class msg_body
  56. jQuery(".click").click(function()
  57. {
  58. jQuery(this).next(".infos").slideToggle(500);
  59. });});
  60. </script>
  61.  
  62. <script type="text/javascript">
  63. $(window).bind("scroll", function() {
  64. if ($(this).scrollTop() > 520) {
  65. $("#page").fadeIn();
  66. } else {
  67. $("#page").stop().fadeOut();
  68. }
  69. });
  70. </script>
  71.  
  72. <style type="text/css">
  73. body {
  74. font-family: 'Open Sans', sans-serif;
  75. font-size:12px;
  76. color:{color:main text};
  77. margin:0px;
  78. padding:0px;
  79. background:{color:background};
  80. }
  81.  
  82. a {
  83. color:{color:links};
  84. text-decoration:none;
  85. }
  86.  
  87. #container {
  88. {block:IfNotPosts250px}
  89. width:500px;
  90. {/block:IfNotPosts250px}
  91. {block:IfPosts250px}
  92. width:500px;
  93. {/block:IfPosts250px}
  94. margin:50px auto;
  95. }
  96.  
  97. #sidebar {
  98. width:480px;
  99. background:{color:background};
  100. padding:10px;
  101. margin-bottom:60px;
  102. }
  103.  
  104. #title {
  105. font-family: 'Open Sans', sans-serif;
  106. font-weight:700;
  107. text-align:center;
  108. }
  109.  
  110. #title a {
  111. font-family: 'Open Sans', sans-serif;
  112. font-weight:700;
  113. text-align:center;
  114. color: {color:title};
  115. text-transform:uppercase;
  116. text-decoration:none;
  117. letter-spacing:3px;
  118. padding:5px;
  119. }
  120.  
  121. #title a:hover {
  122. background: {color:title hover background};
  123. color: {color:title hover};
  124. -moz-transition: 0.3s ease-in;
  125. -webkit-transition: 0.3s ease-in;
  126. -o-transition: 0.3s ease-in;
  127. transition: 0.3s ease-in;
  128. }
  129.  
  130. .s {
  131. font-size:22px;
  132. }
  133.  
  134. .m {
  135. font-size:32px;
  136. }
  137.  
  138. .l {
  139. font-size:42px;
  140. }
  141.  
  142. .description {
  143. width:300px;
  144. margin-left:80px;
  145. padding:10px;
  146. background: {color:description background};
  147. color: {color:description};
  148. }
  149.  
  150. .click {
  151. text-align:center;
  152. color: {color:title};
  153. font-weight:bold;
  154. font-size:22px;
  155. margin-top:20px;
  156. margin-left:235px;
  157. }
  158.  
  159. .click a {
  160. color: {color:title};
  161. font-weight:bold;
  162. font-size:22px;
  163. }
  164.  
  165. .infos {
  166. margin-top:10px;
  167. }
  168.  
  169. .links {
  170. margin-top:10px;
  171. text-align:center;
  172. width: 300px;
  173. padding:10px;
  174. margin-left:80px;
  175. background: {color:sidebar links background};
  176. color: {color:sidebar links};
  177. }
  178.  
  179. .links a {
  180. color: {color:sidebar links};
  181. text-transform:uppercase;
  182. font-size:9px;
  183. letter-spacing:1px;
  184. padding:2px 3px;
  185. margin-left:3px;
  186. margin-right:3px;
  187. }
  188.  
  189. .links a:hover {
  190. background:{color:sidebar links hover background};
  191. color:{color:sidebar links hover};
  192. -moz-transition: 0.3s ease-in;
  193. -webkit-transition: 0.3s ease-in;
  194. -o-transition: 0.3s ease-in;
  195. transition: 0.3s ease-in;
  196. }
  197.  
  198. #content {
  199. {block:IfNotPosts250px}
  200. width:500px;
  201. {/block:IfNotPosts250px}
  202. {block:IfPosts250px}
  203. width:350px;
  204. {/block:IfPosts250px}
  205. margin:auto auto 100px auto;
  206. }
  207.  
  208. .post {
  209. background:{color:post background};
  210. padding:50px;
  211. margin:0px 0px 0px 0px;
  212. border:1px solid {color:borders};
  213. }
  214.  
  215. .post:hover {
  216. border:1px solid {color:border hover};
  217. -moz-transition: 0.3s ease-in;
  218. -webkit-transition: 0.3s ease-in;
  219. -o-transition: 0.3s ease-in;
  220. transition: 0.3s ease-in;
  221. }
  222.  
  223. .post a {
  224. border-bottom:1px solid {color:links};
  225. color: {color:links};
  226. }
  227.  
  228. .post a:hover {
  229. border-bottom:1px solid {color:links hover};
  230. color: {color:links hover};
  231. -moz-transition: 0.3s ease-in;
  232. -webkit-transition: 0.3s ease-in;
  233. -o-transition: 0.3s ease-in;
  234. transition: 0.3s ease-in;
  235. }
  236.  
  237. .post img a {
  238. border-bottom:1px solid {color:post background};
  239. }
  240.  
  241. .post img a:hover {
  242. border:none;
  243. }
  244.  
  245. .pt a {
  246. text-transform:uppercase;
  247. color: {color:links};
  248. border:1px solid {color:borders};
  249. padding:10px 5px;
  250. background: {color:background};
  251. display:block;
  252. {block:IfPosts250px}
  253. width:250px;
  254. {/block:IfPosts250px}
  255. {block:IfNotPosts250px}
  256. width:400px;
  257. {/block:IfNotPosts250px}
  258. text-align:center;
  259. }
  260.  
  261. .pt a:hover {
  262. border:1px solid {color:links hover};
  263. color: {color:links hover};
  264. -moz-transition: 0.3s ease-in;
  265. -webkit-transition: 0.3s ease-in;
  266. -o-transition: 0.3s ease-in;
  267. transition: 0.3s ease-in;
  268. }
  269.  
  270. .text img {
  271. {block:IfPosts250px}
  272. max-width:200px;
  273. {/block:IfPosts250px}
  274. {block:IfNotPosts250px}
  275. max-width:350px
  276. {/block:IfNotPosts250px}
  277. }
  278. blockquote {
  279. padding-left:10px;
  280. border-left:1px solid {color:borders};
  281. margin-left:20px;
  282. }
  283.  
  284. .quote {
  285. font-weight:bold;
  286. font-size:16px;
  287. }
  288.  
  289. .source {
  290. margin-top:10px;
  291. margin-left:5px;
  292. }
  293.  
  294. .question {
  295. font-weight:bold;
  296. border:1px solid {color:borders};
  297. background: #fbfbfb;
  298. padding:10px 5px;
  299. }
  300.  
  301. .asker {
  302. margin-top:10px;
  303. }
  304.  
  305. .asker a {
  306. text-transform:uppercase;
  307. font-size:10px;
  308. }
  309.  
  310. .play {
  311. width:28px;
  312. max-height:30px;
  313. padding-top:3px;
  314. padding-bottom:10px;
  315. overflow:hidden;
  316. background: {color:post background};
  317. z-index: 1;
  318. }
  319.  
  320. .audioinfo {
  321. background: {color:post background};
  322. color: {color:main text};
  323. {block:IfNotPosts250px}
  324. width:370px;
  325. {/block:IfNotPosts250px}
  326. {block:IfPosts250px}
  327. width:220px;
  328. {/block:IfPosts250px}
  329. min-height:35px;
  330. margin-left:28px;
  331. padding:10px 5px 5px 5px;
  332. margin-top:-52px;
  333. font-size:11px;
  334. margin-bottom:10px;
  335. }
  336.  
  337. #perma {
  338. margin-bottom:50px;
  339. margin-top:10px;
  340. }
  341.  
  342. #perma a {
  343. color: {color:permalink};
  344. text-transform:uppercase;
  345. text-decoration:none;
  346. font-size:9px;
  347. }
  348.  
  349. #perma a:hover {
  350. color: {color:links hover};
  351. -moz-transition: 0.3s ease-in;
  352. -webkit-transition: 0.3s ease-in;
  353. -o-transition: 0.3s ease-in;
  354. transition: 0.3s ease-in;
  355. }
  356.  
  357. .tags a {
  358. color: {color:tags};
  359. font-size:9px;
  360. }
  361.  
  362. .tags a:hover {
  363. color: {color:links hover};
  364. -moz-transition: 0.3s ease-in;
  365. -webkit-transition: 0.3s ease-in;
  366. -o-transition: 0.3s ease-in;
  367. transition: 0.3s ease-in;
  368. }
  369.  
  370. #org {
  371. {block:IfNotPosts250px}
  372. width:400px;
  373. {/block:IfNotPosts250px}
  374. {block:IfPosts250px}
  375. width:250px;
  376. {block:IfPosts250px}
  377. padding:10px;
  378. font-size: 10px;
  379. margin-bottom:20px;
  380. margin-top:-60px;
  381. color: {color:permalink};
  382. margin-left:-10px;
  383. }
  384.  
  385. #org a {
  386. color: {color:permalink};
  387. text-decoration: none;
  388. font-size: 10px;
  389. }
  390.  
  391. #org a:hover {
  392. color: {color:links hover};
  393. -moz-transition: 0.3s ease-in;
  394. -webkit-transition: 0.3s ease-in;
  395. -o-transition: 0.3s ease-in;
  396. transition: 0.3s ease-in;
  397. }
  398.  
  399. #postnotes {
  400. list-style:none;
  401. font-size:10px;
  402. }
  403.  
  404. #postnotes a {
  405. color: {color:permalink};
  406. text-transform:uppercase;
  407. font-size:9px;
  408. }
  409.  
  410. #postnotes a:hover {
  411. color: {color:links hover};
  412. -moz-transition: 0.3s ease-in;
  413. -webkit-transition: 0.3s ease-in;
  414. -o-transition: 0.3s ease-in;
  415. transition: 0.3s ease-in;
  416. }
  417.  
  418. #postnotes img {
  419. display:none;
  420. }
  421.  
  422. #page {
  423. display:none;
  424. position:fixed;
  425. {block:IfNotPosts250px}
  426. width:478px;
  427. {/block:IfNotPosts250px}
  428. {block:IfPosts250px}
  429. width:328px;
  430. {/block:IfPosts250px}
  431. {block:IfPosts250px}
  432. margin-left:75px;
  433. {/block:IfPosts250px}
  434. background: {color:post background};
  435. border:1px solid {color:borders};
  436. padding:10px;
  437. bottom:0px;
  438. opacity:0.6;
  439. text-align:center;
  440. }
  441.  
  442. #page:hover {
  443. opacity:1;
  444. -moz-transition: 0.3s ease-in;
  445. -webkit-transition: 0.3s ease-in;
  446. -o-transition: 0.3s ease-in;
  447. transition: 0.3s ease-in;
  448. }
  449.  
  450. #page a {
  451. color: {color:links hover};
  452. font-size:9px;
  453. text-transform:uppercase;
  454. letter-spacing:1px;
  455. }
  456.  
  457. ::-webkit-scrollbar-thumb:vertical {
  458. background-color: {color:scrollbar};
  459. height:100px;
  460. border-top:2px solid {color:scrollbar background};
  461. border-right:2px solid {color:scrollbar background};
  462. border-bottom:2px solid {color:scrollbar background};
  463. }
  464.  
  465. ::-webkit-scrollbar-thumb:horizontal {
  466. background-color: {color:scrollbar};
  467. height:100px !important;
  468. }
  469.  
  470. ::-webkit-scrollbar {
  471. height:10px;
  472. width:10px; /*width of slider*/
  473. background-color:{color:scrollbar background}; /*scrollbar's main color*/
  474. }
  475.  
  476. ::selection {
  477. background: {color:main text};
  478. color: {color:post background};
  479. }
  480.  
  481. ::-moz-selection {
  482. background: {color:main text};
  483. color: {color:post background};
  484. }
  485.  
  486. ::-webkit-selection {
  487. background: {color:main text};
  488. color: {color:post background};
  489. }
  490.  
  491. #tumblr_controls {
  492. -webkit-filter: invert(100%);}
  493.  
  494. pre {
  495. white-space: pre-wrap;
  496. white-space: -moz-pre-wrap;
  497. white-space: -pre-wrap;
  498. white-space: -o-pre-wrap;
  499. word-wrap: break-word;
  500. }
  501.  
  502. .theme {
  503. font-family: Helvetica, Arial, sans-serif;
  504. font-size: 9px;
  505. right: 5px;
  506. bottom: 5px;
  507. padding:3px;
  508. border:1px solid #999999;
  509. position: fixed;
  510. }
  511.  
  512. .theme a {
  513. color:#999999;
  514. text-decoration:none;
  515. }
  516.  
  517. </style>
  518.  
  519. </head>
  520.  
  521. <body>
  522. <div id="container">
  523.  
  524. <div id="sidebar">
  525. <div id="title" class="{select:Title Size}"><a href="/">{Title}</a></div>
  526.  
  527. <a href="#" class="click">+</a>
  528. <div class="infos">
  529. {block:Description}
  530. <div class="description">
  531. {Description}
  532. </div>
  533. {/block:Description}
  534.  
  535. <div class="links">
  536. <a href="/ask">ask</a>
  537. <a href="/archive">archive</a>
  538. <a href="{text:Sidebar Link Url 1}">{text:Sidebar Link 1}</a>
  539. <a href="{text:Sidebar Link Url 2}">{text:Sidebar Link 2}</a>
  540. <a href="{text:Sidebar Link Url 3}">{text:Sidebar Link 3}</a>
  541. </div>
  542. </div>
  543.  
  544. </div>
  545.  
  546. <div id="page">
  547. {block:PreviousPage}<a href="{PreviousPage}">back</a>&nbsp;&nbsp;&nbsp;&nbsp;{/block:PreviousPage}
  548. {block:NextPage}<a href="{NextPage}">forth</a>{/block:NextPage}
  549. </div>
  550.  
  551. <div id="content">
  552.  
  553. {block:Posts}
  554.  
  555. <div class="post">
  556. {block:Text}
  557. {block:Title}
  558. <div class="pt"><a href="{Permalink}">{Title}</a></div>
  559. {/block:Title}
  560. <div class="text">{Body}</div>
  561. {/block:Text}
  562.  
  563. {block:Photo}
  564. {block:IfNotPosts250px}
  565. {LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}" width="400px"/>{LinkCloseTag}
  566. {/block:IfNotPosts250px}
  567. {block:IfPosts250px}
  568. {LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}" width="250px"/>{LinkCloseTag}
  569. {/block:IfPosts250px}
  570. {block:Caption}
  571. <div class="caption">{Caption}</div>
  572. {/block:Caption}
  573. {/block:Photo}
  574.  
  575. {block:Photoset}
  576. {block:IfNotPosts250px}
  577. {Photoset-400}
  578. {/block:IfNotPosts250px}
  579. {block:IfPosts250px}
  580. {Photoset-250}
  581. {/block:IfPosts250px}
  582. {block:Caption}
  583. <div class="caption">{Caption}</div>
  584. {/block:Caption}
  585. {/block:Photoset}
  586.  
  587. {block:Quote}
  588. <div class="quote">&#8220;{Quote}&#8221;</div>
  589. {block:Source}
  590. <div class="source">&#8212; {Source}</div>
  591. {/block:Source}
  592. {/block:Quote}
  593.  
  594. {block:Link}
  595. <div class="pt"><a href="{URL}" {Target}>&#10139; {Name}</a></div>
  596. {block:Description}
  597. <div class="caption">{Description}</div>
  598. {/block:Description}
  599. {/block:Link}
  600.  
  601. {block:Chat}
  602. {block:Title}<div class="pt">{Title}</div>{/block:Title}
  603. {block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}
  604. {/block:Chat}
  605.  
  606. {block:Answer}
  607. <div class="question">{Question}</div>
  608. <div class="asker">asked by {Asker}</div>
  609. <div class="answer">{Answer}</div>
  610. {/block:Answer}
  611.  
  612. {block:Video}
  613. {block:IfNotPosts250px}
  614. {Video-400}
  615. {/block:IfNotPosts250px}
  616. {block:IfPosts250px}
  617. {Video-250}
  618. {block:IfPosts250px}
  619. {block:Caption}
  620. <div class="caption">{Caption}</div>
  621. {/block:Caption}
  622. {/block:Video}
  623.  
  624. {block:Audio}
  625. <div class="play">{AudioPlayerWhite}</div>
  626. <div class="audioinfo">{block:TrackName}{TrackName}{/block:TrackName} &mdash; {block:Artist}{Artist}{/block:Artist}
  627. <br>{block:Album}<i>{Album}</i>{/block:Album}</div>
  628. {block:Caption}
  629. <div class="caption">{Caption}</div>
  630. {/block:Caption}
  631. {/block:Audio}
  632.  
  633. </div>
  634.  
  635. <div id="perma">
  636. {block:Date}<a href="{Permalink}">{ShortMonth} {MonthNumber}, {Year}</a>{/block:Date}&nbsp;&nbsp;&nbsp;
  637. {block:NoteCount}<a href="{Permalink}">+ {NoteCount}</a>{/block:NoteCount}
  638. <div class="tags">
  639. {block:HasTags}{block:Tags}<a href="{TagURL}" class="tags">{Tag}</a>&nbsp;&nbsp;&nbsp;{/block:Tags}{/block:HasTags}</div>
  640. </div>
  641.  
  642. {block:PermalinkPage}
  643. <div id="org">
  644. {block:RebloggedFrom}<a href="{ReblogParentURL}" title="{ReblogParentName}">reblogged</a>&nbsp;&nbsp; &#8212; &nbsp;&nbsp;<a href="{ReblogRootURL}" title="{ReblogRootName}">source</a>{/block:RebloggedFrom}
  645. </div>
  646. {block:PostNotes}
  647. <div id="postnotes">
  648. {PostNotes}
  649. </div>
  650. {/block:PostNotes}
  651. {/block:PermalinkPage}
  652. {/block:Posts}
  653.  
  654. <div class="theme"><a href="http://sunuh.tumblr.com">SNH</a></div>
  655.  
  656. <!-- {block:NoRebloggedFrom}
  657. {block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}
  658. {/block:NoRebloggedFrom} -->
  659. {block:ContentSource}<!-- {SourceURL}
  660. {block:SourceLogo}<img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}
  661. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  662. {/block:ContentSource}
  663.  
  664.  
  665. </div>
  666.  
  667. </div>
  668. </body>
  669. </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!