Advertisement
striaton-city

Summer Horror Party

Nov 1st, 2016
110
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 23.72 KB | None | 0 0
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2.  
  3. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  4.  
  5. <head>
  6.  
  7.  
  8.  
  9.                 <!--- [12] Summer Horror Party --------
  10.                
  11.                
  12.                + Theme by SANYOUCITY.TUMBLR.COM
  13.                
  14.                This  theme was made for the 2016  Fire
  15.                Emblem Fates  Halloween gift  exchange!
  16.                            
  17.                Feel free to do whatever you want with
  18.                the  code  as long as you don't remove
  19.                the  credit!! If  you  have any quest-
  20.                ions or comments please don't hesitate
  21.                to  hmu.  I  apologize  in  advance to
  22.                anyone trying  to  find  something  in
  23.                the  code because I'm very unorganized
  24.                (but  I've  made an effort to clean it
  25.                up!)
  26.          
  27.                Thank you so much for using my theme!!  
  28.                
  29.        
  30.                -------------------------ver 1.0------>
  31.  
  32.  
  33.  
  34.  
  35.  
  36.  
  37.  
  38.  
  39. <title>{Title}</title>
  40. <link rel="shortcut icon" href="{Favicon}">
  41. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  42. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  43.  
  44. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  45. <script type="text/javascript" src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
  46. <script>
  47.     (function($){
  48.         $(document).ready(function(){
  49.             $("[title]").style_my_tooltips();
  50.         });
  51.     })(jQuery);
  52. </script>
  53.  
  54.  
  55.  
  56.  
  57.  
  58. <!-- colors -->
  59. <meta name="color:moon" content="#eeeeee"/>
  60. <meta name="color:moon2" content="#edd7d7"/>
  61. <meta name="color:background" content="#ffffff"/>
  62. <meta name="color:scroll" content="#977f7a"/>
  63. <meta name="color:blockquote" content="#414141"/>
  64. <meta name="color:text" content="#686868"/>
  65. <meta name="color:selection text" content="#d95e40"/>
  66. <meta name="color:selection" content="#ffdede"/>
  67. <meta name="color:link" content="#d95e40"/>
  68. <meta name="color:link2" content="#686868"/>
  69. <meta name="color:ask text" content="#ededed"/>
  70. <meta name="color:ask bubble" content="#7e7e7e"/>
  71. <meta name="color:tooltip text" content="#ffffff"/>
  72. <meta name="color:tooltip" content="#d95e40"/>
  73. <meta name="color:odd chat" content="#d95e40">
  74. <meta name="color:even chat" content="#823826">
  75. <meta name="color:bold" content="#e17e66"/>
  76. <meta name="color:italics" content="#f0bfb3"/>
  77.  
  78. <!-- images -->
  79. <meta name="image:bg" content="http://static.tumblr.com/e5da3cb3fbe9af8f2198f3459e72424a/5n9jee3/GImocbbds/tumblr_static_2r8ayx5zcxc0o0c0oog4wc0cg.png"/>
  80. <meta name="image:header" content="http://static.tumblr.com/8724151e87f39c76c036c2efa2d20e91/5n9jee3/vc7ocbbds/tumblr_static_1vif6w1v21ggkkwk0gwow40k4.jpg"/>
  81.  
  82. <!-- fonts -->
  83. <link href="https://fonts.googleapis.com/css?family=PT+Sans" rel="stylesheet">
  84.  
  85. <!-- text -->
  86. <meta name ="text:link1" content="/"/>
  87. <meta name ="text:link1 title" content="link 1"/>
  88. <meta name ="text:link2" content="/"/>
  89. <meta name ="text:link2 title" content="link 2"/>
  90. <meta name ="text:link3" content="/"/>
  91. <meta name ="text:link3 title" content="link 3"/>
  92. <meta name ="text:link4" content="/"/>
  93. <meta name ="text:link4 title" content="link 4"/>
  94.  
  95. <style type="text/css">
  96.  
  97.  
  98. /* scrollbar */
  99. ::-webkit-scrollbar { width: 2px; }
  100. ::-webkit-scrollbar-track-piece { background-color:rgba(0,0,0,0); }
  101. ::-webkit-scrollbar-thumb:vertical {
  102.     width: 10px;
  103.     background-color: {color:scroll};
  104.     border: 2px solid {color:scroll};
  105. }
  106. ::-webkit-scrollbar-thumb{background-color:{color:scroll};}
  107.  
  108.  
  109. /* general */
  110.  
  111. body {
  112.     background: {color:background};
  113.     background-image: url('{image:bg}');
  114.     font-family: Calibri;
  115.     font-size: 12px;
  116.     color: {color:text};
  117.     text-align: justify;
  118.     background-attachment: fixed;
  119.     font-family: 'PT Sans', sans-serif;
  120.     letter-spacing:1px;
  121. }
  122.  
  123. blockquote {
  124.     padding-left:5px;
  125.     border-left:1px solid;
  126.     color: {color:Blockquote};
  127.    
  128. }
  129.  
  130. a {
  131.     text-decoration: none;
  132.     color:{color:link};
  133. }
  134.  
  135. a:hover {
  136.     color:{color:link2};
  137.     cursor:help;
  138. }
  139.  
  140. img {
  141.     max-width: 100%;
  142.     -webkit-filter: Grayscale(50%);
  143.     -webkit-transition-duration: 2s;
  144.     -moz-transition-duration:2s;
  145.     transition-duration:2s;
  146.     -o-transition-duration:2s;
  147.    
  148. }
  149.  
  150. img:hover{
  151.     -webkit-filter: Grayscale(0%);
  152.     -webkit-transition: all 1s ease-out;
  153.     -moz-transition: all 1s ease-out;
  154.     transition: all 1s ease-out;
  155.    
  156. }
  157.  
  158.  
  159. /* asks */
  160.  
  161. .bubble {
  162.     position:relative;
  163.     margin:0px 0px 0px 0px;
  164.     margin-top:4px;
  165.     text-align:left; padding:10px;
  166.     color:{color:ask text};
  167.     border-radius:15px;
  168.     background-color:{color:moon2};
  169.     opacity:.7;
  170.     width:379px;
  171.     max-height:100px;
  172.     overflow:auto;
  173.     text-align:justify;
  174.     border-radius:0px;
  175.     double {color:ask bubble};
  176.    
  177. }
  178.  
  179. .bubble p {margin:1px 0px;}
  180.  
  181.  
  182. /* posts */
  183.  
  184. #container {
  185.     margin-left:auto;
  186.     margin-right:auto;
  187.     width: 1000px;
  188. }
  189.  
  190.  
  191. #posts { /* note: this is the wrapper for the entries, not the actual posts*/
  192.     float:clear;
  193.     margin-left:260px;
  194.     margin-top:200px;
  195.     width:420px;
  196.     height:70%;
  197.     padding:10px;
  198.     position:fixed;
  199.     border-radius:0px;
  200.     opacity:.7;
  201.     border-radius:5px;
  202.     border-image:url() 30 30 round;
  203.     overflow-x:hidden;
  204.     overflow-y: scroll;
  205.     z-index:999;
  206.  
  207. }
  208.  
  209. .line {
  210.     border-bottom: 1px solid {color:ask bubble};
  211. }
  212.  
  213. .odd .line {
  214.     padding: 5px 5px;
  215.     color:{color:odd chat};
  216.    
  217. }
  218. .even .line {
  219.     padding: 5px 5px;
  220.     color:{color:even chat};
  221. }
  222.  
  223.  
  224. .entry {
  225.     padding:10px;
  226.     margin:0px;
  227.     margin-bottom:12px;
  228.     font-family:;
  229.     margin-left:0px;
  230.     width:400px;
  231.     border-radius:0px;
  232.     background:rgba(0,0,0,0);
  233.     text-align: justify;
  234.     z-index:99;
  235.     border-radius:5px;
  236.     background-color:{color:moon};
  237.     -webkit-transition: opacity 0.2s linear;
  238.     -webkit-transition: all 0.2s ease-in-out;
  239.     -moz-transition: all 0.2s ease-in-out;
  240.     -o-transition: all 0.2s ease-in-out;
  241. }
  242.  
  243. .entry:hover {
  244.     background-color:{color:moon2};
  245.     -webkit-transition: opacity 0.2s linear;
  246.     -webkit-transition: all 0.2s ease-in-out;
  247.     -moz-transition: all 0.2s ease-in-out;
  248.     -o-transition: all 0.2s ease-in-out;
  249. }
  250.  
  251. #permalink {
  252.     text-align: center;
  253.     border-top: 1px solid {color:Border};
  254.     position: relative;
  255.     margin-top: 5px;
  256.     padding-top: 5px;
  257.    
  258. }
  259.  
  260. #info {
  261.     margin-top:-10px;
  262.     opacity:0;
  263.     -moz-transition: all 0.5s ease-in-out;
  264.     -o-transition: all 0.5s ease-in-out;
  265.     -ms-transition: all 0.5s ease-in-out;
  266.     transition: all 0.5s ease-in-out;
  267. }
  268.  
  269. .entry:hover #info {
  270.     margin-top:10px;
  271.     opacity:1;
  272.     -moz-transition: all 0.5s ease-in-out;
  273.     -o-transition: all 0.5s ease-in-out;
  274.     -ms-transition: all 0.5s ease-in-out;
  275.     transition: all 0.5s ease-in-out;
  276. }
  277.  
  278. #info a:hover {
  279.     font-style:normal;
  280.     text-decoration:none;
  281.     cursor:help;
  282.    
  283. }
  284.  
  285. #permalink {
  286.     text-align: center;
  287.     position: relative;
  288.     margin-top: 5px;
  289.     padding-top: 5px;
  290. }
  291. #permalink #notecontainer ol.notes {
  292.       list-style-type: none;
  293.       text-align:left;
  294.       padding: 0;
  295.       margin-top:100;
  296. }
  297. #permalink #notecontainer img.avatar {
  298.       margin-right: 10px;
  299.       width: 16px;
  300.       height: 16px;
  301. }
  302. .permatext {
  303.     display:block;
  304.     line-height:15px;
  305.     text-align:center;
  306. }
  307.  
  308.  
  309.  
  310.  
  311. /* moon thing */
  312.  
  313. #moonmoon {
  314.     background-color:rgba(0,0,0,0);
  315.     opacity:.8;
  316.     border:5px solid {color:moon};
  317.     width:140px;
  318.     height:140px;
  319.     border-radius:100px;
  320.     position: fixed;
  321.     margin-left:100px;
  322.     margin-top:45px;
  323.     overflow:hidden;
  324.     z-index:9999;
  325.     -webkit-transition: opacity 0.2s linear;
  326.     -webkit-transition: all 0.2s ease-in-out;
  327.     -moz-transition: all 0.2s ease-in-out;
  328.     -o-transition: all 0.2s ease-in-out;
  329. }
  330. #moonmoonmoon {
  331.     z-index:9999;
  332.     width:130px;
  333.     height:130px;
  334.     border-radius:50%;
  335.     box-shadow: -40px 30px 0 0 {color:moon};
  336.     position: fixed;
  337.     margin-left:45px;
  338.     margin-top:-25px;
  339.     -webkit-transition: opacity 0.2s linear;
  340.     -webkit-transition: all 0.2s ease-in-out;
  341.     -moz-transition: all 0.2s ease-in-out;
  342.     -o-transition: all 0.2s ease-in-out;
  343.    
  344. }
  345.  
  346. #moonmoon:hover{
  347.     border:5px solid {color:moon2};
  348.     -webkit-transition: opacity 0.2s linear;
  349.     -webkit-transition: all 0.2s ease-in-out;
  350.     -moz-transition: all 0.2s ease-in-out;
  351.     -o-transition: all 0.2s ease-in-out;
  352. }
  353.  
  354. #moonmoon:hover #moonmoonmoon{
  355.     box-shadow: -40px 30px 0 0 {color:moon2};
  356.     -webkit-transition: opacity 0.2s linear;
  357.     -webkit-transition: all 0.2s ease-in-out;
  358.     -moz-transition: all 0.2s ease-in-out;
  359.     -o-transition: all 0.2s ease-in-out;
  360. }
  361.  
  362. #moonmoon:hover .lin1, #moonmoon:hover .lin2, #moonmoon:hover .lin3, #moonmoon:hover .lin4 {
  363.     background-color:{color:moon2};
  364. }
  365.  
  366. .lin1 {
  367.     z-index:9999;
  368.     margin-top: 140px;
  369.     margin-left:55px;
  370.     width:6px;
  371.     height:270px;
  372.     border-radius:20px;
  373.     position:fixed;
  374.     background-color:{color:moon};
  375.     -webkit-transition: opacity 0.2s linear;
  376.     -webkit-transition: all 0.2s ease-in-out;
  377.     -moz-transition: all 0.2s ease-in-out;
  378.     -o-transition: all 0.2s ease-in-out;
  379. }
  380.  
  381. .lin1:hover {
  382.     height:280px;
  383.     -webkit-transition: opacity 0.2s linear;
  384.     -webkit-transition: all 0.2s ease-in-out;
  385.     -moz-transition: all 0.2s ease-in-out;
  386.     -o-transition: all 0.2s ease-in-out;
  387.     background-color:{color:moon2};
  388. }
  389.  
  390. .lin2 {
  391.     z-index:9999;
  392.     margin-top: 135px;
  393.     margin-left:35px;
  394.     width:6px;
  395.     height:350px;
  396.     border-radius:20px;
  397.     position:fixed;
  398.     background-color:{color:moon};
  399.     -webkit-transition: opacity 0.2s linear;
  400.     -webkit-transition: all 0.2s ease-in-out;
  401.     -moz-transition: all 0.2s ease-in-out;
  402.     -o-transition: all 0.2s ease-in-out;
  403. }
  404.  
  405. .lin2:hover {
  406.     height:360px;
  407.     -webkit-transition: opacity 0.2s linear;
  408.     -webkit-transition: all 0.2s ease-in-out;
  409.     -moz-transition: all 0.2s ease-in-out;
  410.     -o-transition: all 0.2s ease-in-out;
  411.     background-color:{color:moon2};
  412. }
  413.  
  414. .lin3 {
  415.     z-index:9999;
  416.     margin-top: 140px;
  417.     margin-left:80px;
  418.     width:6px;
  419.     height:300px;
  420.     border-radius:20px;
  421.     position:fixed;
  422.     background-color:{color:moon};
  423.     -webkit-transition: opacity 0.2s linear;
  424.     -webkit-transition: all 0.2s ease-in-out;
  425.     -moz-transition: all 0.2s ease-in-out;
  426.     -o-transition: all 0.2s ease-in-out;
  427. }
  428.  
  429. .lin3:hover {
  430.     height:310px;
  431.     -webkit-transition: opacity 0.2s linear;
  432.     -webkit-transition: all 0.2s ease-in-out;
  433.     -moz-transition: all 0.2s ease-in-out;
  434.     -o-transition: all 0.2s ease-in-out;
  435.     background-color:{color:moon2};
  436. }
  437. .lin4 {
  438.     z-index:9999;
  439.     margin-top: 134px;
  440.     margin-left:100px;
  441.     width:6px;
  442.     height:250px;
  443.     border-radius:20px;
  444.     position:fixed;
  445.     background-color:{color:moon};
  446.     -webkit-transition: opacity 0.2s linear;
  447.     -webkit-transition: all 0.2s ease-in-out;
  448.     -moz-transition: all 0.2s ease-in-out;
  449.     -o-transition: all 0.2s ease-in-out;
  450. }
  451.  
  452. .lin4:hover {
  453.     height:260px;
  454.     -webkit-transition: opacity 0.2s linear;
  455.     -webkit-transition: all 0.2s ease-in-out;
  456.     -moz-transition: all 0.2s ease-in-out;
  457.     -o-transition: all 0.2s ease-in-out;
  458.     background-color:{color:moon2};
  459. }
  460.  
  461.  
  462. /* header */
  463.  
  464. #header {
  465.     opacity:.7;
  466.     margin-top:55px;
  467.     margin-left:270px;
  468.     border-radius:5px;
  469.     width:615px;
  470.     height:125px;
  471.     position:fixed;
  472.     background-image:url('{image:header}');
  473.     background-size:615px;
  474.     background-color:{color:moon};
  475.     /*box-shadow: 5px 8px 0 0 black;*/
  476.     -webkit-transition: opacity 0.2s linear;
  477.     -webkit-transition: all 0.2s ease-in-out;
  478.     -moz-transition: all 0.2s ease-in-out;
  479.     -o-transition: all 0.2s ease-in-out;
  480. }
  481.  
  482. #header:hover {
  483.    background-color:{color:moon2};
  484.     -webkit-transition: opacity 0.2s linear;
  485.     -webkit-transition: all 0.2s ease-in-out;
  486.     -moz-transition: all 0.2s ease-in-out;
  487.     -o-transition: all 0.2s ease-in-out;
  488. }
  489.  
  490. #title {
  491.     margin-left:10px;
  492.     margin-top:10px;
  493.     font-size:60px;
  494.     letter-spacing:2px;
  495.     font-family:calibri, sans-serif;
  496.     font-weight:bold;
  497. }
  498.  
  499. /* misc */
  500.  
  501. #s-m-t-tooltip {
  502.     display: block;
  503.     background: {color:tooltip};
  504.     font-size: 10px;
  505.     text-transform: uppercase;
  506.     color: {color:tooltip text};
  507.     text-align: center;
  508.     font-family:  calibri, sans-serif;
  509.     letter-spacing: 0px;
  510.     margin-left: 18px;
  511.     padding: 1px 2px;
  512.     min-width: 30px;
  513.     max-width: 200px;
  514.     z-index: 99999999999999;
  515. }
  516.  
  517. ::selection {
  518.     background-color:{color:selection};
  519.     color:{color:selection text};
  520. }
  521.  
  522.  
  523. /* sidebar */
  524.  
  525. #desc {
  526.     padding:7px;
  527.     background-color:{color:moon};
  528.     color:{color:text};
  529.     height:90px;
  530.     width:160px;
  531.     position:fixed;
  532.     margin-left:710px;
  533.     margin-top:210px;
  534.     border-radius:5px;
  535.     opacity:.7;
  536.     text-align:justify;
  537.     overflow-y:scroll;
  538.     -webkit-transition: opacity 0.2s linear;
  539.     -webkit-transition: all 0.2s ease-in-out;
  540.     -moz-transition: all 0.2s ease-in-out;
  541.     -o-transition: all 0.2s ease-in-out;
  542. }
  543.  
  544. #desc:hover {
  545.     background-color: {color:moon2};
  546.     -webkit-transition: opacity 0.2s linear;
  547.     -webkit-transition: all 0.2s ease-in-out;
  548.     -moz-transition: all 0.2s ease-in-out;
  549.     -o-transition: all 0.2s ease-in-out;
  550. }
  551.  
  552.  
  553. #links a {
  554.     color:{color:text};
  555. }
  556.  
  557. .home, .ask, .sub, .past, .ichi, .ni, .san, .shi, .theme{
  558.     opacity:.7;
  559.     width:160px;
  560.     padding:7px;
  561.     height:10px;
  562.     line-height:10px;
  563.     background-color:{color:moon};
  564.     position:fixed;
  565.     text-align:center;
  566.     margin-left:710px;
  567.     margin-top:320px;
  568.     border-radius:5px;
  569.     -webkit-transition: opacity 0.2s linear;
  570.     -webkit-transition: all 0.2s ease-in-out;
  571.     -moz-transition: all 0.2s ease-in-out;
  572.     -o-transition: all 0.2s ease-in-out;
  573. }
  574.  
  575. .home:hover, .ask:hover, .sub:hover, .past:hover, .ichi:hover, .ni:hover, .san:hover, .theme:hover, .shi:hover{
  576.     -webkit-transition: opacity 0.2s linear;
  577.     -webkit-transition: all 0.2s ease-in-out;
  578.     -moz-transition: all 0.2s ease-in-out;
  579.     -o-transition: all 0.2s ease-in-out;
  580.     background-color:{color:moon2};
  581.    
  582. }
  583.  
  584. .home {
  585.     margin-top:320px;
  586. }
  587.  
  588. .ask {
  589.     margin-top:345px;
  590. }
  591.  
  592. .sub {
  593.     margin-top:370px;
  594. }
  595.  
  596. .past {
  597.     margin-top:395px;
  598. }
  599.  
  600. .ichi {
  601.     margin-top:420px;
  602. }
  603.  
  604. .ni {
  605.     margin-top:445px;
  606. }
  607. .san {
  608.     margin-top:470px;
  609. }
  610. .shi {
  611.     margin-top:495px;
  612. }
  613.  
  614. .theme {
  615.     margin-top:520px;
  616. }
  617.  
  618. .title {
  619.     font-size:20px;
  620.     line-height:22px;
  621.     color:{color:link};
  622.     text-align:left;
  623.     text-transform:uppercase;
  624.     font-family: 'Oxygen', calibri, sans-serif;
  625.     padding:3.5px;
  626.     -moz-transition: all 0.2s linear;
  627.     -o-transition: all 0.2s linear;
  628.     -ms-transition: all 0.2s linear;
  629.     transition: all 0.2s linear;
  630. }
  631.  
  632. .title:hover {
  633.     color:{color:link2};
  634.     cursor:help;
  635.     -moz-transition: all 0.2s linear;
  636.     -o-transition: all 0.2s linear;
  637.     -ms-transition: all 0.2s linear;
  638.     transition: all 0.2s linear;
  639.     text-decoration:none;
  640. }
  641.  
  642. /* pagniation */
  643.  
  644. #next a, #prev a {
  645.     color:{color:text};
  646. }
  647.  
  648. #next, #prev {
  649.     opacity:.7;
  650.     background-color:{color:moon};
  651.     width:86px;
  652.     height:30px;
  653.     border-radius:5px;
  654.     position:fixed;
  655.     margin-top:553px;
  656.     color:{color:text};
  657.     text-align:center;
  658.     line-height:30px;
  659.     -webkit-transition: opacity 0.2s linear;
  660.     -webkit-transition: all 0.2s ease-in-out;
  661.     -moz-transition: all 0.2s ease-in-out;
  662.     -o-transition: all 0.2s ease-in-out;
  663. }
  664.  
  665. #next:hover, #prev:hover {
  666.     background-color:{color:moon2};
  667.     -webkit-transition: opacity 0.2s linear;
  668.     -webkit-transition: all 0.2s ease-in-out;
  669.     -moz-transition: all 0.2s ease-in-out;
  670.     -o-transition: all 0.2s ease-in-out;
  671. }
  672.  
  673. #next {
  674.     margin-left:797px;
  675. }
  676. #prev {
  677.     margin-left:710px;
  678. }
  679.  
  680.  
  681. </style>
  682.  
  683. </head>
  684.  
  685. <body>
  686.  
  687.  
  688.  
  689.  
  690.  
  691. <div id="container">
  692.  
  693. <!-- moon thing -->
  694. <a href="/" title="{title}"><div id="moonmoon">
  695.     <div id="moonmoonmoon"></div>
  696.     <div class="lin1"></div>
  697.     <div class="lin2"></div>
  698.     <div class="lin3"></div>
  699.     <div class="lin4"></div>
  700. </div></a> <!--- /div moonmoon -->
  701.  
  702. <!-- header -->
  703. <div id="header">
  704.  
  705.    
  706. </div> <!-- /div header -->
  707.  
  708.  
  709. <!-- sidebar -->
  710.  
  711. <div id="desc">{Description}</div>
  712.  
  713. <div id="links">
  714.     <a href="/" ><div class="home">home</div></a>
  715.     <a href="/ask" ><div class="ask">message</div></a>
  716.     <a href="/submit" ><div class="sub">submit</div></a>
  717.     <a href="/archive" ><div class="past">archive</div></a>
  718.     <a href="{text:link1}" ><div class="ichi">{text:link1 title}</div></a>
  719.     <a href="{text:link2}" ><div class="ni">{text:link2 title}</div></a>
  720.     <a href="{text:link3}" ><div class="san">{text:link3 title}</div></a>
  721.     <a href="{text:link4}" ><div class="shi">{text:link4 title}</div></a>
  722.     <a href="http://sanyoucity.tumblr.com/" ><div class="theme">theme</div></a>
  723.    
  724. </div> <!-- /div links -->
  725.  
  726.  
  727. <!-- pagination -->
  728.  
  729. {block:NextPage}
  730.  
  731. <a href="{NextPage}"><div id="next">
  732.     next
  733.    
  734. </div></a>
  735. {/block:NextPage}
  736.  
  737.  
  738. {block:PreviousPage}
  739.  
  740. <a href="{PreviousPage}"><div id="prev">
  741.     prev
  742.    
  743. </div></a>
  744.  
  745. {/block:PreviousPage}
  746.              
  747.             <!--<div id="pagination">
  748.                  {block:PreviousPage}<a href="{PreviousPage}">←</a>{/block:PreviousPage}
  749.                  {block:NextPage}/ <a href="{NextPage}"> →</a>{/block:NextPage}
  750.            </div>-->
  751.        
  752.  
  753.  
  754. <!-- posts -->
  755.  
  756. <div id="posts">
  757.  
  758.     <div class="scroll">
  759.     {block:Posts}
  760.  
  761.         <div class="entry">
  762.  
  763.     {block:indexpage}
  764.      
  765.     {block:HasTags}
  766.   <!--  <div id="tags">
  767.        <b>filed under:</b><br /> {block:Tags} <b>#</b><a href="/tagged/{Tag}">{Tag}</a><br />{/block:Tags}
  768.    </div>--> <!-- /div tags -->
  769.     {/block:HasTags}
  770.      
  771.     {/block:indexpage}
  772.      
  773.     {block:Answer}
  774.     <div class="mono">
  775.     </div>
  776.     <div class="bubble"><span></span><b>{Asker} whispered:</b> {Question}</div><br/><div class="mono">{Answer}</div>
  777.     {/block:Answer}
  778.      
  779.     {block:Text}
  780.     {block:Title}<a href="{Permalink}"class="title" >{Title}</a>{/block:Title}
  781.     <div class="mono">{Body}</div>
  782.     {/block:Text}
  783.      
  784.     {block:Link}
  785.     <a href="{URL}" class="title">{Name}</a>
  786.     {block:Description}{Description}{/block:Description}
  787.     {block:Link}
  788.      
  789.     {block:Photo}
  790.     {LinkOpenTag}
  791.     <div class="mono">
  792.     <img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="100%">
  793.     </div>
  794.     {LinkCloseTag}
  795.     {block:Caption}{Caption}{/block:Caption}
  796.     {/block:Photo}
  797.      
  798.     {block:Photoset}
  799.     <div class="mono">
  800.     <center>{Photoset-400}</center>
  801.     {block:Caption}{Caption}{/block:Caption}
  802.     </div>
  803.     {/block:Photoset}
  804.      
  805.     {block:Quote}
  806.     <a class="title" href="{Permalink}">"{Quote}"</a><br>
  807.     <div align="right">{block:Source}- {Source}{/block:Source}</div>
  808.     {/block:Quote}
  809.      
  810.     {block:Chat}
  811.     {block:Title}<a href="{Permalink}"class="title">{Title}</a>{/block:Title}<br><br>
  812.     <div class="text">
  813.     {block:Lines}<div class="{Alt}">
  814.     <div class="line">{block:Label}<span>{Label}</span>{/block:Label} {Line}<br /></div></div>
  815.     {/block:Lines}
  816.     </div>
  817.     {/block:Chat}
  818.      
  819.     {block:Audio}
  820.     {block:AlbumArt}
  821.     <div class="mono">
  822.     <div class="album"><img src="{AlbumArtURL}"></div>
  823.     </div>
  824.     {/block:AlbumArt}
  825.     <div class="audio"><div class="play">{AudioPlayerBlack}</div></div>
  826.     <div class="cap"><div class="capp">{block:TrackName}<b><font size="2">{TrackName}</font></b>{/block:TrackName}{block:Artist}<br>{Artist}{/block:Artist}</div></div>
  827.     {/block:Audio}
  828.      
  829.     {block:Video}
  830.     <div class="mono">
  831.     <center>{Video-400}</center>
  832.     </div>
  833.     {block:Video}
  834.      
  835. <!--permatext -->
  836.  
  837.     {block:IndexPage}
  838.      
  839.     {block:Date}
  840.      
  841.     <div id="info">
  842.         <div id="date">
  843.        
  844.         <!-- reblog -->
  845.         <a href="{ReblogURL}"
  846.       title="reblog?"
  847.       target=_blank
  848.       class=details
  849.       style="
  850.           padding:5px;
  851.           top:5px;
  852.           color:{color:background};"
  853.           >REBLOG</a>&nbsp;
  854.        
  855.          <!-- date -->  
  856.         <a href="{Permalink}" style="
  857.           padding:5px;
  858.           color:{color:background};
  859.           text-transform:uppercase;">
  860.         {ShortMonth}-{DayOfMonthWithZero}</a>&nbsp;
  861.        
  862.         <!-- time -->
  863.         <a href="{Permalink}"
  864.       style="
  865.           padding:5px;
  866.           color:{color:background};">
  867.         {12Hour}:{Minutes}  {CapitalAmPm}</a>&nbsp;
  868.        
  869.         <!-- notes -->
  870.         {block:NoteCount}<a href="{Permalink}"
  871.       style="
  872.           padding:5px;
  873.           color:{color:background};
  874.           text-transform:uppercase;">
  875.             {notecount}% </a>{/block:NoteCount} &nbsp;
  876.        
  877.         <!-- via -->
  878.         {block:RebloggedFrom}<a href="{ReblogParentURL}"
  879.       title="{ReblogParentName}"
  880.       style="
  881.           padding:5px;
  882.           color:{color:background};">VIA</a>{/block:RebloggedFrom}&nbsp;
  883.         {block:RebloggedFrom}
  884.        
  885.         <!-- ori -->
  886.         <a href="{ReblogRootURL}" title="{ReblogRootName}"
  887.        style="
  888.           padding:5px;
  889.           color:{color:background};">ORI</a>
  890.        {/block:RebloggedFrom}
  891.  
  892.    
  893. <!-- important for some reason
  894.      
  895. <br><br>
  896. {block:HasTags}
  897. <div id="tagg">
  898. <span id="tags" style="
  899.   background-color:#444;
  900.   color:white;
  901.   padding:5px;" >{block:Tags}<a href="{TagURL}">#{Tag}</a>  {/block:Tags}<br><br></span>
  902.   </div>
  903. {/block:hasTags} -->
  904.         </div></div>
  905. {/block:Date}
  906.  
  907.  
  908. {block:IndexPage}
  909.  
  910. {block:PermalinkPage}
  911.  
  912. {block:Caption}{Caption}{/block:Caption}<br>
  913.  
  914. {block:Date}
  915.  
  916. <div id="info">
  917.       <div id="date">
  918.    
  919.     <!-- reblog -->
  920.     <a href="{ReblogURL}"
  921.   title="reblog?"
  922.   target=_blank
  923.   class=details
  924.   style="
  925.       padding:5px;
  926.       top:5px;
  927.       color:{color:background};"
  928.       >REBLOG</a>&nbsp;
  929.    
  930.      <!-- date -->  
  931.     <a href="{Permalink}" style="
  932.       padding:5px;
  933.       color:{color:background};
  934.       text-transform:uppercase;">
  935.     {ShortMonth}-{DayOfMonthWithZero}</a>&nbsp;
  936.    
  937.     <!-- time -->
  938.     <a href="{Permalink}"
  939.   style="
  940.       padding:5px;
  941.       color:{color:background};">
  942.     {12Hour}:{Minutes}  {CapitalAmPm}</a>&nbsp;
  943.    
  944.     <!-- notes -->
  945.     {block:NoteCount}<a href="{Permalink}"
  946.   style="
  947.       padding:5px;
  948.       color:{color:background};
  949.       text-transform:uppercase;">
  950.         {notecount}% </a>{/block:NoteCount} &nbsp;
  951.    
  952.     <!-- via -->
  953.     {block:RebloggedFrom}<a href="{ReblogParentURL}"
  954.   title="{ReblogParentName}"
  955.   style="
  956.       padding:5px;
  957.       color:{color:background};">VIA</a>{/block:RebloggedFrom}&nbsp;
  958.     {block:RebloggedFrom}
  959.    
  960.     <!-- ori -->
  961.     <a href="{ReblogRootURL}" title="{ReblogRootName}"
  962.    style="
  963.       padding:5px;
  964.       color:{color:background};">ORI</a>
  965.    {/block:RebloggedFrom}
  966.         </div></div>
  967. {/block:Date}
  968.  
  969. {block:HasTags}
  970. <br>
  971. <span style="
  972.   background-color:{color:moon};
  973.   color:{color:text};
  974.   padding:2px 5px;" >FILED UNDER:</span>
  975.  
  976.  
  977. {block:Tags}#<a href="{TagURL}">{Tag}</a>  {/block:Tags}<br><br>
  978. {/block:hasTags}
  979.  
  980. {/block:PermalinkPage}
  981.  
  982. {block:PostNotes}{PostNotes}{/block:PostNotes}</div> <!-- /div entry? i think -->
  983.  
  984.  
  985.  
  986. {/block:Posts}
  987.  
  988.  
  989. </div><!-- /div container --->
  990.  
  991.  
  992.  
  993.  
  994.  
  995. </body>
  996.  
  997.  
  998. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement