API tools faq
paste
Advertisement
vrisky

twin

vrisky
Jul 24th, 2012
42,768
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 15.36 KB | None | 0 0
raw download clone embed print report
  1. <!-- Twin Theme by Modernise (modernise.tumblr.com), please leave at least ONE credit link <3! -->
  2.  
  3. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  4. <html xmlns="http://www.w3.org/1999/xhtml">
  5. <head>
  6. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  7.  
  8. <meta name="font:Text" content="cambria"/>
  9. <meta name="text:Font Size" content="10px"/>
  10. <meta name="color:Text" content="#888"/>
  11. <meta name="color:Background" content="#fff"/>
  12. <meta name="color:Post" content="#fff"/>
  13. <meta name="color:Blockquote" content="#f5f5f5"/>
  14. <meta name="color:Links" content="#cfb286"/>
  15. <meta name="color:Hover" content="#b8aea4"/>
  16. <meta name="color:Permalink" content="#000"/>
  17. <meta name="color:Permalink Background" content="#fff"/>
  18. <meta name="image:Background" content=""/>
  19. <meta name="if:Title Font" content="1"/>
  20. <meta name="if:Header Image" content="0"/>
  21. <meta name="if:Image Shadow" content="1"/>
  22. <meta name="image:Header" content="0"/>
  23.  
  24. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
  25.  
  26.  
  27.  
  28. <script type="text/javascript">
  29. $(window).load(function(){
  30. $("p").remove(":contains('Source:')");
  31. $("p").remove(":contains('(via')");
  32. });
  33. </script>
  34.  
  35.  
  36.  
  37. <link rel="shortcut icon" href="{Favicon}">
  38. {block:Description}
  39.  
  40. <meta name="description" content="{MetaDescription}" />
  41. {/block:Description}
  42.  
  43. <title>{Title}</title>
  44.  
  45.  
  46.  
  47. </head>
  48.  
  49.  
  50. <style type="text/css">
  51.  
  52. @font-face {
  53.  
  54. font-family:basket;
  55. src: url('http://static.tumblr.com/ejm8w78/044lviap1/otama-ep.otf');
  56. }
  57.  
  58. iframe#tumblr_controls {right:3px !important; position: fixed !important;-webkit-transition: opacity 0.7s linear;opacity: 0.5;-webkit-transition: all 0.8s ease-out;-moz-transition: all 0.8s ease-out;transition: all 0.8s ease-out;}
  59.  
  60. iframe#tumblr_controls:hover{-webkit-transition: opacity 0.7s linear;opacity: 1;-webkit-transition: all 0.4s ease-out;-moz-transition: all 0.4s ease-out;transition: all 0.4s ease-out;}
  61.  
  62.  
  63. body, a:hover {cursor: url(http://cur.cursors-4u.net/others/oth-6/oth589.cur), progress !important;} a:hover {cursor: url(http://cur.cursors-4u.net/others/oth-6/oth589.cur), progress !important;}
  64.  
  65.  
  66. body {
  67. font-family:{font:Text};
  68. background-color:{color:background};
  69. background-image:url({image:Background});
  70. background-repeat: no-repeat;
  71. background-position: bottom left;
  72. background-attachment: fixed;
  73. text-align:justify;
  74. color:{color:Text};
  75. {block:PermalinkPage}line-height:10px;font-size:10px;
  76. color:{color:Text};
  77. letter-spacing:0px;{/block:PermalinkPage}
  78.  
  79. }
  80.  
  81. .token {
  82. {block:IndexPage}line-height:10px;
  83. font-size:10px;
  84. color:{color:Text};
  85. letter-spacing:0px;{/block:IndexPage}
  86. }
  87.  
  88. .ass {
  89. padding:1px;
  90. }
  91.  
  92.  
  93. .sidebar {
  94. height:auto;
  95. background-color:{color:background};
  96. z-index:13333333333;width:100%;
  97. margin-right:auto;padding-top:3px; margin-left:auto;bottom:0px;position:fixed;opacity:0.85;display:block;-webkit-transition-duration:1s;padding-bottom:3px;
  98. }
  99.  
  100. #content {
  101. width:100%; margin-left:auto; margin-right:auto;
  102. position: relative;
  103. }
  104.  
  105.  
  106. #content .posts {
  107. width:1040px; {block:PermalinkPage}width:500px;{/block:PermalinkPage}
  108. margin-right:auto; margin-left:auto;margin-top:10px;
  109. position:relative;
  110. }
  111.  
  112. #content .posts img {
  113. {block:IndexPage}max-width: 500px;{/block:IndexPage}
  114. {block:PermalinkPage}max-width: 500px; {/block:PermalinkPage}
  115. }
  116.  
  117.  
  118. #content .entry {
  119. {block:IndexPage}width: 500px;
  120. margin-right:20px;
  121. margin-bottom:20px;
  122. padding:0px;
  123. float:left;
  124. position: relative;
  125. {/block:IndexPage}
  126.  
  127. {block:PermalinkPage}width:500px; margin:auto; {/block:PermalinkPage}
  128. background-color:{color:post background};
  129. }
  130.  
  131. #navigation {
  132. width:0px;
  133. margin:auto;
  134. position:absolute;
  135. }
  136.  
  137.  
  138. a {
  139. color:{color:Links};
  140. text-decoration: none;
  141. }
  142.  
  143. a:hover {
  144. color:{color:Hover};
  145. -webkit-transition-duration: 1s;
  146. text-decoration: none;
  147.  
  148. }
  149.  
  150. .heading {
  151. font-family:{font:Text};
  152. font-size:15px;
  153. text-decoration: none;
  154. letter-spacing:0px;
  155. font-weight:none;line-height:100%;
  156. margin-bottom:0px;text-align:left;
  157. }
  158.  
  159.  
  160.  
  161. ::-webkit-scrollbar-thumb:vertical {
  162. background-color:{color:Links};
  163. height:auto;-webkit-border-radius:20px;
  164. }
  165.  
  166. ::-webkit-scrollbar-thumb:horizontal {
  167. background-color:{color:Links};
  168. height:10px !important;-webkit-border-radius:20px;
  169. }
  170.  
  171. ::-webkit-scrollbar {
  172. height:10px;
  173. width:10px;
  174. background-color:{color:Background};
  175. -webkit-border-radius:20px;
  176. }
  177.  
  178.  
  179.  
  180. .chat ul {
  181. padding:0px 0px 2px 2px;
  182. margin:0px 0px 2px 1px;
  183. }
  184.  
  185.  
  186. .chat li {
  187. list-style-type: none;
  188. padding-left:0px;
  189. margin-right:40px;
  190. }
  191.  
  192. .chat li.odd {
  193. color: {color:Text};
  194. }
  195.  
  196. .chat li.even {
  197. color: {color:Links};
  198. }
  199.  
  200. .label {
  201. font-weight: bold;
  202. font-size:10px;
  203. }
  204.  
  205.  
  206. blockquote {
  207. padding-left:5px;padding-right:5px;
  208. padding-top:5px;padding-bottom:5px;
  209. margin-left:5px; margin-right:5px;
  210. border-left: 2px solid {color:Links};
  211. border-right: 2px solid {color:Links};
  212. background-color:{color:blockquote};font-style:italic;
  213. }
  214.  
  215.  
  216. .stan {
  217. background-color:{color:Blockquote};
  218. }
  219.  
  220. .kyle {
  221. margin-bottom:0px;
  222. }
  223.  
  224.  
  225. .img {
  226. opacity:1;
  227. filter:alpha(opacity=100);
  228. {block:IfImageShadow}-webkit-transition-duration:1s;
  229. -webkit-box-shadow:1px 1px 2px 2px #ccc;
  230. -moz-box-shadow:1px 1px 2px 2px #ccc;
  231. box-shadow:1px 1px 2px 2px #ccc;{/block:IfImageShadow}
  232. }
  233.  
  234. .img:hover {
  235. opacity:0.8;
  236. filter:alpha(opacity=80);
  237. }
  238.  
  239.  
  240. .audioplayer {
  241. background-color: #fff;
  242.  
  243. -moz-box-shadow: 3px 3px 4px #ccc;
  244. -webkit-box-shadow: 3px 3px 4px #ccc;
  245. box-shadow: 3px 3px 4px #ccc;
  246. }
  247.  
  248. .entry .permalink {
  249. padding-right:0px;
  250. }
  251.  
  252.  
  253. .karkat {
  254. color:black;
  255. font-size:12px;
  256. opacity: 0;
  257. -webkit-transition-duration: 1s;bottom:0px;
  258. width:500px;
  259. height:20px;padding-top:7px;
  260. background-color: #fff;
  261. position: absolute; text-align:center;text-transform:Uppercase;font-family:basket;letter-spacing:1px;padding-bottom:-7px;
  262. display:block;}
  263.  
  264.  
  265. .entry:hover .karkat {
  266. {block:indexpage}opacity:0.75;
  267. {/block:indexpage}z-index:999999;padding-bottom:0px;}
  268.  
  269.  
  270. .permalink {
  271. {block:IndexPage}
  272. float:right;
  273. position: absolute;
  274. margin-left:0px;
  275. margin-bottom:0px;
  276. line-height:30px;
  277. opacity: 0;
  278. z-index: 1000;
  279. background-color:{color:Permalink Background};
  280. text-align:right;
  281. {/block:IndexPage}
  282. }
  283.  
  284.  
  285. .permalink a {
  286. color:{color:Permalink};
  287. }
  288.  
  289. .stoley {
  290. max-width:500px;overflow-y:auto;
  291. }
  292.  
  293. .stoley img {
  294. max-width:500px;overflow-y:auto;
  295. }
  296.  
  297.  
  298. .butters a {
  299. font-size:55px;font-color:{color:Links};-webkit-transition-duration:1s;font-family:{block:IfTitleFont}basket{/block:IfTitleFont}{block:IfNotTitleFont}helvetica{/block:IfNotTitleFont};line-height:90%;text-align:center;letter-spacing:-5px;
  300. }
  301.  
  302. .butters a:hover {
  303. font-color:{color:Hover};
  304. }
  305.  
  306. .kenny {
  307. width:500px;
  308. opacity: 1;
  309. z-index: 10000;
  310. margin-top:0px;
  311. margin-left:0px;
  312. margin-right:auto;
  313. text-align:right;
  314. }
  315.  
  316. u {
  317. color: #8DBA5C;
  318. border-bottom: 1px dashed #888;
  319. }
  320.  
  321. b.STRONG {
  322. font-size:10px;
  323. font-weight:bold;
  324. }
  325.  
  326. .tweek a {
  327. font-size:15px;
  328. line-height:100%;
  329. padding:2px;
  330. color:{color:Hover};
  331. -webkit-transition-duration:1s;
  332. }
  333.  
  334. .tweek a: hover {
  335. color:{color:Link};
  336.  
  337. .cartman {
  338. margin-top:0;
  339. margin-left:20px;
  340. margin-right:auto;
  341. margin-bottom:0px;
  342. width:500px;
  343. text-align:left
  344. max-height:250px;
  345. overflow-x:scroll;
  346. }
  347.  
  348. .wendy {
  349. font-size:9px;
  350. line-height:9px;
  351. letter-spacing:1px;
  352. text-align:center;
  353. }
  354.  
  355.  
  356. .video embed, .video object, .video iframe{
  357. {block:IndexPage}
  358. width:500px /**/ !important;{/block:IndexPage}
  359. {block:PermalinkPage}width:500px !important;
  360. {/block:PermalinkPage}
  361. height:auto !important;
  362. }
  363.  
  364.  
  365. .album-art {
  366. float: left;
  367. width: 200px;
  368. height: 200px;
  369. overflow: hidden;
  370. }
  371.  
  372. </style>
  373.  
  374. <script type="text/javascript" src="http://static.tumblr.com/imovwvl/dJWl20ley/jqueryformasonry.js"></script>
  375. <script type="text/javascript" src="http://static.tumblr.com/imovwvl/rSGl20lfv/masonry.js">
  376. </script>
  377.  
  378. <script src="http://static.tumblr.com/df28qmy/SHUlh3i7s/jquery.infinitescroll.js"></script>
  379.  
  380. <script src="http://static.tumblr.com/thpaaos/lLwkowcqm/jquery.masonry.js"></script>
  381.  
  382. <script type="text/javascript">
  383.  
  384. $(window).load(function () {
  385. $('.posts').masonry(),
  386. $('.masonryWrap').infinitescroll({
  387. navSelector : "div#navigation",
  388. // selector for the paged navigation (it will be hidden)
  389. nextSelector : "div#navigation a#nextPage",
  390. // selector for the NEXT link (to page 2)
  391. itemSelector : ".entry",
  392. // selector for all items you'll retrieve
  393. bufferPx : 10000,
  394. extraScrollPx: 11000,
  395. loadingImg : "http://b.imagehost.org/0548/Untitled-2.png",
  396. loadingText : "<em></em>",
  397. },
  398. // call masonry as a callback.
  399. function() { $('.posts').masonry({ appendedContent: $(this) }); }
  400. );
  401. });
  402. </script>
  403.  
  404.  
  405.  
  406. </head>
  407.  
  408. <body>
  409.  
  410. <div class="token">
  411. <div id="content">
  412.  
  413. <div class="sidebar">
  414. <div class="butters"><center><a href="/">{block:IfNotHeaderImage}{Title}{/block:IfNotHeaderImage}{block:IfHeaderImage}<img src="{image:Header}" width="500">{/block:IfHeaderImage}</a></div></center>
  415. <div class="wendy"><div align="center" style="font-family:cambria;font-size:10px;"><i>
  416. <a href="/ask"><span>message</span></a>&nbsp;&nbsp;·&nbsp;&nbsp;
  417. <a href="/archive"><span>history</span></a>&nbsp;&nbsp;·&nbsp;&nbsp;
  418. {block:Pages}{block:HasPages}<a href="{URL}"><span>{Label}</span></a>&nbsp;&nbsp;·&nbsp;&nbsp;
  419. {/block:HasPages}{block:Pages}
  420. <a href="http://modernise.tumblr.com"><span>theme</span></a></i><br><Br><div style="max-width:800px;">{Description}</div>
  421. </div>
  422. </div>
  423. {block:IndexPage}
  424. <div class="column navigation" id="navigation">
  425. {block:Pagination}
  426. {block:PreviousPage}<a href="{PreviousPage}" class="navigate">{/block:PreviousPage}{block:PreviousPage}</a>{/block:PreviousPage}
  427. {block:NextPage}<a href="{NextPage}" class="navigate" id="nextPage">{/block:NextPage}{block:NextPage}</a>{/block:NextPage}{/block:Pagination}
  428. </div>
  429. {/block:IndexPage}
  430.  
  431.  
  432.  
  433. </div>
  434. <div class="posts">
  435. {block:Posts}
  436. <div class="entry">
  437.  
  438.  
  439. {block:Text}
  440. {block:Title} <a href="{permalink}"><div class="heading">{title}</div></a> {/block:Title}
  441. <div class="stoley">{Body}</div>
  442.  
  443.  
  444. {block:IndexPage}<div class="tweek"><a href="{Permalink}"><div class="karkat">{block:Date}{Month} {DayOfMonth}{DayOfMonthSuffix} {Year} at {12HourWithZero}:{Minutes}{CapitalAmPm}{/block:Date} {block:NoteCount}| {NoteCountWithLabel}{/block:NoteCount}</div></a></div>{/block:IndexPage}
  445.  
  446.  
  447. {/block:Text}
  448.  
  449. {block:Photo}
  450.  
  451. <div class="img">
  452. {block:IndexPage}<a href="{ReblogURL}">{/block:IndexPage}
  453. {block:PermalinkPage}<a href="{PhotoURL-HighRes}">{/block:PermalinkPage}
  454. <img src="{PhotoURL-500}" alt="{PhotoAlt}" {block:IndexPage}width="500"{/block:IndexPage}{block:PermalinkPage}width="500"{/block:PermalinkPage}/>
  455. </a>
  456. </div>
  457.  
  458.  
  459. {block:IndexPage}<div class="tweek"><a href="{Permalink}"><div class="karkat">{block:Date}{Month} {DayOfMonth}{DayOfMonthSuffix} {Year} at {12HourWithZero}:{Minutes}{CapitalAmPm}{/block:Date} {block:NoteCount}| {NoteCountWithLabel}{/block:NoteCount}</div></a></div>{/block:IndexPage}
  460.  
  461.  
  462.  
  463. {block:PermalinkPage}
  464. {block:Caption}<br>{Caption}{/block:Caption}<br>
  465. {/block:PermalinkPage}
  466. {/block:Photo}
  467.  
  468.  
  469. {block:Photoset}
  470.  
  471.  
  472.  
  473. {block:IndexPage}{Photoset-500}<div class="tweek"><a href="{Permalink}"><div class="karkat">{block:Date}{Month} {DayOfMonth}{DayOfMonthSuffix} {Year} at {12HourWithZero}:{Minutes}{CapitalAmPm}{/block:Date} {block:NoteCount}| {NoteCountWithLabel}{/block:NoteCount}</div></a></div>{/block:IndexPage}
  474.  
  475.  
  476. {block:PermalinkPage}
  477. {Photoset-500}<br>{block:Caption}{Caption}<br><br>{/block:Caption}
  478. {/block:PermalinkPage}
  479. {/block:Photoset}
  480.  
  481.  
  482. {block:Quote}
  483. <a href="{permalink}"><div class="heading"><i>{Quote}</i></div></a>
  484. {block:Source} <div align="right">― {Source}</div>{/block:Source}
  485.  
  486.  
  487. {block:IndexPage}<div class="tweek"><a href="{Permalink}"><div class="karkat">{block:Date}{Month} {DayOfMonth}{DayOfMonthSuffix} {Year} at {12HourWithZero}:{Minutes}{CapitalAmPm}{/block:Date} {block:NoteCount}| {NoteCountWithLabel}{/block:NoteCount}</div></a></div>{/block:IndexPage}
  488.  
  489.  
  490.  
  491. {/block:Quote}
  492.  
  493.  
  494. {block:Link}
  495. <div class="heading"><a href="{URL}"{Target}>&rarr; {Name}</a></div>
  496. {block:Description} {Description}{/block:Description}
  497.  
  498.  
  499.  
  500. {block:IndexPage}<div class="tweek"><a href="{Permalink}"><div class="karkat">{block:Date}{Month} {DayOfMonth}{DayOfMonthSuffix} {Year} at {12HourWithZero}:{Minutes}{CapitalAmPm}{/block:Date} {block:NoteCount}| {NoteCountWithLabel}{/block:NoteCount}</div></a></div>{/block:IndexPage}
  501.  
  502.  
  503. {/block:Link}
  504.  
  505. {block:Video}
  506. <div class="video">{Video-500}
  507. </div>
  508.  
  509.  
  510. {block:IndexPage}<div class="tweek"><a href="{Permalink}"><div class="karkat">{block:Date}{Month} {DayOfMonth}{DayOfMonthSuffix} {Year} at {12HourWithZero}:{Minutes}{CapitalAmPm}{/block:Date} {block:NoteCount}| {NoteCountWithLabel}{/block:NoteCount}</div></a></div>{/block:IndexPage}
  511.  
  512.  
  513.  
  514. {/block:Video}
  515.  
  516.  
  517. {block:Chat}
  518. {block:Title}
  519. <div class="heading"><a href="{Permalink}">{Title}</a></div>
  520. {/block:Title}
  521. <div class="chat ul">
  522. {block:Lines}
  523. <li class="{Alt} user_{UserNumber}">
  524. {block:Label}<span class="label">{Label}</span>{/block:Label} {Line}</li>
  525. {/block:Lines}</div></li>
  526.  
  527.  
  528. {block:IndexPage}<div class="tweek"><a href="{Permalink}"><div class="karkat">{block:Date}{Month} {DayOfMonth}{DayOfMonthSuffix} {Year} at {12HourWithZero}:{Minutes}{CapitalAmPm}{/block:Date} {block:NoteCount}| {NoteCountWithLabel}{/block:NoteCount}</div></a></div>{/block:IndexPage}
  529.  
  530.  
  531. {/block:Chat}
  532.  
  533.  
  534.  
  535. {block:Audio}{block:PermalinkPage}
  536. {block:AlbumArt}<div class="album-art"><img src="{AlbumArtURL}" height="196px"></div>{/block:AlbumArt}{/block:PermalinkPage}
  537. <div class="audioplayer">{AudioPlayerWhite}</div>{block:Caption}{Caption}{/block:Caption}
  538. {block:PermalinkPage}
  539. {block:TrackName}<br><br>
  540. <b>{TrackName}</b>
  541. {/block:TrackName} by {block:Artist}
  542. {Artist}
  543. {/block:Artist}<br>{PlayCountWithLabel}{/block:PermalinkPage}
  544.  
  545. {block:IndexPage}<div class="tweek"><a href="{Permalink}"><div class="karkat">{block:Date}{Month} {DayOfMonth}{DayOfMonthSuffix} {Year} at {12HourWithZero}:{Minutes}{CapitalAmPm}{/block:Date} {block:NoteCount}| {NoteCountWithLabel}{/block:NoteCount}</div></a></div>{/block:IndexPage}
  546.  
  547.  
  548. {/block:Audio}
  549.  
  550.  
  551. {block:Answer}
  552. <div style="text-align:left;padding-left:5px;padding-right:5px;
  553. padding-bottom:5px;padding-top:5px;border-left: 2px solid {color:Links};border-right: 2px solid {color:Links};background-color:{color:blockquote};font-style:italic;"><div class="stan">{Asker}: {Question}</div></div><div style="text-align:left;"><div class="kyle">{Answer}</div></div>
  554.  
  555.  
  556. {block:IndexPage}<div class="tweek"><a href="{Permalink}"><div class="karkat">{block:Date}{Month} {DayOfMonth}{DayOfMonthSuffix} {Year} at {12HourWithZero}:{Minutes}{CapitalAmPm}{/block:Date} {block:NoteCount}| {NoteCountWithLabel}{/block:NoteCount}</div></a></div>{/block:IndexPage}
  557.  
  558. {/block:Answer}
  559.  
  560.  
  561. </div>
  562. {block:PermalinkPage}
  563. <div class="kenny">
  564.  
  565. {block:NoteCount}{NoteCountWithLabel} / {/block:NoteCount}
  566. {block:Date}{TimeAgo}{/block:Date}
  567. {block:RebloggedFrom}<br>via: <a href="{ReblogParentURL}">{ReblogParentName}</a> , {/block:RebloggedFrom}
  568. {block:RebloggedFrom}source: <a href="{ReblogRootURL}">{ReblogRootName}</a>{/block:RebloggedFrom}
  569. {block:HasTags}<br><Br> tagged as: {block:Tags}<a href="{TagURL}">{Tag}</a>, {/block:Tags}{/block:HasTags}</div>
  570. <div class="cartman">{block:PostNotes}{PostNotes}{/block:PostNotes}</div>
  571. {/block:PermalinkPage}
  572.  
  573. {/block:Posts}
  574. </div>
  575. </div>
  576.  
  577.  
  578.  
  579. </div>
  580.  
  581. </div>
  582. </body>
  583.  
  584.  
  585.  
  586. </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!