API tools faq
paste
Advertisement
elpids

isolation

elpids
Jun 28th, 2014
3,162
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 13.44 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>
  5. <link rel="shortcut icon" href="{Favicon}">
  6. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  7. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  8.  
  9. <!---
  10. theme # 7 - isolation
  11. © fredweasleys
  12.  
  13. don't steal or use as a base!
  14. --->
  15.  
  16. <meta name = "color:Background" content = "#ffffff">
  17. <meta name = "color:Borders" content = "#e4e4e4">
  18. <meta name = "color:Links" content = "#888888">
  19. <meta name = "color:LinkHover" content = "#000000">
  20. <meta name = "color:Text" content = "#404040">
  21. <meta name = "color:Bold" content = "#000000">
  22. <meta name = "image:Sidebar" content = "">
  23. <meta name = "text:Link 1" content = "">
  24. <meta name = "text:Link 1 Text" content = "">
  25. <meta name = "text:Link 2" content = "">
  26. <meta name = "text:Link 2 Text" content = "">
  27. <meta name = "if:400px" content = "0">
  28. <meta name = "if:500px" content = "1">
  29. <meta name = "if:RomanNumeralLinks" content = "1">
  30. <meta name = "if:NormalLinks" content = "0">
  31.  
  32.  
  33. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  34. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  35.  
  36.  
  37. <script>
  38. (function($){
  39. $(document).ready(function(){
  40. $("[title]").style_my_tooltips({
  41. tip_follows_cursor:true,
  42. tip_delay_time:100,
  43. tip_fade_speed:300,
  44. attribute:"title"
  45. });
  46. });
  47. })(jQuery);
  48. </script>
  49.  
  50. <script type="text/javascript" src="http://static.tumblr.com/bmdsqsc/8mXm7q8vn/jquery.js"></script>
  51. <script type="text/javascript" src="http://static.tumblr.com/bmdsqsc/ogWm7q8w1/lazyload.js"></script>
  52. <script type="text/javascript" charset="utf-8">
  53. var $j = jQuery.noConflict();
  54. $j(function() {
  55. if (navigator.platform == "iPad" || navigator.platform == "iPhone") return;
  56. $j("img").lazyload({
  57. placeholder : "http://static.tumblr.com/twte3d7/RSvlio0k5/grey.gif",
  58. effect: "fadeIn",
  59. });
  60. });
  61. </script>
  62.  
  63.  
  64. <style type="text/css">
  65.  
  66. body {
  67. background: {color:Background};
  68. margin: 0px;
  69. color: {color:Text};
  70. font-family: georgia;
  71. font-size: 10px;
  72. line-height: 15px;
  73. letter-spacing: 0px;
  74. text-align: justify; }
  75.  
  76. b, strong {
  77. color: {color:Bold}; }
  78.  
  79. a {
  80. text-decoration: none;
  81. color: {color:Links}; }
  82.  
  83. a:hover {
  84. color: {color:LinkHover}; }
  85.  
  86. blockquote {
  87. padding: 5px 5px 5px 15px;
  88. margin-left: 20px;
  89. border-left: 1px solid {color:Borders};
  90. width: auto; }
  91.  
  92. blockquote blockquote {
  93. padding: 10px 10px 10px 20px;
  94. margin-left: 20px;
  95. border-left: 1px solid {color:Borders};
  96. width: auto; }
  97.  
  98. pre {
  99. white-space: pre-wrap;
  100. white-space: -moz-pre-wrap;
  101. white-space: -pre-wrap;
  102. white-space: -o-pre-wrap;
  103. word-wrap: break-word;
  104. {block:if400px}width: 390px;{/block:if400px}
  105. {block:if500px}width: 490px;{/block:if500px} }
  106.  
  107. /*ENTRIES*/
  108.  
  109. #entries {
  110. margin-left: 330px;
  111. margin-top: 100px;
  112. {block:if400px}width: 490px;{/block:if400px}
  113. {block:if500px}width: 490px;{/block:if500px}
  114. letter-spacing: 0px; }
  115.  
  116. #post {
  117. {block:if400px}width: 400px;{/block:if400px}
  118. {block:if500px}width: 500px;{/block:if500px}
  119. margin-top: 50px;
  120. padding: 15px; }
  121.  
  122. /*SIDEBAR*/
  123.  
  124. #sb {
  125. position: fixed;
  126. left: 0;
  127. top: 0;
  128. border-right: 1px solid {color:Borders};
  129. width: 230px;
  130. font-size: 9px;
  131. height: 100%; }
  132.  
  133. .simg, .simg img {
  134. width: 100px;
  135. height: 100px;
  136. border-radius: 100%;
  137. margin: 50px auto; }
  138.  
  139. .st {
  140. text-align: center;
  141. font-style: italic;
  142. padding: 30px;
  143. font-size: 16px;
  144. border-bottom: 1px solid {color:Borders}; }
  145.  
  146. .sdesc {
  147. margin: 35px auto 10px;
  148. width: 180px;
  149. line-height: 17px; }
  150.  
  151. .slink {
  152. text-align: center;
  153. margin-top: 20px; }
  154.  
  155. .slink a {
  156. {block:ifNormalLinks}margin: 6px;{/block:ifNormalLinks}
  157. {block:ifRomanNumeralLinks}margin: 13px;{/block:ifRomanNumeralLinks} }
  158.  
  159. .slink a:hover {
  160. color: {color:Bold}; }
  161.  
  162. /*POST INFO*/
  163.  
  164. #info {
  165. text-align: left;
  166. margin-top: 10px;
  167. line-height: 16px;
  168. font-family: georgia; }
  169.  
  170. #tags {
  171. display: inline; }
  172.  
  173. #tags a {
  174. text-transform: lowercase;
  175. margin: 8px; }
  176.  
  177. #tags a:first-of-type {
  178. margin-left: 0px; }
  179.  
  180. /*QUESTION*/
  181.  
  182. #q {
  183. border-bottom: 1px solid {color:Borders}; }
  184.  
  185. #asker {
  186. width:49px;
  187. height: 49px;
  188. position: absolute;
  189. margin-top: 2px; }
  190.  
  191. #asker img {
  192. margin-top: 7px;
  193. z-index: 99;
  194. float: left;
  195. border-radius: 100%;
  196. width: 32px; }
  197.  
  198. #question {
  199. {block:if400px}width: 353px;{/block:if400px}
  200. {block:if500px}width: 453px;{/block:if500px}
  201. display: inline-block;
  202. min-height: 37px;
  203. margin-top: 2px;
  204. margin-left: 35px;
  205. font-size:10px;
  206. padding:6px; }
  207.  
  208. #answer {
  209. {block:if400px}width: 400px;{/block:if400px}
  210. {block:if500px}width: 500px;{/block:if500px} }
  211.  
  212. /*CHAT POSTS*/
  213.  
  214. .user:nth-child(odd) {
  215. {block:if400px}width: 375px;{/block:if400px}
  216. {block:if500px}width: 475px;{/block:if500px}
  217. color: {color:Text};
  218. border-top: 1px solid {color:Borders};
  219. padding: 12px;
  220. padding-left: 20px; }
  221.  
  222. ul.chat:first-of-type {
  223. margin-top: -15px; }
  224.  
  225. .user:last-of-type {
  226. border-bottom: 1px solid {color:Borders};
  227. {block:if400px}width: 375px;{/block:if400px}
  228. {block:if500px}width: 475px;{/block:if500px}
  229. color: {color:Text};
  230. padding: 12px;
  231. padding-left: 20px;
  232. margin-bottom: 25px; }
  233.  
  234. .user:nth-child(even) {
  235. border-top: 1px solid {color:Borders};
  236. {block:if400px}width: 375px;{/block:if400px}
  237. {block:if500px}width: 475px;{/block:if500px}
  238. color: {color:Text};
  239. padding: 12px;
  240. padding-left: 20px; }
  241.  
  242. ul.chat, .chat ol, .chat li {
  243. list-style:none;
  244. margin-left: -22px; }
  245.  
  246. ul.chat {
  247. margin-bottom: -16px; }
  248.  
  249. /*AUDIO*/
  250.  
  251. .player {
  252. padding: 0px;
  253. margin-left: 70px;
  254. margin-top: 14px;
  255. width: 25px;
  256. height: 25px;
  257. position: absolute;
  258. overflow: hidden;
  259. opacity: 1;
  260. z-index: 1000;
  261. transition: all 0.4s ease-out;
  262. -o-transition: all 0.4s ease-out;
  263. -webkit-transition: all 0.4s ease-out;
  264. -moz-transition: all 0.4s ease-out; }
  265.  
  266. .player:hover {
  267. opacity: 1;
  268. transition: all 0.4s ease-out;
  269. -o-transition: all 0.4s ease-out;
  270. -webkit-transition: all 0.4s ease-out;
  271. -moz-transition: all 0.4s ease-out; }
  272.  
  273. .audio {
  274. position:absolute;
  275. width:auto;
  276. height:20px; }
  277.  
  278. .albumcover {
  279. width:55px;
  280. height:55px;
  281. position:absolute;
  282. margin-top: -10px;
  283. margin-left: -12px;
  284. padding:10px;}
  285.  
  286. .albumcover img {
  287. border: none;
  288. float:left;
  289. width:55px; }
  290.  
  291. .albuminfo {
  292. {block:if400px}width: 326px;{/block:if400px}
  293. {block:if500px}width: 426px;{/block:if500px}
  294. display:inline-block;
  295. margin-left: 53px;
  296. min-height: 35px;
  297. font-size: 10px;
  298. line-height:35px;
  299. background-color: #f1f1f1;
  300. padding: 10px; }
  301.  
  302. /*QUOTES*/
  303.  
  304. #quote {
  305. text-align: center;
  306. margin: 0 auto;
  307. font-family: times;
  308. font-size: 12px;
  309. line-height:20px;
  310. color: {color:Bold};
  311. font-style: italic;
  312. {block:if400px}width: 350px;{/block:if400px}
  313. {block:if500px}width: 450px;{/block:if500px} }
  314.  
  315. #qsource {
  316. text-align: center;
  317. margin-top: 10px;
  318. font-size: 8px;
  319. letter-spacing: 1px;
  320. text-transform: uppercase; }
  321.  
  322. /*TEXT POSTS*/
  323.  
  324. #text {
  325. margin-left: 5px;
  326. text-align: justify;
  327. {block:if400px}width: 433px;{/block:if400px}
  328. {block:if500px}width: 533px;{/block:if500px}}
  329.  
  330. #titles {
  331. text-align: left;
  332. text-transform: lowercase;
  333. font-size: 14px;
  334. font-family: georgia;
  335. font-style: italic;
  336. padding: 5px;
  337. line-height: 25px; }
  338.  
  339. /*POST NOTES*/
  340.  
  341. ol.notes {
  342. {block:if400px}width: 390px;{/block:if400px}
  343. {block:if500px}width: 490px;{/block:if500px}
  344. margin-top: 25px;
  345. list-style-type: none;
  346. padding-bottom: 10px;
  347. font-size: 9px; }
  348.  
  349. li.note {
  350. border-bottom: 1px solid {color:Borders}; }
  351.  
  352. ol.notes li.note {
  353. margin-left: -40px;
  354. padding: 15px; }
  355.  
  356. ol.notes li.note img.avatar {
  357. padding-left: 15px;
  358. width: 0px;
  359. height: 0px; }
  360.  
  361. /*PAGINATION*/
  362.  
  363. #pagi {
  364. text-align: left;
  365. font-size: 8px;
  366. text-transform: uppercase;
  367. letter-spacing: 1px;
  368. padding-top: 7px;
  369. {block:if400px}width: 423px;{/block:if400px}
  370. {block:if500px}width: 523px;{/block:if500px}
  371. margin: 0 auto; }
  372.  
  373. .next {
  374. margin-top: -15px;
  375. text-align: right; }
  376.  
  377. .back {
  378. text-align: left; }
  379.  
  380. /*EXTRAS*/
  381.  
  382. #s-m-t-tooltip {
  383. position: absolute;
  384. margin: 7px 15px;
  385. letter-spacing: 1px;
  386. background: {color:Background};
  387. z-index: 9999;
  388. text-transform: lowercase;
  389. padding: 3px 6px; }
  390.  
  391. ::-webkit-scrollbar {
  392. background-color: {color:Background};
  393. height: 8px;
  394. width: 6px }
  395.  
  396. ::-webkit-scrollbar-thumb:vertical {
  397. background-color: {color:Bold};
  398. height: auto; }
  399.  
  400. ::-webkit-scrollbar-thumb:horizontal {
  401. background-color: {color:Bold}; }
  402.  
  403. #cred {
  404. padding: 2px;
  405. bottom: 7px;
  406. right: 6px;
  407. position: fixed;
  408. color: #202020;
  409. font-size: 8px;
  410. text-transform: uppercase;
  411. letter-spacing: 1px; }
  412.  
  413. #cred a {
  414. color: #484848; }
  415.  
  416. </style></head>
  417. <body>
  418.  
  419. <div id = "sb">
  420.  
  421. <div class = "simg"><img src = "{image:Sidebar}"></div>
  422.  
  423. <div class = "st">{Title}</div>
  424.  
  425. <div class = "sdesc">{Description}</div>
  426.  
  427. <div class = "slink">
  428. {block:ifNormalLinks}
  429. <a href = "/">home</a>
  430. <a href = "/ask">ask</a>
  431. <a href = "/archive">archive</a>
  432. <a href="{text:Link 1}">{text:Link 1 Text}</a>
  433. <a href="{text:Link 2}">{text:Link 2 Text}</a>
  434. {/block:ifNormalLinks}
  435.  
  436. {block:ifRomanNumeralLinks}
  437. <a href = "/" title = "home">I.</a>
  438. <a href = "/ask" = title = "ask">II.</a>
  439. <a href = "/archive" title = "archive">III.</a>
  440. <a href="{text:Link 1}" title = "{text:Link 1 Text}">IV.</a>
  441. <a href="{text:Link 2}" title = "{text:Link 2 Text}">V.</a>
  442. {/block:ifRomanNumeralLinks}
  443.  
  444. </div>
  445.  
  446. </div>
  447.  
  448.  
  449. <div id="entries">
  450. {block:Posts}
  451. <div id = "post">
  452.  
  453. {block:Text}
  454. {block:Title}<div id = "titles">{Title}</div>{/block:Title}
  455. <div id = "text">{Body}</div>{/block:Text}
  456.  
  457. {block:Photo}{LinkOpenTag}
  458. {block:if400px}<img src = "{PhotoURL-400}">{/block:if400px}
  459. {block:if500px}<img src = "{PhotoURL-500}">{/block:if500px}
  460. {LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  461.  
  462. {block:Photoset}
  463. {block:if400px}{Photoset-400}{/block:if400px}
  464. {block:if500px}{Photoset-500}{/block:if500px}
  465. {block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  466.  
  467. {block:Quote}
  468. <div id = "quote">{Quote}</div>
  469. {block:Source}<div id = "qsource">from {Source}</div>
  470. {/block:Source}{/block:Quote}
  471.  
  472. {block:Link}<div id = "titles"><a href="{URL}" {Target}>{Name}</a></div>{block:Description}{Description}{/block:Description}{/block:Link}
  473.  
  474. {block:Chat}<div class = "chat">
  475. <ul class="chat">{block:Lines}<li class="user">
  476. {block:Label}<span class="label"><b>{Label}</b></span>{/block:Label}
  477. {Line}</li>{/block:Lines}</ul></div>{/block:Chat}
  478.  
  479. {block:Audio}
  480. <div class="audio">
  481. <div class="player">{block:AudioPlayer}
  482.  
  483. <script type="text/javascript" language="javascript" src="http://assets.tumblr.com/javascript/tumblelog.js?7"></script>
  484. <span id="audio_player_{PostID}">[<a href="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" target="_blank">Flash 9</a> is required to listen to audio.]</span>
  485. <script type="text/javascript" src="/api/read/json?id={PostID}"></script>
  486. <script type="text/javascript">
  487. var color = "f1f1f1";
  488. var player = tumblr_api_read['posts'][0]['audio-player'].replace("color=FFFFFF", "color=" + color);
  489. replaceIfFlash(9, "audio_player_{PostID}", player);
  490. </script>
  491.  
  492. {/block:AudioPlayer}</div>
  493. <div class="albumcover"><img src="http://static.tumblr.com/jn9hrij/20Ul2zzsr/albumart.jpg"></div>{block:AlbumArt}<div class="albumcover"><img src="{AlbumArtURL}"></div>{/block:AlbumArt}</div>
  494. <div class = "albuminfo">
  495. <center>{block:TrackName}<i><b>{TrackName}</b></i>{/block:TrackName}{block:Artist} &mdash; {Artist}{/block:Artist}</center>
  496. </div>{block:Caption}{Caption}{/block:Caption}{/block:Audio}
  497.  
  498. {block:Video}<div id = "postp">
  499. {block:if400px}{Video-400}{/block:if400px}
  500. {block:if500px}{Video-500}{/block:if500px}
  501. </div>{block:Caption}{Caption}{/block:Caption}{/block:Video}
  502.  
  503. {block:Answer}
  504. <div id = "q"><div id = "asker"><img src = "{AskerPortraitURL-30}"></div>
  505. <div id = "question"><i>{Asker}</i>:<br>{Question}</div></div>
  506. <div id = "answer">{Answer}</div>
  507. {/block:Answer}
  508.  
  509. {block:Date}<div id = "info"><a href="{Permalink}">{DayOfMonth}{DayOfMonthSuffix} of {ShortMonth}</a>{/block:Date} / <a href="{Permalink}">{NoteCountWithLabel}</a><br>
  510. {block:HasTags}{block:Tags}<div id = "tags"><a href="/tagged/{Tag}"><i>#{Tag}</a></i></div>{/block:Tags}{/block:HasTags}
  511. </div>
  512.  
  513. </div>
  514.  
  515. <div id = "posts">
  516.  
  517. {block:PermalinkPage}
  518.  
  519. <div style = "text-transform: lowercase; text-align: center;">
  520. {block:RebloggedFrom}<a href="{ReblogParentURL}"><b>via:</b> {ReblogParentName}</a>{block:ContentSource}&nbsp;&nbsp;+&nbsp;&nbsp;<a href="{ReblogRootURL}"><b>source:</b> {ReblogRootName}</a>{/block:ContentSource}{/block:RebloggedFrom}
  521. </div>
  522. </div>
  523.  
  524. {block:PostNotes}<div id = "notes">{PostNotes}</div>{/block:PostNotes}</div>
  525. {/block:Posts}
  526. {/block:PermalinkPage}
  527. {/block:Posts}
  528.  
  529. <div id = "cred"><a href = "http://fredweasleys.tumblr.com/" title = "theme by fredweasleys">fw</a></div>
  530.  
  531.  
  532. <br><br><br>
  533.  
  534. {block:Pagination}
  535. <div id = "pagi">
  536. {block:PreviousPage}<div class = "back"><a href = "{PreviousPage}"><big><big>&#8592;</big></big> back</a></div>{/block:PreviousPage}
  537. {block:NextPage}<div class = "next"><a href = "{NextPage}">next <big><big>&#8594;</big></big></a></div>{/block:NextPage}
  538. </div>
  539. {/block:Pagination}
  540.  
  541. <br><br><br><br>
  542.  
  543. {block:ContentSource}
  544. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  545. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  546. {/block:SourceLogo}
  547. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  548. {/block:ContentSource}
  549.  
  550.  
  551. </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!