API tools faq
paste
Advertisement
fairygay

THEME #03 ALL IN ONE

fairygay
Sep 22nd, 2014
5,962
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 24.80 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4.  
  5. <!---
  6.  
  7. (ﾉ◕ヮ◕)ﾉ*:・ﾟ✧
  8. theme 03 "ALL-IN-ONE" by yurifairy.tumblr.com
  9. thank you for using my theme!
  10. you can edit the code as much as you want, just please don't edit or remove the credit, or try to steal the code. other than that have fun!!
  11. (ﾉ◕ヮ◕)ﾉ*:・ﾟ✧
  12.  
  13. --->
  14.  
  15. <title>{Title}{block:PostSummary} | {PostSummary}{/block:PostSummary}</title>
  16. {block:Description}<meta name="description" content="{MetaDescription}"/>{/block:Description}
  17. <link rel="shortcut icon" href="{Favicon}"/>
  18.  
  19. <meta name="image:sidebar" content=""/>
  20. <meta name="image:corner" content=""/>
  21. <meta name="image:background" content=""/>
  22.  
  23. <meta name="color:background" content="#ffffff"/>
  24. <meta name="color:gradient top" content="#FFB7EB"/>
  25. <meta name="color:gradient bottom" content="#DDF2FF"/>
  26. <meta name="color:post background" content="#ffffff"/>
  27. <meta name="color:text" content="#4d4d4d"/>
  28. <meta name="color:link" content="#ad3d55"/>
  29. <meta name="color:color" content="#ffd4d4"/>
  30.  
  31. <meta name="if:1 column" content="1"/>
  32. <meta name="if:2 columns" content="0"/>
  33. <meta name="if:3 columns" content="0"/>
  34.  
  35. <meta name="if:gradient background" content="0"/>
  36. <meta name="if:updates box" content="1"/>
  37. <meta name="if:maximised background" content="1"/>
  38. <meta name="if:white audio" content="1"/>
  39. <meta name="if:captions" content="0"/>
  40. <meta name="if:faded images" content="0"/>
  41.  
  42. <meta name="text:askbox url" content="(your username here)"/>
  43. <meta name="text:post background opacity" content="value between 0 and 1"/>
  44. <meta name="text:updates" content="updates text here use html if needed"/>
  45. <meta name="text:currently" content="status text here use html if needed"/>
  46.  
  47. <!-- tooltips -->
  48. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  49. <script defer src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  50. <script>
  51. (function($){
  52. $(document).ready(function(){
  53. $("a[title]").style_my_tooltips({
  54. tip_follows_cursor:true,
  55. tip_delay_time:50,
  56. tip_fade_speed:100,
  57. attribute:"title"
  58. });
  59. });
  60. })(jQuery);
  61. </script>
  62.  
  63. <!-- masonry+infscroll -->
  64. <script defer src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
  65. <script defer src="http://static.tumblr.com/6hsqxdt/vmwm2rb4g/infinitescrolling.js"></script>
  66. <script defer src="http://static.tumblr.com/6hsqxdt/QBym35odk/jquery.masonry.js"></script>
  67.  
  68. <script>
  69. var color = '{color:post background}';
  70. var rgbaCol = 'rgba(' + parseInt(color.slice(-6,-4),16)
  71. + ',' + parseInt(color.slice(-4,-2),16)
  72. + ',' + parseInt(color.slice(-2),16)
  73. +',{text:post background opacity})';
  74. $(document).ready(function() {
  75. $('.sidebox, .postbox, .page').css('background-color', rgbaCol);
  76. });
  77. </script>
  78.  
  79. <script>
  80. $(function(){
  81. var $container = $('#posts');
  82. $container.imagesLoaded(function(){
  83. $container.masonry({
  84. itemSelector: '.postbox',
  85. });
  86. });
  87. $container.infinitescroll({
  88. itemSelector : ".postbox",
  89. navSelector : "div.pagination",
  90. nextSelector : ".pagination a#next",
  91. loadingImg : "",
  92. loadingText : "<em></em>",
  93. bufferPx : 10000,
  94. extraScrollPx: 12000,
  95. },
  96. // trigger Masonry as a callback
  97. function( newElements ) {
  98. var $newElems = $( newElements ).css({ opacity: 0 });
  99. $('.postbox').css('background-color', rgbaCol);
  100. // ensure that images load before adding to masonry layout
  101. $newElems.imagesLoaded(function(){
  102. $newElems.animate({ opacity: 1 });
  103. $container.masonry( 'appended', $newElems, true );
  104. });
  105. }
  106. );
  107. });
  108. </script>
  109.  
  110. <!-- to top -->
  111. <script>
  112. $(document).ready(function(){
  113. //Check to see if the window is top if not then display button
  114. $(window).scroll(function(){
  115. if ($(this).scrollTop() > 100) {
  116. $('.top').fadeIn();
  117. } else {
  118. $('.top').fadeOut();
  119. }
  120. });
  121. //Click event to scroll to top
  122. $('.top').click(function(){
  123. $('html, body').animate({scrollTop : 0},800);
  124. return false;
  125. });
  126. });
  127. </script>
  128.  
  129. <!-- page layout -->
  130. <script>
  131. var scrollpos;
  132. $(document).ready(function(){
  133. $('#navigate').toggle(function() {
  134. //1st click
  135. scrollpos = $(window).scrollTop(); //store scrollpos
  136. $('html, body').animate({scrollTop : 0},800);
  137. $('.navigation').slideDown(); //navi menu show
  138. $('#posts').fadeOut(function(){
  139. $('#nav').fadeIn();
  140. }); //hide posts
  141. $('#navigate').text('return'); //changes text to return
  142. }, function () {
  143. //2nd click
  144. $('.navigation').slideUp(); //navi menu hide
  145. $('#nav').fadeOut(function(){
  146. $('#posts').fadeIn(); //show posts
  147. });
  148. $(".pagecontent").fadeOut();
  149. $(".pagecontent:first").delay(400).fadeIn();
  150. $('#navigate').text('navigate'); //changes text to navigate
  151. $("html, body").animate({ scrollTop: scrollpos }, 800); //scroll to position
  152. });
  153. {block:ifupdatesbox}
  154. $('#udates').click(function(){
  155. $('#uuu').slideToggle();
  156. });
  157. $('#currently').click(function(){
  158. $('#ccc').slideToggle();
  159. });
  160. $('#networks').click(function(){
  161. $('#nnn').slideToggle();
  162. });
  163. $('#stats').click(function(){
  164. $('#sss').slideToggle();
  165. });
  166. {/block:ifupdatesbox}
  167. })
  168. </script>
  169.  
  170. <script type="text/javascript">
  171. $(document).ready(function() {
  172. $(".pagecontent").hide();
  173. $(".pagecontent:first").show();
  174. $("ul.navigation li").click(function() {
  175. $("ul.navigation li").removeClass("active");
  176. $(this).addClass("active");
  177. $(".pagecontent").fadeOut();
  178. var activeTab = $(this).attr("rel");
  179. $("#"+activeTab).delay(400).fadeIn();
  180. });
  181. });
  182. </script>
  183.  
  184. </head>
  185.  
  186. <style type="text/css">
  187.  
  188. html { overflow-y: -moz-scrollbars-vertical; overflow-y: scroll; }
  189.  
  190. body {
  191. background: {color:background} url('{image:background}') fixed center;
  192. {block:ifmaximisedbackground}
  193. background-size: cover;
  194. background-repeat: no-repeat;
  195. {/block:ifmaximisedbackground}
  196. {block:ifgradientbackground}
  197. background: {color:gradient top};
  198. background: -moz-linear-gradient(top, {color:gradient top} 0%, {color:gradient bottom} 100%);
  199. background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,{color:gradient top}), color-stop(100%,{color:gradient bottom}));
  200. background: -webkit-linear-gradient(top, {color:gradient top} 0%,{color:gradient bottom} 100%);
  201. background: -o-linear-gradient(top, {color:gradient top} 0%,{color:gradient bottom} 100%);
  202. background: -ms-linear-gradient(top, {color:gradient top} 0%,{color:gradient bottom} 100%);
  203. background: linear-gradient(to bottom, {color:gradient top} 0%,{color:gradient bottom} 100%);
  204. filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#7db9e8',GradientType=0 );
  205. {/block:ifgradientbackground}
  206. background-attachment: fixed;
  207. font: 11px Optima, Segoe, "Segoe UI", Candara, Calibri, sans-serif;
  208. color: {color:text};
  209. word-wrap: break-word; }
  210. body a {
  211. color: {color:link};
  212. text-decoration: none;
  213. -webkit-transition: all 0.5s ease-in-out;
  214. -moz-transition: all 0.5s ease-in-out;
  215. -o-transition: all 0.5s ease-in-out;
  216. -ms-transition: all 0.5s ease-in-out;
  217. transition: all 0.5s ease-in-out; }
  218. body a:hover {
  219. text-shadow: 0 0 2px #fff; }
  220.  
  221. ::-webkit-scrollbar { width: 8px; height: 8px; }
  222. ::-webkit-scrollbar-track { background: {color:background}; }
  223. ::-webkit-scrollbar-thumb { background: {color:color}; }
  224.  
  225. ::selection { color: {color:link}; background: {color:color}; }
  226. ::-moz-selection { color: {color:link}; background: {color:color}; }
  227.  
  228. .ani {
  229. -webkit-transition: all 0.5s ease-in-out;
  230. -moz-transition: all 0.5s ease-in-out;
  231. -o-transition: all 0.5s ease-in-out;
  232. -ms-transition: all 0.5s ease-in-out;
  233. transition: all 0.5s ease-in-out; }
  234.  
  235. #s-m-t-tooltip {
  236. max-width: 300px;
  237. margin: 20px 14px 7px 10px;
  238. padding: 5px 10px;
  239. background-color: {color:color};
  240. z-index: 99999999999; }
  241.  
  242. #posts {
  243. {block:indexpage}
  244. {block:if1column}width: 392px;{/block:if1column}
  245. {block:if2columns}width: 784px;{/block:if2columns}
  246. {block:if3columns}width: 998px;{/block:if3columns}
  247. {/block:indexpage}
  248. {block:permalinkpage}
  249. width: 642px;
  250. {/block:permalinkpage}
  251. margin: 0 auto; }
  252.  
  253. .pagination { display: none; }
  254.  
  255. .top {
  256. bottom: 10px; right: 15px;
  257. color: {color:color};
  258. font-size: 20px;
  259. position: fixed;
  260. display: none; }
  261.  
  262. /*posts*/
  263.  
  264. .postbox {
  265. background: rgbaCol;
  266. {block:indexpage}
  267. width: 250px;
  268. {block:ifnot3columns}margin: 50px;{/block:ifnot3columns}
  269. {block:if3columns}margin: 50px 20px;{/block:if3columns}
  270. {/block:indexpage}
  271. {block:permalinkpage}
  272. width: 500px;
  273. margin: 30px 50px;
  274. {/block:permalinkpage}
  275. border: 1px solid {color:color};
  276. position: relative;
  277. padding: 20px;
  278. float: left; }
  279.  
  280. #footer {
  281. position: absolute;
  282. bottom: -8px;
  283. left: 50%; margin-left: -21px; }
  284. .button {
  285. z-index: 99;
  286. float: left;
  287. margin: 0 3px;
  288. width: 15px; height: 15px;
  289. border-radius: 50%;
  290. background: {color:color}; }
  291.  
  292. #intag {
  293. background: #000;
  294. }
  295. #tagbox { text-align: center; padding: 10px 21px; margin-top: 0; }
  296. #tagbox p { font-size: 9px; margin: 0; }
  297.  
  298. .permabox {
  299. margin-top: 0;
  300. max-height: 300px;
  301. overflow-y: scroll; }
  302. .permabox ol { list-style: none; margin: 0; padding: 0; }
  303. .permabox li { padding: 5px 0; }
  304. .permabox li:first-child { padding-top: 0; }
  305. .permabox li:last-child { padding-bottom: 0; }
  306. .permabox img { margin-right: 5px; position: relative; top: 4px; }
  307.  
  308. .postbox img, #sidebar img { max-width: 100%; border: none; }
  309. .postbox .photop, .photop iframe { display: block; }
  310. .heavy { font-weight: bold; color: {color:link}; text-transform: uppercase; }
  311. .postbox .title, .page .title {
  312. color: {color:link};
  313. font: 20px "Avant Garde", Avantgarde, "Century Gothic", CenturyGothic, "AppleGothic", sans-serif;
  314. line-height: 150%; }
  315. .postbox blockquote, .page blockquote {
  316. max-width: 100%;
  317. padding: 0; margin: 0;
  318. border-left: 1px solid {color:color};
  319. margin-left: 10px; padding-left: 10px; }
  320.  
  321. {block:iffadedimages}
  322. .photop, .postbox img {
  323. opacity: 0.80;
  324. -webkit-filter: grayscale(20%);
  325. -webkit-transition: all 0.5s ease-in-out;
  326. -moz-transition: all 0.5s ease-in-out;
  327. -o-transition: all 0.5s ease-in-out;
  328. -ms-transition: all 0.5s ease-in-out;
  329. transition: all 0.5s ease-in-out; }
  330. .postbox:hover .photop, .postbox:hover img {
  331. opacity: 1;
  332. -webkit-filter: grayscale(0%); }
  333. {/block:iffadedimages}
  334.  
  335. .quest {
  336. {block:indexpage}min-height: 40px;{/block:indexpage}
  337. {block:permalinkpage}min-height: 64px;{/block:permalinkpage} }
  338. .askpic {
  339. float: left;
  340. {block:indexpage}width: 40px; height: 40px;{/block:indexpage}
  341. {block:permalinkpage}width: 64px; height: 64px;{/block:permalinkpage} }
  342. .asktxt {
  343. background: {color:color};
  344. padding: 10px; margin: 0 0 10px 10px;
  345. float: left;
  346. {block:indexpage}width: 180px;{/block:indexpage}
  347. {block:permalinkpage}width: 406px;{/block:permalinkpage} }
  348.  
  349. #audio {
  350. width: 100%;
  351. overflow: hidden; }
  352. .audart {
  353. float: left;
  354. width: 250px; height: 250px;
  355. {block:ifwhiteaudio}
  356. background: rgba(255,255,255,0.4) url('http://static.tumblr.com/tigfgkv/pOcn9dc70/11.png') no-repeat center;
  357. {/block:ifwhiteaudio}
  358. {block:ifnotwhiteaudio}
  359. background: rgba(0,0,0,0.4) url('http://static.tumblr.com/tigfgkv/8jNn9dc47/111.png') no-repeat center;
  360. {/block:ifnotwhiteaudio} }
  361. .audart img { opacity: 1; }
  362. .audinfo {
  363. float: left;
  364. width: 250px; {block:permalinkpage}height: 250px;{/block:permalinkpage}
  365. {block:ifwhiteaudio}background: rgba(255,255,255,0.4);{/block:ifwhiteaudio}
  366. {block:ifnotwhiteaudio}background: rgba(0,0,0,0.4);{/block:ifnotwhiteaudio} }
  367. .player {
  368. {block:ifwhiteaudio}background: #fff;{/block:ifwhiteaudio}
  369. {block:ifnotwhiteaudio}background: #000;{/block:ifnotwhiteaudio}
  370. overflow: hidden;
  371. width: 100%; height: 35px;
  372. padding-top: 8px;
  373. opacity: 0.4; }
  374. .info { padding: 10px; }
  375. .info p { margin: 5px 0; }
  376.  
  377. ul.chat { margin: 0; padding: 0; }
  378. .line_odd { background: {color:color}; }
  379. .chat li {
  380. list-style: none;
  381. margin: 0;
  382. padding: 5px 10px; }
  383.  
  384. img.sidepic {
  385. z-index: -9999;
  386. position: fixed;
  387. bottom: 0; left: 50%; margin-left: 200px; }
  388.  
  389. .sidebox {
  390. background: {color:post background};
  391. position: fixed;
  392. text-align: center;
  393. z-index: 9999999999;
  394. padding: 10px;
  395. width: 120px;
  396. top: 20%;
  397. border: 1px solid {color:color}; }
  398. #sidebar {
  399. right: 50%;
  400. {block:indexpage}
  401. {block:if1column}margin-right: 321px;{/block:if1column}
  402. {block:if2columns}margin-right: 392px;{/block:if2columns}
  403. {block:if3columns}margin-right: 539px;{/block:if3columns}
  404. {/block:indexpage}
  405. {block:permalinkpage}margin-right: 321px;{/block:permalinkpage} }
  406. #sidebar img { display: block; }
  407. #updates {
  408. left: 50%;
  409. {block:indexpage}
  410. {block:if1column}margin-left: 321px;{/block:if1column}
  411. {block:if2columns}margin-left: 392px;{/block:if2columns}
  412. {block:if3columns}margin-left: 539px;{/block:if3columns}
  413. {/block:indexpage}
  414. {block:permalinkpage}margin-left: 321px;{/block:permalinkpage} }
  415. #navigate { margin-top: 10px; }
  416. .navigation { display: none; }
  417. .utxt {
  418. padding: 3px 0;
  419. font-size: 9px;
  420. display: none; }
  421. .solidbut {
  422. margin: 1px 0;
  423. padding: 5px 0;
  424. background: {color:color};
  425. cursor: default; }
  426. .clearbut {
  427. cursor: pointer;
  428. width: 100%;
  429. padding: 2px 0;
  430. border-bottom: 1px solid {color:color};
  431. color: {color:link}; }
  432.  
  433. #nav {
  434. display: none;
  435. {block:indexpage}
  436. {block:if1column}width: 541px;{/block:if1column}
  437. {block:if2columns}width: 784px;{/block:if2columns}
  438. {block:if3columns}width: 998px;{/block:if3columns}
  439. {/block:indexpage}
  440. {block:permalinkpage}
  441. width: 642px;
  442. {/block:permalinkpage}
  443. margin: 0 auto; }
  444. #navtop { margin: 50px 0; text-align: center; }
  445. .blogt {
  446. color: {color:link};
  447. font-weight: bold;
  448. font: 30px "Avant Garde", Avantgarde, "Century Gothic", CenturyGothic, "AppleGothic", sans-serif; }
  449.  
  450. ul.navigation {
  451. list-style: none;
  452. margin: 0; padding: 0; }
  453. ul.navigation li, .rf {
  454. padding: 3px 0;
  455. border-bottom: 1px solid {color:color};
  456. color: {color:link};
  457. cursor: default;
  458. -webkit-transition: all 0.5s ease-in-out;
  459. -moz-transition: all 0.5s ease-in-out;
  460. -o-transition: all 0.5s ease-in-out;
  461. -ms-transition: all 0.5s ease-in-out;
  462. transition: all 0.5s ease-in-out; }
  463. ul.navigation li:hover { text-shadow: 0 0 2px #fff; }
  464. .page {
  465. background: {color:post background};
  466. border: 1px solid {color:color};
  467. padding: 20px;
  468. width: 500px;
  469. margin: 0 auto; }
  470. .pagecontent {
  471. display: none; }
  472.  
  473. table.linko { width: 100%; text-align: center; }
  474. table.linko td { width: 33%; vertical-align: top; }
  475. .linkhead {
  476. padding: 5px 0;
  477. margin-top: 10px;
  478. background: {color:color}; }
  479. .linke {
  480. color: {color:link};
  481. width: 100%;
  482. padding: 2px 0;
  483. border-bottom: 1px solid {color:color}; }
  484.  
  485. .ct {
  486. position: fixed;
  487. left: 10px; top: 10px;
  488. }
  489.  
  490. </style>
  491.  
  492. <body>
  493.  
  494. <a href="http://yurifairy.tumblr.com/" title="theme"><div class="button ct"></div></a>
  495.  
  496. <div id="sidebar" class="sidebox">
  497. <img width="100%" src="{image:sidebar}">
  498. <div id="navigate" class="solidbut">navigate</div>
  499. <ul class="navigation">
  500. <div class="rf"><a href="/">refresh</a></div>
  501. <li rel="about">about</li>
  502. <li rel="message">faq+message</li>
  503. <li rel="links">links</li>
  504. </ul>
  505. </div>
  506.  
  507. <div id="nav">
  508. <div id="navtop">
  509. <a href="/"><span class="blogt">{title}</span></a>
  510. <p>{description}</p>
  511. </div>
  512.  
  513. <div class="page">
  514.  
  515. <div id="empty" class="pagecontent">
  516. <span class="title"><center><i>where would you like to go?</i></center>
  517. </div></span>
  518.  
  519. <div id="about" class="pagecontent">
  520.  
  521. <!-------- edit about page below ------------------->
  522.  
  523. <p><span class="title">about</span></p>
  524.  
  525. <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem. Maecenas nec odio et ante tincidunt tempus. Donec vitae sapien ut libero venenatis faucibus. Nullam quis ante. Etiam sit amet orci eget eros faucibus tincidunt. Duis leo. Sed fringilla mauris sit amet nibh. Donec sodales sagittis magna. Sed consequat, leo eget bibendum sodales, augue velit cursus nunc.</p>
  526.  
  527. <!-------- edit about page above ------------------->
  528.  
  529. </div>
  530. <div id="message" class="pagecontent">
  531.  
  532. <!-------- edit message page below ------------------->
  533.  
  534. <p><span class="title">message</span></p>
  535.  
  536. <p>optional: insert frequently asked questions here.</p>
  537.  
  538. <!-- askbox below, do not edit -->
  539.  
  540. <p><iframe frameborder="0" scrolling="no" width="100%" height="190" src="http://www.tumblr.com/ask_form/{text:askbox url}.tumblr.com" style="background-color:transparent; overflow:hidden;" id="ask_form"></iframe><!--[if IE]><script type="text/javascript">document.getElementById('ask_form').allowTransparency=true;</script><![endif]--> </p>
  541.  
  542. <!-------- edit message page above ------------------->
  543.  
  544. </div>
  545. <div id="links" class="pagecontent">
  546.  
  547. <!-------- edit links page below ------------------->
  548. <!-------- to edit a link: <a href="LINKURL"><div class="linke">LINK TITLE</div></a>
  549. ---------- only edit the LINKURL and LINK TITLE
  550. ---------- copy and paste it to add more ----------->
  551.  
  552. <p><span class="title">links</span></p>
  553. <table class="linko">
  554. <tr>
  555. <td>
  556. <div class="linkhead">tags</div>
  557. <a href="/tagged/a"><div class="linke">tag 1</div></a>
  558. <a href="/tagged/b"><div class="linke">tag 2</div></a>
  559. <a href="/tagged/c"><div class="linke">tag 3</div></a>
  560. </td>
  561. <td>
  562. <div class="linkhead">friends</div>
  563. <a href="/"><div class="linke">friend 1</div></a>
  564. <a href="/"><div class="linke">friend 2</div></a>
  565. <a href="/"><div class="linke">friend 3</div></a>
  566. <a href="/"><div class="linke">friend 4</div></a>
  567. </td>
  568. <td>
  569. <div class="linkhead">other</div>
  570. <a href="/"><div class="linke">favourite blogs</div></a>
  571. <a href="/"><div class="linke">blogroll</div></a>
  572. <a href="/"><div class="linke">twitter</div></a>
  573. <a href="/"><div class="linke">flavors.me</div></a>
  574. </td>
  575. </tr>
  576. </table>
  577.  
  578. <!-------- edit links page below ------------------->
  579.  
  580. </div>
  581. </div>
  582. </div>
  583.  
  584. <!-------- updates box below ----------------------->
  585. {block:ifupdatesbox}
  586. <div id="updates" class="sidebox">
  587. <div id="udates" class="solidbut">updates</div>
  588. <div id="uuu" class="utxt">
  589. {text:updates}
  590. </div>
  591. <div id="currently" class="solidbut">currently</div>
  592. <div id="ccc" class="utxt">
  593. {text:currently}
  594. </div>
  595. <div id="networks" class="solidbut">networks</div>
  596. <div id="nnn" class="utxt">
  597. <marquee style="margin-top: 4px" behavior="scroll" onmouseover="this.stop();" onmouseout="this.start();" direction="left" scrollamount="4">
  598. network icons here
  599. </marquee>
  600. </div>
  601. <div id="stats" class="solidbut">stats</div>
  602. <div id="sss" class="utxt">
  603. stats here, e.g.:<br>
  604. <script language="JavaScript" src="http://freehostedscripts.net/ocount.php?site=ID2705536&name=visits"></script>
  605. </div>
  606. </div>
  607. {/block:ifupdatesbox}
  608. <!-------- updates box above ----------------------->
  609.  
  610. <div id="posts">
  611. {block:posts}
  612. <div class="postbox">
  613.  
  614. {block:Title}<span class="title"><a href="{permalink}">{Title}</a></span><br>{/block:Title}
  615.  
  616. {block:Photo}
  617. {LinkOpenTag}
  618. {block:indexpage}<img class="photop" width="100%" src="{PhotoURL-250}">{/block:indexpage}
  619. {block:permalinkpage}<img class="photop" width="100%" src="{PhotoURL-500}">{/block:permalinkpage}
  620. {LinkCloseTag}
  621. {/block:Photo}
  622.  
  623. {block:Photoset}
  624. <div class="photop">
  625. {block:indexpage}{Photoset-250}{/block:indexpage}
  626. {block:permalinkpage}{Photoset-500}{/block:permalinkpage}
  627. </div>
  628. {/block:Photoset}
  629.  
  630. {block:Video}
  631. <div class="photop">
  632. {block:indexpage}{Video-250}{/block:indexpage}
  633. {block:permalinkpage}{Video-500}{/block:permalinkpage}
  634. </div>
  635. {/block:Video}
  636.  
  637. {block:Audio}
  638. <div id="audio">
  639. <div class="audart">
  640. {block:AlbumArt}<img src="{AlbumArtURL}" width="100%">{/block:AlbumArt}
  641. </div>
  642. <div class="audinfo">
  643. <div class="player">
  644. {block:ifnotwhiteaudio}{audioplayerblack}{/block:ifnotwhiteaudio}
  645. {block:ifwhiteaudio}{audioplayerwhite}{/block:ifwhiteaudio}
  646. </div>
  647. <div class="info">
  648. {block:trackname}<p><span class="heavy">{trackname}</span></p>{/block:trackname}
  649. {block:artist}<p>{artist}</p>{/block:artist}
  650. {block:album}<p>{album}</p>{/block:album}
  651. {block:playcount}<p>{PlayCountwithlabel}</p>{/block:playcount}
  652. </div>
  653. </div></div>
  654. {/block:Audio}
  655.  
  656. {block:Quote}
  657. <span class="title">{Quote}</span>
  658. <p>{block:Source}—{Source}{/block:Source}</p>
  659. {/block:Quote}
  660.  
  661. {block:Text}
  662. {Body}
  663. {/block:Text}
  664.  
  665. {block:Answer}
  666. <div class="quest">
  667. <img class="askpic" src="{AskerPortraitURL-64}">
  668. <div class="asktxt"><span class="heavy">{Asker}</span> said: {Question}</div>
  669. </div>
  670. {answer}
  671. {/block:Answer}
  672.  
  673. {block:Chat}
  674. <ul class="chat">
  675. {block:Lines}
  676. <li class="line_{Alt} ani">{block:Label}<span class="heavy">{Label} </span>{/block:Label}{Line}</li>
  677. {/block:Lines}
  678. </ul>
  679. {/block:Chat}
  680.  
  681. {block:Link}
  682. <a href="{URL}"><span class="title">{Name}</span></a>
  683. {block:Description}<p>{Description}</p>{/block:Description}
  684. {/block:Link}
  685.  
  686. {block:indexpage}
  687. {block:ifcaptions}{block:Caption}{Caption}{/block:Caption}{/block:ifcaptions}
  688. {/block:indexpage}
  689. {block:permalinkpage}
  690. {block:Caption}{Caption}{/block:Caption}
  691. {/block:permalinkpage}
  692.  
  693. {block:date}
  694. <div id="footer" class="ani">
  695. <a href="{permalink}" title="{timeago}{block:NoteCount}, {NoteCountWithLabel}{/block:NoteCount}"><div class="button"></div></a>
  696. <a href="{reblogurl}" title="reblog"><div class="button"></div></a>
  697. </div>
  698. {/block:date}
  699.  
  700. </div><!--postbox-->
  701.  
  702. {block:ContentSource}
  703. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  704. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  705. {/block:SourceLogo}
  706. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  707. {/block:ContentSource}
  708. {block:RebloggedFrom}
  709. <!-- Via: <a href="{ReblogParentURL}">{ReblogParentName}</a>-->
  710. {/block:RebloggedFrom}
  711.  
  712. {block:permalinkpage}
  713. {block:date}
  714. <div id="tagbox" class="postbox">
  715. {block:ContentSource}<a href="{SourceURL}">source: {SourceTitle}</a>{/block:ContentSource}
  716. {block:RebloggedFrom}{block:ContentSource} | {/block:ContentSource}<a href="{ReblogParentURL}">via: {ReblogParentName}</a>{/block:RebloggedFrom}
  717. {block:HasTags}
  718. <p>{block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}</p>
  719. {/block:HasTags}
  720. </div>
  721. {/block:date}
  722. {/block:permalinkpage}
  723.  
  724. {/block:posts}
  725.  
  726. {block:PostNotes}
  727. <div class="postbox permabox">{PostNotes}</div>
  728. {/block:PostNotes}
  729.  
  730. </div><!--posts-->
  731.  
  732. <div class="pagination">
  733. {block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">previous</a> &middot;{/block:PreviousPage} {block:NextPage}<a href="{NextPage}" id="next">next</a>{/block:NextPage}{/block:Pagination}
  734. </div>
  735.  
  736. <img class="sidepic" src="{image:corner}">
  737. <a href="#" class="top">↑</a>
  738.  
  739. </body>
  740. </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!