This week only. Pastebin PRO Accounts Christmas Special! Don't miss out!Want more features on Pastebin? Sign Up, it's FREE!
Guest

0

By: lennonthemes on Jul 3rd, 2013  |  syntax: None  |  size: 25.18 KB  |  views: 39  |  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. <!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. <head><title>{Title}</title>
  4. <link rel="shortcut icon" href="{Favicon}">
  5. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  6. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  7.  
  8.  
  9. <meta name="color:background" content="#ffffff"/>
  10. <meta name="color:blockquote" content="#efefef"/>
  11. <meta name="color:imgborder" content="#f1f1f1"/>
  12. <meta name="color:link" content="#fcaad3"/>
  13. <meta name="color:linkhover" content="#ffffff"/>
  14. <meta name="color:navlink" content="#969395"/>
  15. <meta name="color:question" content="#6c6b6b"/>
  16. <meta name="color:quote" content="#ff3399"/>
  17. <meta name="text:textsize" content="13px" />
  18. <meta name="text:navlinksize" content="9px" />
  19. <meta name="color:question" content="#000000"/>
  20. <meta name="color:fontcolor" content="#959494"/>
  21. <meta name="color:bold" content="#000"/>
  22. <meta name="color:scrollbar" content="#f8f8f8"/>
  23. <meta name="color:imgborder" content="#f2f4f5"/>
  24. <meta name="text:fontsize" content="9px" />
  25. <meta name="text:titlesize" content="13px" />
  26. <meta name="text:link1" content="link1" />
  27. <meta name="text:link1url" content="http://" />
  28. <meta name="text:link2" content="link2" />
  29. <meta name="text:link2url" content="http://" />
  30. <meta name="text:link3" content="link3" />
  31. <meta name="text:link3url" content="http://" />
  32. <meta name="text:link4" content="link4" />
  33. <meta name="text:link4url" content="http://" />
  34. <meta name="text:link5" content="link5" />
  35. <meta name="text:link5url" content="http://" />
  36. <meta name="image:background" content=""/>
  37. <meta name="image:sidebar" content=""/>
  38. <style class="text/css"></style><link href="style-my-tooltips.css" rel="stylesheet" type="text/css" />
  39. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script><script type="text/javascript" src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script><script>(function($){$(document).ready(function(){$("[title]").style_my_tooltips();});})(jQuery);</script>
  40. <style type="text/css">#s-m-t-tooltip {
  41.     position:relative;
  42.     overflow:hidden;
  43.     z-index:999;
  44.     max-width:300px;
  45.     margin:10px 0 0 10px;
  46.     background:#000;
  47.     padding:3px;
  48.     font-family:courier;
  49.     text-transform:lowercase;
  50.     font-size:10px;
  51.     color:#fff;
  52.         -webkit-transition: all 0.2s ease;
  53.         -moz-transition: all 0.2s ease;
  54.         -o-transition: all 0.2s ease;
  55.     border-radius:3px;
  56.         -moz-border-radius:3px;
  57.         -webkit-border-radius:3px;
  58.     box-shadow:2px 2px 0 rgba(0,0,0,0.15),-1px -1px 0 rgba(255,255,255,0.3);
  59.         -moz-box-shadow:2px 2px 0 rgba(0,0,0,0.15),-1px -1px 0 rgba(255,255,255,0.3);
  60.         -webkit-box-shadow:2px 2px 0 rgba(0,0,0,0.15),-1px -1px 0 rgba(255,255,255,0.3);
  61.         -webkit-transition: all 0.2s ease;
  62.         -moz-transition: all 0.2s ease;
  63.         -o-transition: all 0.2s ease;
  64. }
  65.  
  66.  
  67. @font-face{font-family:Never Let Go; src: url(http://static.tumblr.com/9wzbixa/caAmj3lsm/neverletgo.ttf);}
  68.  
  69.  
  70. *, body, a, a:hover {cursor: url(http://media.tumblr.com/649c000edb2f0b30a6b3f462d580ffbc/tumblr_inline_mmsrqqFXgB1qz4rgp.png), auto;}
  71.  
  72.  #fade {
  73.                     display: none;
  74.                     background: #000;
  75.                     position: fixed;
  76.                     left: 0;
  77.                     top: 0;
  78.                     width: 100%;
  79.                     height: 100%;
  80.                     opacity: .70;
  81.                     z-index: 9999;
  82.                     }
  83.                      
  84.                     .popup_block{
  85.                     display: none;
  86.                     background: #fff;
  87.                     padding: 20px;
  88.                     float: left;
  89.                     position: fixed;
  90.                     top: 50%;
  91.                     left: 50%;
  92.                     z-index: 99999;
  93.                     }
  94.                      
  95.                     img.btn_close {
  96.                     float: right;
  97.                     margin: -55px -55px 0 0;
  98.                     }
  99.                      
  100.                     *html #fade {
  101.                     position: absolute;
  102.                     }
  103.                      
  104.                     *html .popup_block {
  105.                     position: absolute;
  106.                     }
  107.                             #navi {
  108.                     margin-top: 0px;
  109.                     padding-top:5px;
  110.                     }
  111.                      
  112.                     #navi a {
  113.                     width:90px;
  114.                     background:#000;text-shadow:
  115.     1px 1px 0 #00A6FF,
  116.     1px 1px 0 #00A6FF,
  117.     1px 1px 0 #00A6FF, /* end of 2 level deep grey shadow */
  118.     2px 2px 0 #bbf165,
  119.     2px 2px 0 #18f6cf; /* end of 4 level deep dark shadow */
  120. -moz-transition-duration:.5s;
  121.     -webkit-transition-duration:.5s;
  122.     -o-transition-duration:.5s;
  123.                     color:#fff;
  124.                     display:inline-block;
  125.                     line-height:20px;
  126.                     padding:3px;
  127.                     letter-spacing:1px;
  128.                     text-transform:lowercase;
  129.                     margin-left:3px;
  130.                     margin-right:3px;
  131.                     text-align:center;
  132.                     margin-bottom:3px;
  133.                     -webkit-transition: all 0.3s ease-in-out;
  134.                     -moz-transition: all 0.3s ease-in-out;
  135.                     -o-transition: all 0.3s ease-in-out;
  136.                     -ms-transition: all 0.3s ease-in-out;
  137.                     transition: all 0.3s ease-in-out;
  138.                     }
  139.                      
  140.                     #navi a:hover{
  141.                     text-decoration:none;
  142.                     background:{color:Background};
  143.                     color:{color:Text};
  144.                     letter-spacing:3px;
  145.                     opacity:1;
  146.                     }
  147.                    
  148.                #proceed {
  149.     width:500px;
  150.     text-align:center;
  151.     margin-top:10px;
  152.     margin-left:0;
  153.     }
  154.    
  155.     #proceed a {
  156.     float:left;
  157.     display:block;
  158.     line-height: 95%;
  159.     font-family:'Libre Baskerville', serif;
  160.     font-style: italic;
  161.     font-size: 18px;
  162.     letter-spacing: -1px;
  163.     text-transform: lowercase;
  164.     text-align: left;
  165.     padding: 10px;
  166.     font-weight: 400;
  167.     background-color: #000;text-shadow:
  168.     1px 1px 0 #00A6FF,
  169.     1px 1px 0 #00A6FF,
  170.     1px 1px 0 #00A6FF, /* end of 2 level deep grey shadow */
  171.     2px 2px 0 #bbf165,
  172.     2px 2px 0 #18f6cf; /* end of 4 level deep dark shadow */
  173. -moz-transition-duration:.5s;
  174.     -webkit-transition-duration:.5s;
  175.     -o-transition-duration:.5s;
  176.     color: #fff;
  177.     margin-left: 185px;
  178.     margin-right:2px;
  179.     margin-bottom:5px;
  180.     -webkit-transition: all 0.5s ease-in-out;
  181.     -moz-transition: all 0.5s ease-in-out;
  182.     -o-transition: all 0.5s ease-in-out;
  183.     }
  184.    
  185.     #proceed a:hover {
  186.     text-shadow: 2px 0px 0px #d3d3d5;
  187.     }
  188.  
  189.     #header{
  190.     line-height: 95%;
  191.     font-family:'Libre Baskerville', serif;
  192.     font-style: italic;
  193.     font-size: 18px;
  194.     letter-spacing: -1px;
  195.     text-transform: lowercase;
  196.     text-align: center;
  197.     padding: 10px;
  198.     font-weight: 400;
  199.     background-color: #f2f2f2;
  200.     color: #949393;
  201.     text-shadow: 2px 0px 0px #d3d3d5;
  202.     }
  203.    
  204.     #head{
  205.     line-height: 95%;
  206.     font-family:'Libre Baskerville', serif;
  207.     font-style: italic;
  208.     font-size: 18px;
  209.     letter-spacing: -1px;
  210.     text-transform: lowercase;
  211.     text-align: left;
  212.     font-weight: 400;
  213.     background:#000;
  214.     color: #fff;
  215.     }
  216.  
  217.  
  218.     #black{
  219.     line-height: 95%;
  220.     font-family:'Libre Baskerville', serif;
  221.     font-style: italic;
  222.     font-size: 20px;
  223.     letter-spacing: 1px;
  224.     text-transform: lowercase;
  225.     text-align: left;
  226.     padding: 10px;
  227.     font-weight: 400;
  228.     background-color: #000;
  229.     color: #fff;text-shadow:
  230.     1px 1px 0 #00A6FF,
  231.     1px 1px 0 #00A6FF,
  232.     1px 1px 0 #00A6FF, /* end of 2 level deep grey shadow */
  233.     2px 2px 0 #bbf165,
  234.     2px 2px 0 #18f6cf; /* end of 4 level deep dark shadow */
  235. -moz-transition-duration:.5s;
  236.     -webkit-transition-duration:.5s;
  237.     -o-transition-duration:.5s;
  238.     }
  239.    
  240.     #black a{
  241.     color: #949393;
  242.     -webkit-transition: all 0.5s ease-in-out;
  243.     -moz-transition: all 0.5s ease-in-out;
  244.     -o-transition: all 0.5s ease-in-out;
  245.     }
  246.    
  247.     #black a:hover {
  248.     color: #f2f2f2;
  249.     -webkit-transition: all 0.5s ease-in-out;
  250.     -moz-transition: all 0.5s ease-in-out;
  251.     -o-transition: all 0.5s ease-in-out;
  252.     }
  253.  
  254.     #blue{
  255.     line-height: 95%;
  256.     font-family:'Libre Baskerville', serif;
  257.     font-style: italic;
  258.     font-size: 20px;
  259.     letter-spacing: 1px;
  260.     text-transform: lowercase;
  261.     text-align: left;
  262.     padding: 10px;
  263.     font-weight: 400;
  264.     background-color: #000;
  265.     color: #fff;text-shadow:
  266.     1px 1px 0 #00A6FF,
  267.     1px 1px 0 #00A6FF,
  268.     1px 1px 0 #00A6FF, /* end of 2 level deep grey shadow */
  269.     2px 2px 0 #bbf165,
  270.     2px 2px 0 #18f6cf; /* end of 4 level deep dark shadow */
  271. -moz-transition-duration:.5s;
  272.     -webkit-transition-duration:.5s;
  273.     -o-transition-duration:.5s;
  274.     }
  275.  
  276.     #blue a{
  277.     color: #949393;
  278.     -webkit-transition: all 0.5s ease-in-out;
  279.     -moz-transition: all 0.5s ease-in-out;
  280.     -o-transition: all 0.5s ease-in-out;
  281.     }
  282.    
  283.     #blue a:hover {
  284.     color: #f2f2f2;
  285.     -webkit-transition: all 0.5s ease-in-out;
  286.     -moz-transition: all 0.5s ease-in-out;
  287.     -o-transition: all 0.5s ease-in-out;
  288.     }
  289.  
  290.     #popuptext {
  291.     font-family:'Libre Baskerville', serif;
  292.     font-style: italic;
  293.     color: #000;
  294.     text-transform: lowercase;
  295.     font-size: 12px;
  296.     }        
  297.  
  298.  
  299.  .topt {
  300.     margin-top:-75px;
  301.     margin-left:505px;
  302.     text-align:center;
  303.     color:#000;
  304.     font-size:49px;
  305.     border-bottom:1px solid #000;
  306.     font-family:never let go;
  307.     width:500px;
  308.     height 400px;
  309.     padding-top:100px;
  310.     padding-bottom:15px; text-shadow:
  311.     1px 1px 0 #00A6FF,
  312.     1px 1px 0 #00A6FF,
  313.     2px 2px 0 #00A6FF, /* end of 2 level deep grey shadow */
  314.     3px 3px 0 #bbf165,
  315.     4px 4px 0 #18f6cf; /* end of 4 level deep dark shadow */
  316. -moz-transition-duration:.5s;
  317.     -webkit-transition-duration:.5s;
  318.     -o-transition-duration:.5s;
  319. }
  320.  
  321. body{
  322. background-color:{color:background};
  323. background-image: url("{image:background}");
  324. background-attachment: fixed;
  325. background-repeat: repeat;
  326. font-family: georgia;
  327. font-size: {text:fontsize};
  328. color: {color:fontcolor};
  329. line-height:8px;
  330. margin:0px;}
  331.  
  332. h1 {color:{color:H1};
  333. font-family:georgia;
  334. font-size:{text:H1size};
  335. font-weight:bold;
  336. font-style:italic;
  337. text-transform:lowercase;
  338. text-align:right;
  339. line-height:12px;
  340. padding: 0px;
  341. margin-top:0px;
  342. margin-bottom:0px;
  343. letter-spacing: 0px;
  344. }
  345.  
  346. strong, b{
  347. color:{color:bold};
  348. font-size: 10px;}
  349.  
  350. .title{
  351. font-family:Georgia;
  352. font-size: {text:titlesize};
  353. font-weight: normal;
  354. font-style:italic;
  355. text-transform:none;
  356. line-height: 14px;
  357. letter-spacing: 0px;
  358. padding-top: 0px;
  359. color: {color:titlecolor};
  360. margin-bottom: -5px;
  361. display:block;
  362. padding-left: 3px;
  363. }
  364.  
  365. .question
  366. {max-width:auto;
  367. min-height: 24px;
  368. font-family:georgia;
  369. font-size: 9px;
  370. font-weight: normal;
  371. color: #6e6e6e;
  372. font-style:italic;
  373. line-height: 10px;
  374. padding: 3px;
  375. border-bottom: #000 1px solid;
  376. display:block;
  377. margin-bottom: -5px;}
  378.  
  379. .quote{
  380. color: {color:quote};
  381. font-size:12px;
  382. font-family:georgia;
  383. font-style:italic;
  384. padding: 2px;
  385. display:block;
  386. }
  387.  
  388. .info{
  389. font-size: 9px;
  390. font-family: georgia;
  391. line-height: 15px;
  392. padding:2px;
  393. display:block;
  394. margin-top:3px;
  395. text-align: right;}
  396. .entrytext, .answer{
  397. display:block;
  398. padding-left: 2px;
  399. margin-bottom: -7px;
  400. }
  401.  
  402. #center{
  403. position:relative;
  404. width:700px;
  405. overflow:hidden;
  406. overflow-y:hidden;
  407. background-color: transparent;
  408. margin-left: 520px;
  409. min-height:600px;}
  410.  
  411. #posts{
  412. {block:IndexPage} margin-left: 2px;
  413. margin-top:10px;
  414. padding-top:10px;
  415. width: 13px;
  416. height: auto;
  417. {/block:IndexPage} {block:PermalinkPage}
  418. margin-left: 10px;
  419. margin-top: 10px;
  420. width: 520px;
  421. height: auto;
  422. {/block:PermalinkPage}background:transparent;
  423. height: auto;
  424. margin-right: 10px;
  425. padding:1px;
  426. padding-top:6px;
  427. padding-left: 8px;}
  428.  
  429. #flt{
  430. {block:IndexPage}float: left; width: 392px; overflow:hidden;{/block:IndexPage}
  431. {block:PermalinkPage}width: 400px;{/block:PermalinkPage}
  432.  padding: 3px 9px 2px 3px;
  433. margin: 3px; background: #ffffff;
  434. overflow:hidden;
  435. border: 1px {color:imgborder} solid;}
  436.  
  437. #flt img{{block:IndexPage}max-width:400px;{/block:IndexPage}}
  438.  
  439.  
  440. #nav{
  441. position: fixed;
  442. margin-top: 145px;
  443. margin-left: -28px;
  444. z-index:1;
  445. text-align: center;
  446. background: transparent;
  447. outline-offset: -3px;
  448. font-size:14;
  449. padding-bottom: 6px;
  450. padding: 2px;
  451. border-radius: 4px 4px 0px 0px;
  452. width: 150px;
  453. }
  454.  
  455. #sidebar {
  456.     width:100px;
  457.     position:fixed;
  458.     margin-left:260px;
  459.     margin-top:130px;
  460. }
  461.  
  462.  
  463.  
  464. #sidebarimage {
  465.     width 100px;
  466. }
  467.  
  468. #sidebarimage img {
  469.     width:90px;
  470.     height:90px;
  471.     margin-left:-5px;
  472.     padding:4px;
  473.     margin-top:-50px;
  474.     border:4px solid #000;box-shadow:
  475.     1px 1px 0 #00A6FF,
  476.     1px 1px 0 #00A6FF,
  477.     3px 1px 0 #00A6FF, /* end of 2 level deep grey shadow */
  478.     2px 2px 0 #bbf165,
  479.     4px 4px 0 #18f6cf; /* end of 4 level deep dark shadow */
  480. -moz-transition-duration:.5s;
  481.     -webkit-transition-duration:.5s;
  482.     -o-transition-duration:.5s;
  483. }
  484.  
  485.  
  486.  
  487. #desc {
  488.     position:fixed;
  489.     font-family:cambria;
  490.     line-height:90%;
  491.     font-size:12px;
  492.     font-style:italic;
  493.     width:150px;
  494.     height:auto;
  495.     margin-top:275px;
  496.     background-color:#fff;
  497.     padding:8px;
  498.     margin-left:-30px;
  499.     text-align:justify;
  500.     color:#000; text-shadow:
  501.     1px 1px 0 #00A6FF,
  502.     1px 1px 0 #00A6FF,
  503.     1px 1px 0 #00A6FF, /* end of 2 level deep grey shadow */
  504.     2px 2px 0 #bbf165,
  505.     2px 2px 0 #18f6cf; /* end of 4 level deep dark shadow */
  506. -moz-transition-duration:.5s;
  507.     -webkit-transition-duration:.5s;
  508.     -o-transition-duration:.5s;
  509.     }
  510.  
  511.  
  512. .lol {
  513.     margin-top:-395px;
  514.     margin-left:225px;
  515.     width:500px;
  516.     height 400px;
  517.     background-color:#fff;
  518.     padding-top:100px;
  519.     padding-bottom:30px;
  520. }
  521.  
  522.  
  523.  
  524.  
  525. #permapage{
  526. font-family: georgia;
  527. font-size: 9px;
  528. margin-bottom: 2px;}
  529.  
  530.  
  531. a:link, a:active, a:visited{
  532. color: {color:link};
  533. text-decoration: none;
  534. -webkit-transition: color 0.3s ease-out;
  535. -moz-transition: color 0.3s ease-out;
  536. transition: color 0.3s ease-out;
  537. }
  538.  
  539. a:hover{
  540. color:{color:linkhover}; }
  541.  
  542. .navlink a{
  543. display:inline-block;
  544. line-height: 8px;
  545. font-size: {text:navlinksize};
  546. font-weight:normal;
  547. font-family: georgia;
  548. font-style: italic;
  549. text-align: center;
  550. margin-top:0px;
  551. height: 9px;
  552. color: {color:navlink};
  553. padding:1px;
  554. margin-bottom:2px;
  555. margin-left: -2px;
  556. background-color: transparent;
  557. -webkit-transition: all ease-in 333ms;
  558. -moz-transition: all ease-in 333ms;
  559. -o-transition: all ease-in 333ms;
  560. -ms-transition: all ease-in 333ms;
  561. transition: all ease-in 333ms;}
  562.  
  563. .navlink a:hover{
  564. color:{color:navlinkhover};}
  565.  
  566. .question a{
  567. color:{color:question};
  568. Padding:1px;}
  569. .question a:hover{
  570. color:#b0b0b0 !important;}
  571.  
  572. .permalink{
  573. font-family: georgia;
  574. font-size:10px;
  575. text-align: center;
  576. padding: 1px;}
  577.  
  578. .permalink a{color:#f1829b;}
  579. .perm1 {
  580. margin: auto;
  581. font-family: georgia;
  582. text-transform: uppercase;
  583. letter-spacing: 1px;
  584. position: absolute;
  585. bottom: 1px;
  586. left: 12px;
  587. text-align:center;
  588. opacity: 0;
  589. filter: alpha(opacity = 0);
  590. -webkit-transition: all ease-in-out 333ms;
  591. -moz-transition: all ease-in-out 333ms;
  592. -o-transition: all ease-in-out 333ms;
  593. -ms-transition: all ease-in-out 333ms;
  594. transition: all ease-in-out 333ms;}
  595.  
  596. #flt:hover .perm1 {
  597. opacity: 1;
  598. filter: alpha(opacity = 30);
  599. margin-bottom: 12px;}
  600.  
  601. .perm1 a {
  602. color: #aaa;
  603. background-color:#eeeeee;
  604. padding: 2px;
  605. margin-right: 3px;
  606. line-height: 20px;
  607. font-family:calibri;
  608. font-size: 10px;
  609. -webkit-transition: all ease-in 333ms;
  610. -moz-transition: all ease-in 333ms;
  611. -o-transition: all ease-in 333ms;
  612. -ms-transition: all ease-in 333ms;
  613. transition: all ease-in 333ms;}
  614.  
  615. .perm1 a:hover {
  616. color: {color:bold};
  617. background-color: #ffffff;
  618. -webkit-transition: all ease-in 333ms;
  619. -moz-transition: all ease-in 333ms;
  620. -o-transition: all ease-in 333ms;
  621. -ms-transition: all ease-in 333ms;
  622. transition: all ease-in 333ms;}
  623.  
  624. .video embed, .post div.video object {width:300px !important; height:200 !important;}
  625.  
  626. blockquote{padding:3px 3px 3px 3px; margin:0px 0px 2px 1px; background-color:{color:blockquote};}
  627.  
  628. ::-webkit-scrollbar {width: 4px; height: 4px; background: #fff;}
  629. ::-webkit-scrollbar-thumb {background: {color:scrollbar}; border-radius: 2px;}
  630.  
  631. {block:ifFadedImages}img{-webkit-transition: opacity 0.8s linear; opacity: 0.75;}img:hover{-webkit-transition: opacity 0.8s linear; opacity: 1;}
  632. {/block:ifFadedImages}
  633.  
  634. {block:ifInvertedFade}img{-webkit-transition: opacity 0.7s linear; opacity: 50;}img:hover{-webkit-transition: opacity 0.7s linear; opacity: .7;}
  635. {/block:ifInvertedFade}
  636.  
  637.  
  638.  
  639. </style>
  640. <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" />
  641. <meta name="viewport" content="width=820" />
  642. </head>
  643. <body>
  644.  <div class="topt">{title}</div>
  645.  
  646. <div id="sidebar">
  647. <div id="sidebarimage"><img src="{image:sidebar}"></div>
  648.  
  649. <div class="lol"></div>
  650.  
  651. <div id="desc">{description}</div>
  652. <div id="nav"><a title="refresh the page" a href="/">home</a> /
  653. <a title="ask me questions"a href="#?w=500" rel="q" class="poplight">ask</a> /
  654. <a title="more links"a href="#?w=210" rel="linksok" class="poplight">navi</a>
  655.  
  656. </div>
  657.  
  658. </div>
  659. </div>
  660.  <div id="q" class="popup_block">
  661.  <span class="entrytext"></span></p>
  662. <p><iframe frameborder="0" height="200" id="ask_form" scrolling="no" src="http://www.tumblr.com/ask_form/{name}.tumblr.com" width="100%"></iframe><!--[if IE]><mce:script type="text/javascript"><! document.getElementById('ask_form').allowTransparency=true; // --><!--[endif] --></p>
  663.  
  664. </div> </div> </div> </div></div> </div> </div> </div>
  665.  <div id="linksok" class="popup_block">
  666. <div id="navi">
  667. <a href="{text:link1url}">{text:link1}</a>
  668. <a href="{text:link2url}">{text:link2}</a>
  669. <a href="{text:link3url}">{text:link3}</a>
  670. <a href="{text:link4url}">{text:link4}</a>
  671. <a href="{text:link5url}">{text:link5}</a>
  672. <a href="http://bonivur.tumblr.com/">credit</a>
  673.  </div> </div> </div>
  674.  
  675. <div id="center">
  676.  
  677. <div id="posts">
  678. {block:Posts}
  679. <div id="flt">
  680.  
  681. {block:Text}
  682. {block:Title}<div class="title">{Title}</div>{/block:Title}<span class="entrytext">{Body}</span>
  683. {block:IndexPage}<div class="info"><a href="{Permalink}"> {NoteCount} </a></div>{/block:IndexPage}
  684. {/block:Text}
  685.  
  686. {block:Answer}
  687. <div class="flt">
  688. <div class="question"><img src="{AskerPortraitURL-24}" align="left" style="padding-right: 2px;"><b>{Asker}:</b> {Question}&nbsp;</div><span class="answer">{Answer}</span>{block:IndexPage}<div class="info"><a href="{Permalink}">  {NoteCount} </a></div>{/block:IndexPage}</div>
  689. {/block:Answer}
  690.  
  691. {block:Link}
  692. <a href="{URL}" class="title">{Name}</a>
  693. {block:Description}{Description}{/block:Description}
  694. {block:IndexPage}<div class="info">{NoteCount} </a></div>{/block:IndexPage}
  695. {block:Link}
  696.  
  697. {block:Photo}
  698. {block:indexpage}
  699. <div class="perm1">
  700. <p><a href="{ReblogURL}" target="_blank">Reblog</a><a href="{permalink}">{NoteCount} notes</a></p></div>
  701. {/block:indexpage}
  702. {block:indexpage}
  703. {LinkOpenTag}<img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="100%"/></a>{LinkCloseTag}
  704. {block:ifcaption}{block:Caption}{caption}{/block:Caption}{/block:ifcaption}
  705. {/block:indexpage}
  706. {block:permalinkpage}
  707. {LinkOpenTag}<img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="400"/>{LinkCloseTag}
  708. {/block:permalinkpage}
  709. {/block:Photo}
  710.  
  711. {block:Photoset}
  712. {block:IndexPage}<center><div style="padding-top: 1px; padding-bottom: 1px; background-color:{color:Photoset background};">{Photoset-250}</div></center>{/block:IndexPage}
  713. {block:PermalinkPage}{Photoset-250}{/block:PermalinkPage}
  714. {block:IndexPage}<div class="info"><a href="{Permalink}"> {NoteCount} notes</a></div>{/block:IndexPage}
  715. {/block:Photoset}
  716.  
  717. {block:Quote}
  718. <div class="quote"><span class="quote">{Quote}</span></div><div style="margin-left: 30px;">{block:Source}- {Source}{/block:Source}</div>
  719. {block:IndexPage}<div class="info"><a href="{Permalink}"> {NoteCount} notes</a></div>{/block:IndexPage}
  720. {/block:Quote}
  721.  
  722. {block:Chat}
  723. {block:Title}<div class="perm1">
  724. <p><a href="{ReblogURL}" target="_blank">reblog</a><a href="{permalink}">{NoteCount} notes</a></p>
  725. </div><span class="title">{Title}</span>{/block:Title}
  726. <ul class="chat">
  727. {block:Lines}
  728. <li class="user_{UserNumber}">
  729. {block:Label}
  730. <span class="label">{Label}</span>
  731. {/block:Label}
  732.  
  733. {Line}
  734. </li>
  735. {/block:Lines}
  736. </ul>
  737. {block:IndexPage}<div class="info"><a href="{Permalink}"> {NoteCount} notes</a></div>{/block:IndexPage}
  738. {/block:Chat}
  739.  
  740. {block:Audio}
  741. {block:IndexPage}<div style="background-color:#000; width: 245px;"><div style="width:300px; height:27px;">{AudioPlayerBlack}</div></div>{/block:IndexPage}
  742. {block:PermalinkPage}<div style="background-color:#000; width: 500px;"><div style="width:500px; height:27px;">{AudioPlayerBlack}</div></div>{/block:PermalinkPage}
  743. {block:IndexPage}<div class="info"><a href="{Permalink}"> {NoteCount} notes</a></div>{/block:IndexPage}
  744. {/block:Audio}
  745.  
  746. {block:Video}
  747. {block:IndexPage}<div class="video">{Video-250}</div>{/block:IndexPage}
  748. {block:PermalinkPage}{Video-250}{/block:PermalinkPage}
  749. {block:IndexPage}<div class="info"><a href="{Permalink}"> {NoteCount} notes</a></div>{/block:IndexPage}
  750. {block:Video}
  751.  
  752. {block:PermalinkPage}
  753. <div id="permapage"><center>{block:Date}<b>{DayofMonth} {Month}{/block:Date}</b>
  754. {block:NoteCount}<b>with </b>{NoteCountWithLabel}{/block:NoteCount} <center>
  755.  
  756. <BR>{Caption}</div>
  757. {/block:PermalinkPage}
  758.  
  759. {block:PostNotes}{PostNotes}
  760. {/block:PostNotes}</div>
  761. {/block:Posts}
  762.  
  763. </div>
  764. </div>
  765. </div>
  766. </center>
  767.  
  768.  
  769. </body><script type="text/javascript"
  770.                     src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  771.                      
  772.                     <script>
  773.                      
  774.                     $(document).ready(function() {
  775.                      
  776.                      
  777.                     $('a.poplight[href^=#]').click(function() {
  778.                      
  779.                     var popID = $(this).attr('rel');
  780.                      
  781.                     var popURL = $(this).attr('href');
  782.                      
  783.                     var query= popURL.split('?');
  784.                      
  785.                     var dim= query[1].split('&');
  786.                      
  787.                     var popWidth = dim[0].split('=')[1];
  788.                      
  789.                     $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close">');
  790.                      
  791.                     var popMargTop = ($('#' + popID).height() + 80) / 2;
  792.                      
  793.                     var popMargLeft = ($('#' + popID).width() + 80) / 2;
  794.                      
  795.                     $('#' + popID).css({
  796.                      
  797.                     'margin-top' : -popMargTop,
  798.                      
  799.                     'margin-left' : -popMargLeft
  800.                      
  801.                     });
  802.                      
  803.                     $('body').append('<div id="fade"></div>');
  804.                      
  805.                     $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn();
  806.                     return false;
  807.                      
  808.                     });
  809.                      
  810.                      
  811.                     $('a.close, #fade').live('click', function() {
  812.                      
  813.                     $('#fade , .popup_block').fadeOut(function() {
  814.                      
  815.                     $('#fade, a.close').remove();
  816.                     });
  817.                      
  818.                     return false;
  819.                      
  820.                     });
  821.                      
  822.                     });
  823.                      
  824.                     </script>
  825.  
  826.  
  827.  
  828. <script>
  829. $.fn.imagesLoaded = function(callback){
  830. var elems = this.find('img'),
  831. len = elems.length,
  832. _this = this;
  833. if ( !elems.length ) {
  834. callback.call( this );}
  835. elems.bind('load',function(){
  836. if (--len <= 0){
  837. callback.call( _this );}
  838. }).each(function(){
  839. // cached images don't fire load sometimes, so we reset src.
  840. if (this.complete || this.complete === undefined){
  841. var src = this.src;
  842. // webkit hack from http://groups.google.com/group/jquery-dev/browse_thread/thread/eee6ab7b2da50e1f
  843. // data uri bypasses webkit log warning (thx doug jones)
  844. this.src = "data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///ywAAAAAAQABAAACAUwAOw==";
  845. this.src = src;}
  846. });
  847. return this;};
  848. </script>
  849. <script>
  850. jQuery(window).load(function(){
  851. var $wall = $('#posts');
  852. $wall.imagesLoaded(function(){
  853. $wall.masonry({
  854. singleMode: true,
  855. columnWidth: 208,
  856. itemSelector: '#flt'});});
  857. $wall.infinitescroll({
  858. navSelector : '#page-nav',
  859. nextSelector : '#page-nav a',
  860. itemSelector : '#flt', },
  861. function( newElements ){
  862. $(newElements).hide();
  863. setTimeout(function(){
  864. $wall.masonry({ appendedContent: $(newElements) });
  865. },2000);
  866. setTimeout(function(){
  867. $(newElements).fadeIn('slow');},3100);},2000);
  868. });</script>
  869.  
  870. {/block:Indexpage}
  871. </html>
clone this paste RAW Paste Data