API tools faq
paste
Advertisement
striaton-city

Nova

striaton-city
Sep 26th, 2015
981
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 24.89 KB | None | 0 0
raw download clone embed print report
  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.                 <!----- [10] Nova -------------------
  9.                
  10.                + Theme by SANYOUCITY.TUMBLR.COM
  11.                                
  12.                Feel free to do whatever you want with
  13.                the  code  as long as you don't remove
  14.                the  credit!! If  you  have any quest-
  15.                ions or comments please don't hesitate
  16.                to  hmu.  I  apologize  in  advance to
  17.                anyone trying  to  find  something  in
  18.                the  code because I'm very unorganized
  19.                (but  I've  made an effort to clean it
  20.                up!)
  21.                
  22.                Thank you so much for using my theme!!
  23.                
  24.                + popup menu tutorial:
  25.                            starious.tumblr.com
  26.                + monochrome tutorial:
  27.                            a--themes.tumblr.com
  28.                
  29.                -------------------------ver 1.0------>
  30.  
  31.  
  32. <!--POPOP-->
  33. <script type="text/javascript"
  34. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  35. <script>
  36. $(document).ready(function() {
  37. $('a.poplight[href^=#]').click(function() {
  38.     var popID = $(this).attr('rel'); //Get Popup Name
  39.     var popURL = $(this).attr('href'); //Get Popup href to define size
  40.     var query= popURL.split('?');
  41.     var dim= query[1].split('&');
  42.     var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  43.     $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"><img src="http://tiny.cc/closeimg" id="closee" title="Close" alt="Close" /></a>');
  44.     var popMargTop = ($('#' + popID).height() + 80) / 2;
  45.     var popMargLeft = ($('#' + popID).width() + 80) / 2;
  46.     //Apply Margin to Popup
  47.     $('#' + popID).css({
  48.     'margin-top' : -popMargTop,
  49.     'margin-left' : -popMargLeft
  50. });
  51. $('body').append('<div id="fade"></div>');
  52. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  53. return false;
  54. });
  55. $('a.close, #fade').live('click', function() {
  56. $('#fade , .popup_block').fadeOut(function() {
  57. $('#fade, a.close').remove(); //fade them both out
  58. });
  59. return false;
  60. });
  61. });
  62. </script>
  63.  
  64.  
  65. <title>{Title}</title>
  66. <link rel="shortcut icon" href="{Favicon}">
  67. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  68. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  69.  
  70.  
  71. <!--TOOLTIP-->
  72. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  73. <script type="text/javascript" src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
  74. <script>
  75.     (function($){
  76.         $(document).ready(function(){
  77.             $("[title]").style_my_tooltips();
  78.         });
  79.     })(jQuery);
  80. </script>
  81.  
  82.  
  83.  
  84. <!--IMAGES-->
  85. <meta name="image:side image" content="http://static.tumblr.com/db5fcebe24ae0c20239342a261fca098/wrjqiql/9Slnvb6v2/tumblr_static_cqxc7uaciygwookgk84w0g40g.png"/>
  86. <meta name="image:background" content="http://static.tumblr.com/5dacd004927da04b74e271b176c3dee0/wrjqiql/XTlnvb70k/tumblr_static_4153lgl549k4wcogskgk0g0kg.png"/>
  87. <meta name="image:profile" content="http://41.media.tumblr.com/8404b975ffd8a18421f9e281b693d24f/tumblr_inline_nvb8i839kk1rt94kr_100.png"/>
  88.  
  89. <!--COLORS-->
  90. <meta name="color:background" content="#ffffff"/>
  91. <meta name="color:scroll" content="#f3a3d6"/>
  92. <meta name="color:posts" content="#ff68c8"/>
  93. <meta name="color:title" content="#ff68c8"/>
  94. <meta name="color:title2" content="#ffffff"/>
  95. <meta name="color:blockquote" content="#f3a3d6"/>
  96. <meta name="color:text" content="#313436"/>
  97. <meta name="color:selection text" content="#5ac9e1"/>
  98. <meta name="color:selection" content="#ffffff"/>
  99. <meta name="color:nav hover1" content="#5ac9e1"/>
  100. <meta name="color:nav hover2" content="#5ac9e1"/>
  101. <meta name="color:nav hover3" content="#5ac9e1"/>
  102. <meta name="color:nav hover4" content="#5ac9e1"/>
  103. <meta name="color:nav hover5" content="#5ac9e1"/>
  104. <meta name="color:link" content="#9d55be"/>
  105. <meta name="color:ask text" content="#86617e"/>
  106. <meta name="color:ask bubble" content="#eae8e8"/>
  107. <meta name="color:tooltip text" content="#ffffff"/>
  108. <meta name="color:tooltip" content="#f3a3d6"/>
  109. <meta name="color:reblog" content="#f3a3d6"/>
  110. <meta name="color:date" content="#f3a3d6"/>
  111. <meta name="color:time" content="#f3a3d6"/>
  112. <meta name="color:notes" content="#68e8ff"/>
  113. <meta name="color:via" content="#68e8ff"/>
  114. <meta name="color:ori" content="#68e8ff"/>
  115. <meta name="color:odd chat" content="#ff68c8">
  116. <meta name="color:even chat" content="#f3a3d6">
  117. <meta name="color:bold" content="#b870a9"/>
  118. <meta name="color:italics" content="#39c5e5"/>
  119.  
  120. <!--TEXT-->
  121. <meta name="text:link1 title" content="LINK 1"/>
  122. <meta name="text:link1 url" content="/"/>
  123. <meta name="text:link2 title" content="LINK 2"/>
  124. <meta name="text:link2 url" content="/"/>
  125. <meta name="text:link3 title" content="LINK 3"/>
  126. <meta name="text:link3 url" content="/"/>
  127. <meta name="text:link4 title" content="LINK 4"/>
  128. <meta name="text:link4 url" content="/"/>
  129. <meta name="text:link5 title" content="LINK 5"/>
  130. <meta name="text:link5 url" content="/"/>
  131. <meta name="text:link6 title" content="LINK 6"/>
  132. <meta name="text:link6 url" content="/"/>
  133.  
  134. <!--IFs-->
  135. <meta name="if:All Caps" content="0"/>
  136. <meta name="if:Monochrome" content="1" />
  137.  
  138. <!--FONTS-->
  139. <link href='http://fonts.googleapis.com/css?family=Maven+Pro:400,900' rel='stylesheet' type='text/css'>
  140. <link href='http://fonts.googleapis.com/css?family=Oxygen' rel='stylesheet' type='text/css'>
  141.  
  142. <style type="text/css">
  143.  
  144. /*POPUP*/
  145.  
  146. #closee {width:30px;float: right;}
  147.  
  148. #fade { /*--Transparent background layer--*/
  149.     display: none; /*--hidden by default--*/
  150.     background-image: url('{image:background}');
  151.     position: fixed; left: 0; top: 0;
  152.     width: 100%; height: 100%;
  153.     opacity:1;
  154.     z-index: 999999999;
  155. }
  156. .popup_block{
  157.     display: none; /*--hidden by default--*/
  158.     background: rgba(0,0,0,0);
  159.     padding: 10px;
  160.     border: 1px solid {color:posts};
  161.     float: left;
  162.     font-size: 10;
  163.     position: fixed;
  164.     top: 50%; left: 50%;
  165.     z-index: 99999999999999999999;
  166. }
  167.  
  168. img.btn_close {float: right;margin: -20 -20px 0 0;}
  169. /*--Making IE6 Understand Fixed Positioning--*/
  170. *html #fade {position: absolute;}
  171. *html .popup_block {position: absolute;}
  172.  
  173. /*SCROLL*/
  174.  
  175. ::-webkit-scrollbar { width: 7px; }
  176. ::-webkit-scrollbar-track-piece { background-color:rgba(0,0,0,0); }
  177. ::-webkit-scrollbar-thumb:vertical {
  178.     width: 10px;
  179.     background-color: {color:scroll};
  180.     border: 3px solid {color:background};
  181. }
  182. ::-webkit-scrollbar-thumb{background-color:{color:scroll};}
  183.  
  184. /*GENERAL*/
  185.  
  186. body {
  187.     background: {color:background};
  188.     font-family: calibri, sans-serif;
  189.     font-size: 11px;
  190.     {block:ifAllCaps}
  191.     text-transform:uppercase;
  192.     {/block:ifAllCaps}
  193.     letter-spacing:2px;
  194.     color: {color:text};
  195.     text-align: center;
  196.     background-image: url('{image:background}');
  197.     font-family: calibri, sans-serif;
  198.     border:none;
  199. }
  200.  
  201. body, a, a:hover {cursor: crosshair;}
  202. ul {list-style-type: square;}
  203.  
  204. blockquote {
  205.     padding-left:5px;
  206.     border-left:1px solid;
  207.     color: {color:blockquote};  
  208. }
  209.  
  210. a {
  211.     color: {color:link};
  212.     text-decoration: none;
  213. }
  214.  
  215. a:hover {text-decoration:underline;}
  216. strong, b {color: {color:bold};}
  217. em, i {color: {color:italics};}
  218. img {max-width: 100%;}
  219.  
  220. h1 {
  221.     text-align: left;
  222.     font-size: 15px;
  223.     color: {color:Title};
  224.     font-variant:small-caps;
  225. }
  226.  
  227. /*PAGINATION*/
  228.  
  229. .prev {
  230.     color:{color:text};
  231.     margin-left: -40px;
  232.     position:fixed;
  233.     margin-top:195px;
  234.     padding-right:10px;
  235.     opacity:.8;
  236.     font-weight:bold;
  237.     font-size: 8px;
  238.     z-index:9999;
  239.     text-align:left;
  240. }
  241.  
  242. .next {
  243.     color:{color:text};
  244.     margin-left: 540px;
  245.     position:fixed;
  246.     margin-top:195px;
  247.     opacity:.8;
  248.     font-weight:bold;
  249.     font-size: 8px;
  250.     z-index:9999;
  251.     text-align:left;
  252. }
  253.  
  254. .prev a, .next a {color:{color:text};}
  255. #pagination a {color:{color:nav text hover}; }
  256.  
  257. #pagination a:hover {
  258.     background-color: rgba(0,0,0,0);
  259.     font-style:normal;
  260. }
  261.  
  262. /*SIDEBAR (not rly on the side tho)*/
  263.  
  264. #side {
  265.     position:left;
  266.     width:auto;
  267.     height:auto;
  268. }
  269.  
  270. #profile {
  271.     width:100px;
  272.     height:100px;
  273.     border-radius:100px;
  274.     position:fixed;
  275.     margin-top:20px;
  276.     margin-left:225px;
  277. }
  278.  
  279. #profile img {
  280.     width:100px;
  281.     height:100px;
  282.     border-radius:100px;
  283. }
  284.  
  285. #description {
  286.     position: relative;
  287.     margin: 0px;
  288.     padding: 10px;
  289.     width: 200px;
  290.     text-align: justify;
  291.     font-family: 'Inconsolata', ;
  292. }
  293.  
  294. #desc {
  295.     z-index:99999;
  296.     max-height:50px;
  297.     border-radius:0px;
  298.     background-color:rgba(0,0,0,0);
  299.     position:fixed;
  300.     letter-spacing:.01px;
  301.     padding:5px;
  302.     text-align:justify;
  303.     word-wrap: break-word;
  304.     overflow-y:scroll;
  305.     opacity:.8;
  306.     text-transform:none;
  307.     opacity:1;
  308.     position:fixed;
  309.     width: 300px;
  310.     margin-top:130px;
  311.     margin-left:120px;
  312.     text-align:center;
  313. }
  314.  
  315. /*POSTS*/
  316.  
  317. #around {
  318.     width: 20px;
  319. }
  320.  
  321. #container {
  322.    margin-left:auto;
  323.    margin-right:auto;
  324.    width: 500px;
  325. }
  326.  
  327. .entry {
  328.     margin-top:100px;
  329.     margin-left: -200px;
  330.     float:left;
  331.     position: relative;
  332.     width:250px;
  333.     padding: 5px;
  334.     margin-bottom:20px;
  335.     background-color: {color:background};
  336.     word-wrap: break-word;
  337.     opacity:1;
  338.     transition: 2s;
  339.     z-index:99;
  340.    
  341. }
  342.  
  343. {block:ifMonochrome}
  344. .mono{
  345.     filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
  346.     filter: gray;
  347.     -webkit-filter: grayscale(100%);
  348.     -webkit-transition: all 0.7s linear;
  349.     -moz-transition: all 0.7s linear;
  350.     -o-transition: all 0.7s linear;
  351. }
  352.  
  353. .mono:hover{
  354.     filter: none;
  355.     -webkit-filter: grayscale(0%);  
  356. }
  357. {/block:ifMonochrome}  
  358.  
  359. .entry img:hover {
  360.     background-color: rgba(0,0,0,0);
  361. }
  362.  
  363. #portrait img {
  364.     float: left;
  365.     margin-right: 5px;
  366. }
  367.  
  368. #permalink {
  369.     text-align: center;
  370.     position: relative;
  371.     margin-top: 5px;
  372.     padding-top: 5px;
  373.    
  374. }
  375.  
  376. #permalink #notecontainer ol.notes {
  377.       list-style-type: none;
  378.       text-align:left;
  379.       padding: 0;
  380.       margin-top:100;
  381. }
  382.  
  383. #permalink #notecontainer img.avatar {
  384.       margin-right: 10px;
  385.       width: 16px;
  386.       height: 16px;
  387. }
  388.      
  389. .left{
  390.     float:left;
  391.     margin-right:20px;
  392.     width:802px;}
  393.  
  394. #posts{
  395.     float:left;
  396.     margin-top:200px;
  397.     width:500px;
  398.     height:70%;
  399.     padding:10px;
  400.     position:fixed;
  401.     border-radius:0px;
  402.     opacity:1;
  403.     background-color: rgba(0,0,0,0) ;
  404.     border-top:1px solid {color:posts};
  405.     border-image:url() 30 30 round;
  406.     overflow-x:hidden;
  407.     overflow-y: scroll;
  408.     z-index:9999;
  409. }
  410.  
  411. .title {
  412.     font-size:20px;
  413.     line-height:22px;
  414.     color:{color:Title};
  415.     text-align:left;
  416.     text-transform:uppercase;
  417.     font-family: 'Oxygen', calibri, cursive;
  418.     padding:3.5px;
  419.     -moz-transition: all 0.5s linear;
  420.     -o-transition: all 0.5s linear;
  421.     -ms-transition: all 0.5s linear;
  422.     transition: all 0.5s linear;
  423. }
  424.  
  425. .title:hover {
  426.     color:{color:nav hover1};
  427.     cursor:help;
  428.     -moz-transition: all 0.5s linear;
  429.     -o-transition: all 0.5s linear;
  430.     -ms-transition: all 0.5s linear;
  431.     transition: all 0.5s linear;
  432.     text-decoration:none;
  433. }
  434.  
  435. .entry {
  436.     padding:5px;
  437.     margin:2px;
  438.     margin-bottom:12px;
  439.     margin-left:45px;
  440.     width:400px;
  441.     border-radius:0px;
  442.     padding:5px;
  443.     background:rgba(0,0,0,0);
  444.     text-align: justify;
  445.     z-index:99;
  446. }
  447.  
  448. .permatext {
  449.     display:block;
  450.     line-height:15px;
  451.     text-align:center;
  452. }
  453.  
  454. #musicc {
  455.     margin-left: 190px;
  456.     margin-top:415px;
  457.     position:fixed;
  458.     opacity:.8;
  459.     z-index:9999;
  460. }
  461.  
  462. .album {
  463.     position:absolute;
  464.     width:100px;
  465.     height:100px;
  466.    
  467. }
  468. .album img {
  469.     width:100px;
  470.     height:100px;
  471.     z-index:1;
  472.    
  473. }
  474. .audio {
  475.     display:block;
  476.     position:absolute;
  477.     width:30px;
  478.     height:30px;
  479.    
  480. }
  481. .play {
  482.     width:27px;
  483.     height:80px;
  484.     opacity:.5;
  485.     padding-top:40px;
  486.     padding-left:35px;
  487.     overflow:hidden;
  488.    
  489. }
  490. .cap {
  491.     height:100px;
  492.    
  493. }
  494. .capp {
  495.     margin-left:110px;
  496.     width:250px;
  497.     text-align:left;
  498. }
  499.  
  500. .bubble {
  501.     position:relative;
  502.     margin:0px 0px 0px 50px;
  503.     text-align:left; padding:10px;
  504.     color:{color:ask text};
  505.     border:1px solid {color:ask bubble};
  506.     opacity:.7;
  507.     border-radius:0px;
  508.     double {color:ask bubble};
  509.    
  510. }
  511.  
  512. .bubble p {margin:1px 0px;}
  513.  
  514. .line {
  515.     border-bottom: 1px solid {color:ask bubble};
  516.     background-color: transparent;
  517. }
  518.  
  519. .odd .line {
  520.     padding: 5px 5px;
  521.     color:{color:odd chat};
  522. }
  523. .even .line {
  524.     padding: 5px 5px;
  525.     color:{color:even chat};
  526. }
  527.  
  528. /*LINKS*/
  529.  
  530. .yi, .er, .san, .si, .wu, .liu {
  531.     height:40px;
  532.     width:120px;
  533.     padding:2px;
  534.     line-height:40px;
  535.     font-size:20px;
  536.     text-align:center;
  537.     position:fixed;
  538.     background-color:{color:title};
  539.     color:{color:title2};
  540.     border: 1px solid {color:title2};
  541.     z-index:9999999999;
  542.     -webkit-transition: all 0.5s linear;
  543.     -moz-transition: all 0.5s linear;
  544.     -o-transition: all 0.5s linear;
  545. }
  546.  
  547. .yi {margin-left:22.5px;margin-top: 30px;}
  548. .er {margin-left:185px;margin-top: 30px;}
  549. .san {margin-left:347.5px;margin-top: 30px;}
  550. .si {margin-left:22.5px;margin-top: 110.5px;}
  551. .wu {margin-left:185px;margin-top:110.5px;}
  552. .liu {margin-left:347.5px;margin-top:110.5px;}
  553.  
  554. .yi:hover, .er:hover, .san:hover, .si:hover, .wu:hover, .liu:hover{
  555.     background-color:rgba(0,0,0,0);
  556.     color:{color:title};
  557.     border: 1px solid {color:title};
  558.     -webkit-transition: all 0.5s linear;
  559.     -moz-transition: all 0.5s linear;
  560.     -o-transition: all 0.5s linear;
  561. }
  562.  
  563.  
  564.  
  565.  
  566. #links, #sub, #archive, #ask, #home {
  567.     height:10px;
  568.     width:10px;
  569.     position:fixed;
  570.     border-radius:1px;
  571.     background-color:{color:posts};
  572.     margin-top:195px;
  573.     z-index:999999999;
  574.     -webkit-transition: all 0.5s linear;
  575.     -moz-transition: all 0.5s linear;
  576.     -o-transition: all 0.5s linear;
  577. }
  578.  
  579. #links{margin-left:505px;}
  580. #sub {margin-left:490px;}
  581. #archive {margin-left:475px;}
  582. #ask {margin-left:460px;}
  583. #home {margin-left:445px;}
  584.  
  585. #links:hover, #sub:hover, #archive:hover, #ask:hover, #home:hover {
  586.     background-color:{color:nav hover4};
  587.     -webkit-transition: all 0.5s linear;
  588.     -moz-transition: all 0.5s linear;
  589.     -o-transition: all 0.5s linear;
  590. }
  591.  
  592. /*MISC*/
  593.  
  594. #sideb {
  595.     z-index:1;
  596.     position:fixed;
  597. }
  598. #sideb img {position:relative;}
  599. img {border-radius:0px;}
  600.  
  601. #info {
  602.     margin-top:-10px;
  603.     opacity:0;
  604.     -moz-transition: all 0.5s ease-in-out;
  605.     -o-transition: all 0.5s ease-in-out;
  606.     -ms-transition: all 0.5s ease-in-out;
  607.     transition: all 0.5s ease-in-out;
  608. }
  609.  
  610. .entry:hover #info {
  611.     margin-top:10px;
  612.     opacity:1;
  613.     -moz-transition: all 0.5s ease-in-out;
  614.     -o-transition: all 0.5s ease-in-out;
  615.     -ms-transition: all 0.5s ease-in-out;
  616.     transition: all 0.5s ease-in-out;
  617. }
  618.  
  619. #info a:hover {
  620.     font-style:normal;
  621.     text-decoration:none;
  622.     cursor:help;
  623. }
  624.  
  625. #s-m-t-tooltip {
  626.     display: block;
  627.     background: {color:tooltip};
  628.     font-size: 10px;
  629.     text-transform: uppercase;
  630.     color: {color:tooltip text};
  631.     text-align: center;
  632.     font-family:  calibri, sans-serif;
  633.     letter-spacing: 0px;
  634.     margin-left: 18px;
  635.     padding: 1px 2px;
  636.     min-width: 30px;
  637.     max-width: 200px;
  638.     z-index: 9999999999999999999999;
  639. }
  640.  
  641. ::selection {
  642.     background-color:{color:selection};
  643.     color:{color:selection text};
  644. }
  645.  
  646. #thing {width: 100%;height:100%;position:fixed;z-index:1;}
  647. #swagmoney {position:fixed;font-weight:700;font-size:20px;line-height:20px;width: 100px;height:21px;overflow:hidden;z-index:9999999999999999;inline:block;color:{color:text};}
  648. .swag {margin-top:0px;position:relative;transition:.3s;}
  649. .swag:hover {margin-top:-21px;transition:.3s;}
  650. .swag a {color:{color:text};}
  651. .swag a:hover {text-decoration:none;color:#FF3399;}
  652.    
  653. </style>
  654.  
  655. </head>
  656.  
  657. <body>
  658.  
  659.  
  660.  
  661.  
  662.  
  663. <div id="swagmoney">
  664. <div class="swag"><span style="margin-left:-50px;">♔</span><br><a  style="font-size:11px" href="http://sanyoucity.tumblr.com/">&nbsp;SANYOUCITY</a></div>
  665. </div>
  666. <div id="container">
  667.  
  668. <!--RENDER/SIDE IMAGE-->
  669.  
  670. <div id="sideb"><div style="position:fixed;  bottom:0px; right:0px; width:px; ">
  671. <img style="width:400px" src= "{image:side image}" /> <br></div></div>
  672.  
  673. <!--(not so) SIDEBAR-->
  674.  
  675. <div id="profile"><img src="{image:profile}"/></div>
  676.  
  677. <div id="desc">{Description}</div>
  678.  
  679. <!--NAVIGATION LINKS-->
  680.  
  681. <a title="home" href="/"><div id="home"></div></a>
  682. <a title="ask"
  683. href="#?w=500"rel="02" class="poplight"><div id="ask"></div></a>
  684. <a title="past" href="/archive"><div id="archive"></div></a>
  685. <a title="submit" href="#?w=500" rel="022" class="poplight"><div id="sub"></div></a>
  686. <a title="links" href="#?w=500 "rel="navv" class="poplight"><div id="links"></div></a>
  687.  
  688. <!--LINKS POPUP-->
  689. <div id="navv" class="popup_block" style="height:190px">
  690.     <a href="{text:link1 url}"><div class="yi">{text:link1 title}</div></a>
  691.     <a href="{text:link2 url}"><div class="er">{text:link2 title}</div></a>
  692.     <a href="{text:link3 url}"><div class="san">{text:link3 title}</div></a>
  693.     <a href="{text:link4 url}"><div class="si">{text:link4 title}</div></a>
  694.     <a href="{text:link5 url}"><div class="wu">{text:link5 title}</div></a>
  695.     <a href="{text:link6 url}"><div class="liu">{text:link6 title}</div></a>
  696.     <div id="sideb"><div style="position:fixed;  bottom:0px; right:0px; width:px; ">
  697.     <img width=80% src= "{image:side image}" /> <br></div></div>
  698. </div>
  699.  
  700. <!--ASK POPUP-->
  701. <div id="02" class="popup_block">
  702.     <Center><iframe frameborder="0" scrolling="yes" width="100%" height="190" src="http://www.tumblr.com/ask_form/{Name}.tumblr.com" style="background-color:transparent; overflow:hidden;" id="ask_form"></iframe>
  703.     </center>
  704.      <div id="sideb"><div style="position:fixed;  bottom:0px; right:0px; width:px; ">
  705.     <img width=80% src= "{image:side image}" /> <br></div></div>
  706. </div>
  707.  
  708. <!--SUBMIT POPUP-->
  709. <div id="022" class="popup_block">
  710.     <Center><iframe frameborder="0" scrolling="yes" width="100%" height="190" src="http://www.tumblr.com/submit_form/{Name}.tumblr.com" style="background-color:transparent; overflow:hidden;" id="ask_form"></iframe>
  711.     </center>
  712.     <div id="sideb"><div style="position:fixed;  bottom:0px; right:0px; width:px; ">
  713.     <img width=80% src= "{image:side image}" /> <br></div></div>
  714. </div>
  715.  
  716. <!--PAGINATION-->    
  717.       <div class="prev">{block:PreviousPage}<a href="{PreviousPage}" >prev </a>{/block:PreviousPage}</div>
  718.      
  719.      
  720.      <div class="next">{block:NextPage} <a href="{NextPage}" >next</a>{/block:NextPage}</div>
  721.              
  722.  
  723. <!--POSTS-->
  724. <div id="bottom"></div>
  725.  
  726. <div class="left">
  727.  
  728. <div id="posts">
  729.  
  730. <div class="scroll">
  731. {block:Posts}
  732.  
  733. <div class="entry">
  734.    
  735.    
  736.     {block:Answer}
  737.     <img src="{AskerPortraitURL-40}" width="49" align="left">
  738.     <div class="bubble"><span></span><b>{Asker} whispered:</b> {Question}</div><br/>{Answer}
  739.     {/block:Answer}
  740.    
  741.     {block:Text}
  742.     {block:Title}<a href="{Permalink}"class="title" >{Title}</a>{/block:Title}
  743.     {Body}
  744.     {/block:Text}
  745.    
  746.     {block:Link}
  747.     <a href="{URL}" class="title">{Name}</a>
  748.     {block:Description}{Description}{/block:Description}
  749.     {block:Link}
  750.    
  751.     {block:Photo}
  752.     {LinkOpenTag}
  753.     <div class="mono">
  754.     <img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="100%">
  755.     </div>
  756.     {LinkCloseTag}
  757.     {/block:Photo}
  758.    
  759.     {block:Photoset}
  760.     <div class="mono">
  761.     <center>{Photoset-400}</center>
  762.     </div>
  763.     {/block:Photoset}
  764.    
  765.     {block:Quote}
  766.     <a class="title" href="{Permalink}">"{Quote}"</a><br>
  767.     <div align="right">{block:Source}- {Source}{/block:Source}</div>
  768.     {/block:Quote}
  769.    
  770.    
  771.     {block:Chat}
  772.     {block:Title}<a href="{Permalink}"class="title">{Title}</a>{/block:Title}<br><br>
  773.     <div class="text">
  774.     {block:Lines}<div class="{Alt}">
  775.     <div class="line">{block:Label}<span>{Label}</span>{/block:Label} {Line}<br /></div></div>
  776.     {/block:Lines}
  777.     </div>
  778.     {/block:Chat}
  779.    
  780.     {block:Audio}
  781.     {block:AlbumArt}
  782.     <div class="album"><img src="{AlbumArtURL}"></div>
  783.     {/block:AlbumArt}
  784.     <div class="audio"><div class="play">{AudioPlayerBlack}</div></div>
  785.     <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>
  786.     {block:Caption}{Caption}{/block:Caption}
  787.     {/block:Audio}
  788.    
  789.     {block:Video}
  790.     <div class="mono">
  791.     <center>{Video-400}</center>
  792.     </div>
  793.     {block:Video}
  794.  
  795. <!--PERMALINK -->
  796.  
  797. {block:IndexPage}
  798.  
  799.  
  800. {block:Date}
  801.  
  802. <div id="info">
  803.     <div id="date">
  804.    
  805.     <a href="{ReblogURL}"
  806.    title="reblog?"
  807.    target=_blank
  808.    class=details
  809.    style="
  810.        padding:2px 5px;
  811.        background:{color:reblog};
  812.        color:{color:background};">REBLOG</a>&nbsp;
  813.     <a href="{Permalink}" style="
  814.        padding:2px 5px;
  815.        background:{color:date};
  816.        color:{color:background};
  817.        text-transform:uppercase;">
  818.     {ShortMonth}-{DayOfMonthWithZero}</a>&nbsp;
  819.     <a href="{Permalink}"
  820.    style="
  821.        padding:2px 5px;
  822.        background:{color:time};
  823.        color:{color:background};">
  824.     {12Hour}:{Minutes}  {CapitalAmPm}
  825.        
  826.     </a>&nbsp;
  827.    
  828.     {block:NoteCount}<a href="{Permalink}"
  829.    style="
  830.        padding:2px 5px;
  831.        background:{color:notes};
  832.        color:{color:background};
  833.        text-transform:uppercase;">
  834.         {notecount}% </a>{/block:NoteCount} &nbsp;
  835.    
  836.     {block:RebloggedFrom}<a href="{ReblogParentURL}" title="{ReblogParentName}"
  837.    style="
  838.        padding:2px 5px;
  839.        background:{color:via};
  840.        color:{color:background};">VIA</a>{/block:RebloggedFrom}&nbsp;
  841.     {block:RebloggedFrom}
  842.     <a href="{ReblogRootURL}" title="{ReblogRootName}"
  843.     style="
  844.        padding:2px 5px;
  845.        background:{color:ori};
  846.        color:{color:background};">ORI</a>
  847.    {/block:RebloggedFrom}
  848.        
  849.    
  850.        
  851.     </div></div>
  852. {/block:Date}
  853.  
  854.  
  855. {block:IndexPage}
  856.  
  857. {block:PermalinkPage}
  858.  
  859. {block:Caption}{Caption}{/block:Caption}<br>
  860.  
  861. {block:Date}
  862.  
  863. <div id="info">
  864.     <div id="date">
  865.    
  866.     <a href="{ReblogURL}"
  867.    title="reblog?"
  868.    target=_blank
  869.    class=details
  870.    style="
  871.        padding:2px 5px;
  872.        background:{color:reblog};
  873.        color:{color:background};">REBLOG</a>&nbsp;
  874.     <a href="{Permalink}" style="
  875.        padding:2px 5px;
  876.        background:{color:date};
  877.        color:{color:background};
  878.        text-transform:uppercase;">
  879.     {ShortMonth}-{DayOfMonthWithZero}</a>&nbsp;
  880.     <a href="{Permalink}"
  881.    style="
  882.        padding:2px 5px;
  883.        background:{color:time};
  884.        color:{color:background};">
  885.     {12Hour}:{Minutes}  {CapitalAmPm}
  886.        
  887.     </a>&nbsp;
  888.    
  889.     {block:NoteCount}<a href="{Permalink}"
  890.    style="
  891.        padding:2px 5px;
  892.        background:{color:notes};
  893.        color:{color:background};
  894.        text-transform:uppercase;">
  895.         {notecount}% </a>{/block:NoteCount} &nbsp;
  896.    
  897.     {block:RebloggedFrom}<a href="{ReblogParentURL}" title="{ReblogParentName}"
  898.    style="
  899.        padding:2px 5px;
  900.        background:{color:via};
  901.        color:{color:background};">VIA</a>{/block:RebloggedFrom}&nbsp;
  902.     {block:RebloggedFrom}
  903.     <a href="{ReblogRootURL}" title="{ReblogRootName}"
  904.     style="
  905.        padding:2px 5px;
  906.        background:{color:ori};
  907.        color:{color:background};">ORI</a>
  908.    {/block:RebloggedFrom}
  909.        
  910.    
  911.        
  912.     </div></div>
  913. {/block:Date}
  914. <br>
  915. {block:HasTags}
  916. <span style="
  917.    background-color:{color:notes};
  918.    color:{color:background};
  919.    padding:2px 5px;" >FILED UNDER:</span>
  920.  
  921.  
  922. {block:Tags}#<a href="{TagURL}">{Tag}</a>  {/block:Tags}<br><br>
  923. {/block:hasTags}
  924.  
  925.  
  926.  
  927. {/block:PermalinkPage}
  928.  
  929. {block:PostNotes}{PostNotes}{/block:PostNotes}</div>
  930.  
  931.  
  932.  
  933. {/block:Posts}</div></div></div></div></div>
  934.  
  935. <div id="thing"></div>
  936.  
  937. </body>
  938.  
  939. <div id="02" class="popup_block">
  940.  
  941. <Center><iframe frameborder="0" scrolling="yes" width="100%" height="190" src="http://www.tumblr.com/ask_form/{Name}.tumblr.com" style="background-color:transparent; overflow:hidden;" id="ask_form"></iframe>
  942. </center></div>
  943.  
  944. </div></div></div></div></div></div></div></div></div></div></div>
  945.  
  946.  
  947.  
  948. </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!