Don't like ads? PRO users don't see any ads ;-)
Public Pastes
Guest

Untitled

By: a guest on Sep 18th, 2012  |  syntax: None  |  size: 11.82 KB  |  hits: 16  |  expires: Never
download  |  raw  |  embed  |  report abuse  |  print
Text below is selected. Please press Ctrl+C to copy to your clipboard. (⌘+C on Mac)
  1. <!--
  2. theme by gianna, edited by wizkalifah.
  3. please credit meeeeee c:
  4. -->
  5.  
  6. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  7. <html xmlns="http://www.w3.org/1999/xhtml">
  8. <head>
  9.  
  10. <script type="text/javascript"
  11. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  12.  
  13.  
  14. <!-- DEFAULT VARIABLES -->
  15. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  16. <meta name="color:background" content="#EFEFEF" />
  17. <meta name="color:text" content="#000" />
  18. <meta name="color:link" content="#999" />
  19. <meta name="color:hover" content="#999" />
  20. <meta name="color:selection" content="#999" />
  21. <meta name="image:sidebar" content="1"/>
  22. <meta name="image:background" content="" />
  23.  
  24. <style type="text/css">
  25.  
  26. body{ cursor:url(http://i56.tinypic.com/2589ppu.png), auto;} a, a:hover{cursor:url(http://i56.tinypic.com/2589ppu.png), auto;}
  27.  
  28.  
  29. iframe#tumblr_controls {top: 1px !important;margin: 0 0 0 0;right:4px !important;position:fixed !important; position:absolute;z-index:11;}
  30.  
  31. img {
  32. border: 0px;
  33. padding: 0px;
  34. margin: 0px;
  35. }
  36.  
  37.  
  38. @font-face { font-family: "ronda"; src: url('http://static.tumblr.com/rmj06l2/kcLlo1q2y/pf_ronda_seven.ttf'); }
  39. @font-face {font-family: "littlefont";src: url('http://static.tumblr.com/4yxykdm/NMJlre6xz/04b_03___1_.ttf');}
  40.  
  41. @font-face {font-family: "tinytots";src: url('http://static.tumblr.com/rmj06l2/Usellxb4i/tinytots.ttf');}
  42.  
  43. @font-face { font-family: "dixel"; src: url('http://static.tumblr.com/jdjsstr/8ovm78cbb/pf_arma_five_1_.ttf'); }
  44.  
  45. @font-face {font-family: "handy00";src: url('http://static.tumblr.com/8ls1oxv/AfJlyd5ev/handy00.ttf');}
  46.  
  47. body {
  48. margin:0px;
  49. background-color: {color:Background};
  50. background-image:url({image:Background});
  51. background-attachment: fixed;
  52. background-repeat: repeat;}
  53. body, div, p, textarea, submit, input{
  54. font-family: dixel;
  55. font-size: 8px;
  56. line-height: 9px;
  57. letter-spacing:0px;
  58. color:{color:Text};
  59. }
  60.  
  61. a:link, a:active, a:visited{
  62. color: {color:Link};
  63. text-decoration: none;
  64. -webkit-transition: color 0.8s ease-out;
  65. -moz-transition: color 0.8s ease-out;
  66. transition: color 0.8s ease-out;
  67. }
  68.  
  69.  
  70. a:hover {
  71. color:{color:Hover};
  72. -webkit-transition: color 0.8s ease-out;
  73. -moz-transition: color 0.8s ease-out;
  74. text-decoration: none;
  75. }
  76.  
  77.  
  78. ::-webkit-scrollbar {width: 4px; height: 4px; background: #FFFFFF; }
  79.  
  80. ::-webkit-scrollbar-thumb { background-color: #ddd; border: 1px solid #ddd;}
  81.  
  82. div#all{
  83. width:100%;
  84. height:100%;
  85. z-index:-100;
  86. }
  87.  
  88. div#center{
  89. margin: auto;
  90. width: 1000px;
  91. }
  92.  
  93. #sidebar {
  94. position:fixed !important;
  95. width: 150px;
  96. font-family: littlefont;
  97. background-color:white;
  98. margin-left: 30px;
  99. margin-top:160px;
  100. line-height:8px;
  101. text-transform: uppercase;
  102. padding:2px;
  103. padding-bottom: 3px;
  104. border: 1px solid #aaa;
  105. border-bottom-left-radius:0px;
  106. border-top-left-radius:0px;
  107. }
  108.  
  109. @font-face {font-family: "dawning";src: url('http://static.tumblr.com/viiafci/Hyzlxws2r/dawningofanewday.ttf');}
  110.  
  111. h3{font-family: stars;
  112. font-size: 30px; line-height: 12px;
  113. color: {color:blog title};font-weight: normal;line-height:15px;
  114. letter-spacing: 1px;font-style: normal;
  115. text-transform: lowercase;text-align: right;
  116. padding: 0px;}
  117.  
  118. div#content {
  119. width: 300px;
  120. margin-left:190px;
  121. margin-top:0px;
  122. float:left;
  123. }
  124.  
  125.  
  126. .entry {
  127. float:left;
  128. padding-left: 2px;
  129. padding-top: 2px;
  130. padding-right: 2px;
  131. padding-bottom:2px;
  132. border:1px solid #aaa;
  133. margin: 2px;
  134. {block:IndexPage}
  135. width: 150px;
  136. height: auto;
  137. {/block:IndexPage}
  138. {block:PermalinkPage}
  139. width:500px;
  140. {/block:PermalinkPage}
  141. background-color: white;
  142. }
  143.  
  144. @font-face{
  145. font-family: 'pixel';
  146. font-style: normal;
  147. font-weight: normal;
  148. src: local('04b24'), url('http://static.tumblr.com/zm7jcjw/dtClscghb/04b_24__.ttf') format('woff');}
  149.  
  150. #posts {
  151. float:left;
  152. width:300px;
  153.  
  154. margin-left: 150px;
  155. {block:PermalinkPage}
  156. margin-left: 150px;
  157. background-color: #fff;
  158. width:204px;
  159. {/block:PermalinkPage}
  160. }
  161. .permalink {
  162. display: block;
  163. padding: 0px;
  164. margin: 4px 8px 0px 8px;
  165. text-transform: uppercase;
  166. font-family: pixel;
  167. font-size: 8px;
  168. color: #313131;
  169. line-height: 18px;
  170. text-align: right;
  171. text-decoration: none;
  172. -webkit-transition: color 0.5s ease-out;
  173. -moz-transition: color 0.5s ease-out;
  174. border-top: 1px solid #dcdcdc;
  175. }
  176.  
  177. .entry .blanket{
  178. position:absolute;
  179. width:150px;
  180. height:0px;
  181. overflow:hidden;
  182. margin-top:-1px;
  183. opacity:0.0;
  184. background-color:#fff;
  185. -webkit-transition: all .3s linear;
  186. -moz-transition: all .3s linear;
  187. transition: all .3s linear;
  188. }
  189.  
  190. .entry:hover .blanket{
  191. height:12px;
  192. opacity: 0.9;
  193. -webkit-transition: all .3s linear;
  194. -moz-transition: all .3s linear;
  195. transition: all .3s linear;
  196. }
  197.  
  198. .entry .blanket .permalink2{
  199. text-transform:uppercase;
  200. width:150px;
  201. height:15px;
  202. font-family:pixel;
  203. font-size:8px;
  204. color:{color:link};
  205. font-decoration:none;
  206. text-align:center;
  207. margin-top:1px;
  208. opacity:0.0
  209. background-color:#000;
  210. -webkit-transition: all .3s linear;
  211. -moz-transition: all .3s linear;
  212. transition: all .3s linear;
  213. }
  214.  
  215. .entry:hover .blanket .permalink2{
  216. opacity:1;
  217. -webkit-transition: all .4s linear;
  218. -moz-transition: all .4s linear;
  219. transition: all .4s linear;
  220. }
  221.  
  222. .entry .blanket .permalink2 a{
  223. color:{color:link};
  224. -webkit-transition: all .3s linear;
  225. -moz-transition: all .3s linear;
  226. transition: all .3s linear;
  227. }
  228.  
  229. .entry:hover .blanket .permalink2 a:hover {
  230. color:#000;
  231. -webkit-transition: all .3s linear;
  232. -moz-transition: all .3s linear;
  233. transition: all .3s linear;
  234. }
  235.  
  236.  
  237. .title{
  238. font-family:pixel;
  239. font-size:8px;
  240. line-height:9px;
  241. color:#000;
  242. }
  243.  
  244. blockquote{
  245. padding:0px 0px 2px 5px;
  246. margin:0px 0px 2px 4px;
  247. border-left: 1px solid #aaa;
  248. }
  249.  
  250. {CustomCSS}
  251.  
  252. ::selection {
  253. background: {color:selection};
  254. color: #ffffff;
  255. }
  256.  
  257. ::-moz-selection {
  258. background: {color:selection};
  259. color: #ffffff;
  260. }
  261.  
  262. </style>
  263.  
  264. <title>{title}</title>
  265.  
  266. <link rel="shortcut icon" href="http://media.tumblr.com/tumblr_lkl6u2Pii71qfamg6.gif">
  267. <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" />
  268. <meta name="viewport" content="width=820" />
  269.  
  270. </head>
  271. <body>
  272.  
  273. <div id="all"></div>
  274.  
  275.  
  276. <div id="center">
  277.  
  278. <div id="sidebar">
  279. <img src="{image:sidebar}" width=150>
  280. <br><center>{Description}
  281. </div>
  282.  
  283.  
  284.  
  285. <div id="content">
  286. {block:Posts}
  287. <div class="entry">
  288.  
  289. {block:Answer}
  290. <div style="margin-top:2px; margin-bottom:0px; min-height:30px; padding: 3px; background-color:#eeeeee">
  291. <img src="{AskerPortraitURL-30}" width="30" align="left" style="margin-right:3px;"/>
  292. {Asker}: {Question}</div>
  293. <div style="margin-top:2px; margin-bottom:4px; background: transparent;">{Answer}</div>
  294. <div class="permalink"> <a href="{permalink}">posted {timeago} <img src="http://i42.tinypic.com/29uv9rp.jpg" border="0" alt="Image and video hosting by TinyPic"> {notecount} notes </a> </div>
  295. {/block:Answer}
  296.  
  297.  
  298.  
  299. {block:Text}
  300. <div class="textpost">
  301. {block:Title}{Title}{/block:Title}
  302. {Body}
  303. {block:IndexPage}
  304. <div class="permalink">
  305. <a href="{permalink}">posted {timeago} <img src="http://i42.tinypic.com/29uv9rp.jpg" border="0" alt="Image and video hosting by TinyPic"> {notecount} notes </a>
  306. </div>
  307. {/block:IndexPage}
  308. </div>
  309. {/block:Text}
  310.  
  311. {block:Link}
  312. <div class="textpost">
  313. <a href="{URL}" class="title">{Name}</a>
  314. {block:Description}{Description}{/block:Description}
  315. {block:IndexPage}
  316. <div class="permalink">
  317. <a href="{permalink}">posted {timeago} <img src="http://i42.tinypic.com/29uv9rp.jpg" border="0" alt="Image and video hosting by TinyPic"> {notecount} notes </a>
  318. </div>
  319. {/block:IndexPage}
  320. </div>
  321. {block:Link}
  322.  
  323.  
  324.  
  325.  
  326. {block:Photo}
  327. {block:IndexPage}
  328. <div class="blanket">
  329. <div class="permalink2">
  330. <a href="{permalink}"> {timeago} <img src="http://i42.tinypic.com/29uv9rp.jpg" border="0" alt="Image and video hosting by TinyPic"> {notecount} notes </a> </a> <img src="http://i42.tinypic.com/29uv9rp.jpg" border="0" alt="Image and video hosting by TinyPic"></a> <a href="{ReblogURL}" target="_blank">reblog</a> </a>   </a></span></center></div>
  331. </div>
  332. <img src="{PhotoURL-400}" alt="{PhotoAlt}" width="150px" height="98px"/>
  333. {/block:IndexPage}
  334.  
  335. {block:PermalinkPage}
  336. {LinkOpenTag}
  337. <img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="503"/>
  338. {LinkCloseTag}{/block:PermalinkPage}
  339. {/block:Photo}
  340.  
  341. {block:Photoset}
  342. {block:IndexPage}
  343. <div class="blanket">
  344. <div class="permalink2">
  345. <a href="{permalink}">{timeago} + {NoteCountWithLabel} + <a href="{ReblogURL}" target="_blank">reblog</a></a></span></div>
  346. </div>
  347. <center>{Photoset-250}</center>
  348. {/block:IndexPage}
  349.  
  350. {block:PermalinkPage}
  351. {Photoset-500}
  352. {/block:PermalinkPage}
  353. {/block:Photoset}
  354.  
  355. {block:Quote}
  356. <div class="textpost">
  357. {Quote}</span>
  358. {block:Source}{Source}{/block:Source}
  359. {block:IndexPage}
  360. <div class="permalink">
  361. <a href="{permalink}">posted {timeago} <img src="http://i42.tinypic.com/29uv9rp.jpg" border="0" alt="Image and video hosting by TinyPic"> {notecount} notes </a>
  362. </div>
  363. {/block:IndexPage}
  364. </div>
  365. {/block:Quote}
  366.  
  367. {block:Chat}
  368. <div class="textpost">
  369. {block:Title}<span class="title">{Title}</span>{/block:Title}
  370. <ul class="chat">
  371. {block:Lines}
  372. <li class="user_{UserNumber}">
  373. {block:Label}
  374. <span class="label">{Label}</span>
  375.  
  376. {/block:Label}
  377.  
  378. {Line}
  379. </li>
  380. {/block:Lines}
  381. </ul>
  382. {block:IndexPage}
  383. <div class="permalink">
  384. <a href="{permalink}">posted {timeago} <img src="http://i42.tinypic.com/29uv9rp.jpg" border="0" alt="Image and video hosting by TinyPic"> {notecount} notes </a>
  385. </div>
  386. {/block:IndexPage}
  387. </div>
  388. {/block:Chat}
  389.  
  390. {block:Audio}
  391. <div class="textpost">
  392. {AudioPlayerBlack}
  393. {block:ifshowaudiocaptions}{block:Caption}{Caption}{/block:Caption}{/block:ifshowaudiocaptions}
  394. {block:IndexPage}
  395. <div class="permalink">
  396. <a href="{permalink}">posted {timeago} <img src="http://i42.tinypic.com/29uv9rp.jpg" border="0" alt="Image and video hosting by TinyPic"> {notecount} notes </a>
  397. </div>
  398. {/block:IndexPage}
  399. </div>
  400. {/block:Audio}
  401. {block:Video}
  402. {block:IndexPage}
  403. <div class="blanket">
  404. <div class="permalink2">
  405. <a href="{permalink}">{timeago} + {NoteCountWithLabel} + <a href="{ReblogURL}" target="_blank">reblog</a></a></span></div>
  406. </div>
  407. {/block:IndexPage}
  408. <center>{Video-250}</center>
  409. {block:Video}
  410.  
  411. {block:PermalinkPage}
  412. <center>{block:Caption}{Caption}<div style="height:1px;background-color:black;opacity:0.1;width:100%;margin-top:5px;margin-bottom:5px;"></div>{/block:Caption}
  413. {block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}{block:HasTags} &middot; {block:Tags}<a href="TagURL"> #{Tag}</a> {/block:Tags}{/block:hasTags}</center>
  414. {/block:PermalinkPage}
  415.  
  416.  
  417. {block:PostNotes}
  418. </center></center>
  419. <div align="left">{PostNotes}</div>
  420. {/block:PostNotes}
  421. </div>
  422.  
  423. {/block:Posts}
  424.  
  425.  
  426. {block:IndexPage}
  427. {block:Pagination}
  428. <div id="pagination">
  429. {block:NextPage}
  430. <a id="nextPage" href="{NextPage}"></a>
  431. {/block:NextPage}
  432. {block:PreviousPage}
  433. <a href="{PreviousPage}"></a>
  434. {/block:PreviousPage}
  435. </div>
  436. {/block:Pagination}
  437. {/block:IndexPage}
  438.  
  439.  
  440. {block:IndexPage}
  441. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/iBElrgjim/jquerymasonry.js"></script>
  442. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/Qyblrgjfn/jqueryinfintescroll.js"></script>
  443. <script type="text/javascript">
  444. $(window).load(function () {
  445. var $content = $('#content');
  446. $content.masonry({itemSelector: '.entry'}),
  447. $content.infinitescroll({
  448. navSelector : 'div#pagination',
  449. nextSelector : 'div#pagination a#nextPage',
  450. itemSelector : '.entry',
  451. loading: {
  452. finishedMsg: '',
  453. img: 'http://static.tumblr.com/dbek3sy/pX1lrx8xv/ajax-loader.gif'
  454. },
  455. bufferPx : 600,
  456. debug : false,
  457. },
  458. // call masonry as a callback.
  459. function( newElements ) {
  460. var $newElems = $( newElements );
  461. $newElems.hide();
  462. // ensure that images load before adding to masonry layout
  463. $newElems.imagesLoaded(function(){
  464. $content.masonry( 'appended', $newElems, true, function(){$newElems.fadeIn(300);} );});});});</script>
  465. {/block:IndexPage}
  466.  
  467.  
  468. </div>
  469.  
  470. </html>
create a new version of this paste RAW Paste Data