Facebook
From Social Gibbon, 5 Years ago, written in Plain Text.
Embed
Download Paste or View Raw
Hits: 252
  1.  
  2. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  3. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  4.  
  5. <head><title>{Title}</title>
  6. <link rel="shortcut icon" href="{Favicon}">
  7. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  8. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  9.  
  10.  
  11. <!--
  12.  
  13. Theme by re4lfriends! don't remove the credit/use as a base code/ or redistribute :)))
  14.  
  15. -->
  16.  
  17.  
  18.  
  19.  
  20.  
  21. <meta name="color:Background" content="#fff"/>
  22.  
  23. <meta name="color:Scrollbar" content="#0000"/>
  24.  
  25. <meta name="color:Text" content="#9C9C9C"/>
  26.  
  27. <meta name="color:Links" content="#B3B3B3"/>
  28.  
  29. <meta name="color:Hover" content="#f3f3f3"/>
  30.  
  31. <meta name="text:Link 1" content="/"/>
  32.  
  33. <meta name="text:Link 1 Title" content="ask"/>
  34.  
  35. <meta name="text:Link 2" content="/"/>
  36.  
  37. <meta name="text:Link 2 Title" content="color"/>
  38.  
  39. <meta name="text:Link 3" content="/"/>
  40.  
  41. <meta name="text:Link 3 Title" content="Link"/>
  42.  
  43. <meta name="text:Link 4" content="/"/>
  44.  
  45. <meta name="text:Link 4 Title" content="Link"/>
  46.  
  47. <meta name="color:background" content="#ffffff" />
  48. <meta name="color:text" content="#000000" />
  49. <meta name="color:title" content="#000000" />
  50. <meta name="color:title hover" content="#000000" />
  51. <meta name="color:link" content="#000000" />
  52. <meta name="color:link hover" content="#000000" />
  53. <meta name="color:scrollbar" content="#000000" />
  54. <meta name="color:highlight text" content="#ffffff" />
  55. <meta name="color:highlight background" content="#cccccc" />
  56.  
  57. <meta name="image:Left Background" content""/>
  58. <meta name="image:Right Background" content""/>
  59. <meta name="image:Cover Background" content""/>
  60. <meta name="image:Sidebar Background" content""/>
  61. <meta name="image:Sidebar" content""/>
  62.  
  63.  
  64.  
  65.  
  66. <script src=”http://static.tumblr.com/ko3o6ju/QzNls3n3y/smoothscroll.js” type=”text/javascript”></script>
  67. <script type="text/javascript" src="http://codysherman.tumblr.com/tools/infinite-scrolling/code"></script>
  68.  
  69. <script type="text/javascript">
  70. $(window).load(function(){
  71. var $wall = $('#entries');
  72. $wall.imagesLoaded(function(){
  73. $wall.masonry({
  74. itemSelector: '#post, #post_photo',
  75. isAnimated : true
  76. });
  77. });
  78.  
  79. $wall.infinitescroll({
  80. navSelector : '#pagination',
  81. nextSelector : '#pagination a',
  82. itemSelector : '#post, #post_photo',
  83. bufferPx : 2000,
  84. debug : true,
  85. errorCallback: function() {
  86. $('#scroll').fadeOut('normal');
  87. }},
  88. function( newElements ) {
  89. var $newElems = $( newElements );
  90. $newElems.hide();
  91. $newElems.imagesLoaded(function(){
  92. $wall.masonry( 'appended', $newElems,{isAnimated: true}, function(){$newElems.fadeIn('slow');} );
  93. });
  94. }); $('#entries').show(500);
  95. });
  96. </script>
  97. {/block:IndexPage}
  98. <style type="text/css">
  99.  
  100. iframe#tumblr_controls {right:2px !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;}
  101.  
  102. iframe#tumblr_controls:hover{-webkit-transition: opacity 0.7s linear;opacity: 0.8;-webkit-transition: all 0.8s ease-out;-moz-transition: all 0.8s ease-out;transition: all 0.8s ease-out;}
  103.  
  104. #tumblr_controls{
  105. position:fixed !important;
  106. -webkit-filter: invert(100%)
  107. }
  108.  
  109.  
  110.  
  111. body {
  112. background:{COLOR:Background};
  113. background-image: url({image:Left Background}), url({image:Right Background}), url({image:Cover Background});
  114. background-attachment: fixed;
  115. background-position: bottom 0px left 0px, bottom 0px right 0px;
  116. background-repeat: no-repeat, no-repeat, no-repeat;
  117. -webkit-background-size: auto, auto, auto;
  118. -moz-background-size: auto, auto, auto;
  119. -o-background-size: auto, auto, auto;
  120. background-size: auto, auto, cover;
  121. color:{color:text};
  122. font-family:'Corbel', sans-serif;
  123. font-size:11px;
  124. }
  125.  
  126. a {
  127. color:{color:Links};
  128. text-decoration:none;
  129. -webkit-transition: all 0.4s ease-in-out;
  130. -moz-transition: all 0.4s ease-in-out;
  131. -o-transition: all 0.4s ease-in-out;
  132. transition: all 0.4s ease-in-out;
  133. }
  134.  
  135. a:hover {
  136. text-decoration:none;
  137. color:{color:Hover};
  138. -webkit-transition: all 0.4s ease-in-out;
  139. -moz-transition: all 0.4s ease-in-out;
  140. -o-transition: all 0.4s ease-in-out;
  141. transition: all 0.4s ease-in-out;
  142. }
  143.  
  144. ::-webkit-scrollbar{
  145. width:0px;
  146. height:4px;
  147. background:{color:background};}
  148.    
  149. ::-webkit-scrollbar-thumb{
  150. background:{color:scrollbar};
  151. height:5px;
  152. }
  153.  $wall.infinitescroll({
  154. navSelector : '#pagination',
  155. nextSelector : '#pagination a',
  156. itemSelector : '#post, #post_photo',
  157. bufferPx : 2000,
  158. debug : false,
  159. errorCallback: function() {
  160. $('#scroll').fadeOut('normal');
  161. }},
  162. function( newElements ) {
  163. var $newElems = $( newElements );
  164. $newElems.hide();
  165. $newElems.imagesLoaded(function(){
  166. $wall.masonry( 'appended', $newElems,{isAnimated: false}, function(){$newElems.fadeIn('slow');} );
  167. });
  168. }); $('#entries').show(500);
  169. });
  170. </script>
  171. {/block:IndexPage}
  172. <style type="text/css">
  173.  
  174. blockquote {
  175.  
  176. padding-left:10px;
  177. margin-left:6px;
  178. }
  179.  
  180. h1 {
  181. font-family:sans-serif;
  182. font-weight:lighter;
  183. font-family:sans-serif;
  184. font-weight:lighter;
  185. font-size:17px;
  186. letter-spacing:1px;
  187. text-transform:uppercase;
  188. text-align:center;
  189. }
  190.  
  191.  
  192. #yuck{
  193. width:auto;
  194. position:fixed;
  195. bottom:65px;
  196. left:0px;
  197. -webkit-transition: all .7s ease;
  198. -moz-transition: all .7s ease;
  199. -o-transition: all .7s ease;
  200. transition: all .7s ease;
  201. z-index: 99999999;
  202. }
  203.  
  204.  
  205.  
  206. #ew{
  207. font-size:12px;
  208. font-family:arial;
  209. line-height:16px;
  210. text-align:center;
  211. height:15px;
  212. margin-top:33px;
  213. width:5px;
  214. padding:5px;
  215. padding-right:10px;
  216. background:#FFF;
  217. margin-left:0px;
  218. position:fixed;
  219. -webkit-transition: all .7s ease;
  220. -moz-transition: all .7s ease;
  221. -o-transition: all .7s ease;
  222. transition: all .7s ease;
  223.  
  224. }
  225.  
  226. #uh{
  227. text-align:center;
  228. width:130px;
  229. font-size:7px;
  230. background:#fff;
  231. height:5px;
  232. padding-top:10px;
  233. padding-bottom:10px;
  234. font-family:arial;
  235. text-transform:uppercase;
  236. margin-left:-130px;
  237. margin-top:33px;
  238. position:fixed;
  239. -webkit-transition: all .7s ease;
  240. -moz-transition: all .7s ease;
  241. -o-transition: all .7s ease;
  242. transition: all .7s ease;;
  243. line-height:5px;
  244. }
  245.  
  246. #uh a{
  247.     color:#000;
  248. }
  249.  
  250. #yuck:hover #ew{
  251. margin-left:100px;
  252. }
  253. #yuck:hover #uh{
  254. margin-left:0px;
  255.  
  256. }
  257.  
  258. #entries {
  259. width:250px;
  260. margin-left:475px;
  261. margin-top:50px;
  262. margin-bottom:50px;
  263. }
  264.  
  265. #post {
  266. width:250px;
  267. margin-top:50px;
  268. margin-left:170px;
  269. padding: 10px 10px 0px 10px;
  270. }
  271.  
  272.  
  273. #info {
  274. text-align:left;
  275. margin-top:2px;
  276. padding-bottom:5px;
  277. -webkit-transition: all 0.4s ease-in-out;
  278. -moz-transition: all 0.4s ease-in-out;
  279. -o-transition: all 0.4s ease-in-out;
  280. transition: all 0.4s ease-in-out;
  281. }
  282.  
  283.  
  284. #sbar {
  285. background:image;    
  286. margin-left:200px;
  287. margin-top:100px;
  288. position:fixed;
  289. width:150px;
  290. height:auto;
  291. padding:5px;
  292. }
  293.  
  294. .image {
  295. }
  296.  
  297. .image img {
  298. width:150px;
  299. padding-top:5px;
  300. }
  301.  
  302. .title {
  303. font-size:25px;
  304. text-align:right;
  305. font-style:italic;
  306. font-family:times;
  307. }
  308.  
  309.  
  310. .desc {
  311. margin-top:10px;
  312. text-align:left;
  313. }
  314.  
  315. .links {
  316. margin-top:10px;
  317. padding:5px;
  318. text-align:center;
  319. word-spacing:10px;
  320. padding:5px;
  321. }
  322.  
  323.  
  324.  
  325.  
  326.     position:fixed;
  327.  
  328.     bottom:0px;
  329.  
  330.  
  331.  
  332.     opacity:1;
  333.  
  334.     z-index:-9;
  335.  
  336.     }
  337.  
  338.  
  339.  
  340.  
  341.  
  342.  
  343.  
  344.  
  345.  
  346.  
  347. #ask {
  348. margin-top:-55px;
  349. margin-left:80px;
  350. }
  351.  
  352. #askimg {
  353. }
  354.  
  355. #askimg img {
  356. height:64px;
  357. width:64px;
  358. }
  359.  
  360. #ask2 {
  361. margin-top:50px;
  362. }
  363.  
  364. #quote {
  365. padding:10px;
  366. font-size:12px;
  367. font-style:italic;
  368. text-align:center;
  369. }
  370.  
  371. #source {
  372. text-align:center;
  373. padding:8px;
  374. }
  375.  
  376. #chat1 {
  377. margin-top:10px;
  378. padding:5px;
  379. background:#f9f9f9;
  380. }
  381.  
  382.  
  383. #notes {
  384. margin-left:-20px;
  385. height:300px;
  386. overflow:auto;
  387. }
  388.  
  389.  
  390.  
  391. {CustomCSS}</style></head><body>
  392.  
  393.  
  394.  
  395. </div>
  396.  
  397.  
  398.  
  399.  
  400. <div id="sbar">
  401.  
  402. <div class="title">
  403. {title}
  404. </div>
  405.  
  406. <div class="image">
  407. </div>
  408.  
  409. <div class="links">
  410. <a href="{text:Link 1}">{text:Link 1 Title}</a>
  411. <a href="{text:Link 2}">{text:Link 2 Title}</a>
  412. <a href="/{text:Link 3}">{text:Link 3 Title}</a>
  413. <a href="/{text:Link 4}">{text:Link 4 Title}</a>
  414. </div>
  415.  
  416.  
  417. <div class="desc">
  418. {description}
  419. </div>
  420.  
  421.  
  422.  
  423.  
  424. <div><embed src="https://www.sheepproductions.com/billy/billy.swf?autoplay=true&f0=http://k003.kiwi6.com/hotlink/gqrvtigoia/Quebonafide_-_Love_prod._FORXST_DOWNLOAD.mp3&t0=&f1=http://k003.kiwi6.com/hotlink/oked1gcr3t/Quebonafide_-_All_Black_prod_Young_Veteran_HIP-HOP_20.mp3&t1=&f2=http://k003.kiwi6.com/hotlink/8k06xkoivp/Quebonafide_-_Solipsyzm_prod_U137.mp3&t2=&f3=http://k003.kiwi6.com/hotlink/27x2grp6cn/Taco_Hemingway_-_WIATR_prod_Borucci.mp3&t3=&f4=http://k003.kiwi6.com/hotlink/m5cigtso5d/Deys_-_Cera_prod_Apriljoke_HIP-HOP_20.mp3&t4=&total=5" quality="high" wmode="transparent" width="200" height="10" name="billy" align="middle" type="application/x-shockwave-flash" /></div>
  425. </center> </div>
  426.  </div>
  427.  
  428. <div id="entries">
  429. <div class = "autopagerize_page_element" >
  430. {block:Posts}
  431. <div id="post">
  432.  
  433.  
  434. {block:Text}
  435. <h1>{block:Title}{Title}{/block:Title}</h1>
  436. {Body}{/block:Text}
  437.  
  438.  
  439.  
  440. {block:Photo}<img src="{PhotoURL-250}">{LinkCloseTag}{/block:Photo}
  441.  
  442.  
  443.  
  444. {block:Photoset}{Photoset}{/block:Photoset}
  445.  
  446.  
  447.  
  448.  
  449. {block:Quote}
  450. <div id="quote">
  451. "{Quote}"
  452. </div>
  453. {block:Source}
  454. <div id="source">
  455. {Source}
  456. </div>
  457. {/block:Source}{/block:Quote}
  458.  
  459.  
  460.  
  461. {block:Link}<h1><a href="{URL}" {Target}>{Name} →</a></h1>{/block:Link}
  462.  
  463.  
  464.  
  465. {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}{block:Label}<div id="chat1"><b>{Label}</b>{/block:Label} {Line}</div>{/block:Lines}{/block:Chat}
  466.  
  467.  
  468.  
  469. {block:Audio}<left>{block:AlbumArt}<img src="{AlbumArtURL}" width="60px" height="60px" align="left" style="margin-right:10px" />{/block:AlbumArt}<span class="audio">{AudioPlayerWhite}</left></span>
  470. {block:TrackName}<b>Title:</b> {TrackName}<br />{/block:TrackName}
  471. {block:Artist}<b>Artist:</b> {Artist}<br />{/block:Artist}
  472. {/block:ExternalAudio}
  473. {/block:Audio}<br>
  474.  
  475.  
  476.  
  477. {block:Video}{Video-500}{/block:Video}
  478.  
  479.  
  480.  
  481. {block:Answer}
  482. <div id="askimg"><img src="{AskerPortraitURL-64}"></div>
  483. <div id="ask">
  484. <div style="font-size:14px; font-weight:lighter; font-style:italic;">{Asker}</div>
  485. {Question}
  486. </div>
  487. <div id="ask2">
  488. {Answer}</div>{/block:Answer}
  489.  
  490.  
  491.  
  492.  
  493.  
  494.  
  495. <div id="info">
  496.    
  497. <a href="{permalink}">{shortmonth} {dayofmonth}{dayofmonthsuffix}</a>
  498.  
  499. <div style="float:right;">
  500.  
  501. <a href="{permalink}">{NoteCount}</a>
  502.  
  503. </div>
  504.  
  505. </div>
  506.  
  507. </div>
  508.  
  509.  
  510.  
  511.  
  512. {/block:Posts}
  513.  
  514.  
  515. <br>
  516. {block:PostNotes}<div id="notes"><left>{PostNotes}</div>{/block:PostNotes}
  517.  
  518. </div>
  519.  
  520.  
  521.  
  522.  
  523. <div id="yuck"><div id="ew">©</div>
  524. <div id="uh">
  525. <a href="http://re4lfriends.tumblr.com/">theme by re4lfriends</a>
  526. </div></div>
  527.  
  528. </body></html>