API tools faq
paste
Advertisement
striaton-city

Memories of You

striaton-city
Jul 17th, 2015
1,256
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 28.97 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.                 <!----- [9] Memories of You -----------
  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.1------>
  30.  
  31.  
  32. <!-- POPUP JAVASCRIPT -->
  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. //
  38. $('a.poplight[href^=#]').click(function() {
  39. var popID = $(this).attr('rel'); //Get Popup Name
  40. var popURL = $(this).attr('href'); //Get Popup href to define size
  41. var query= popURL.split('?');
  42. var dim= query[1].split('&');
  43. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  44. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"><img src="http://tiny.cc/closeimg" id="closee" title="Close" alt="Close" /></a>');
  45. var popMargTop = ($('#' + popID).height() + 80) / 2;
  46. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  47. //Apply Margin to Popup
  48. $('#' + popID).css({
  49. 'margin-top' : -popMargTop,
  50. 'margin-left' : -popMargLeft
  51. });
  52. $('body').append('<div id="fade"></div>');
  53. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  54. return false;
  55. });
  56. $('a.close, #fade').live('click', function() {
  57. $('#fade , .popup_block').fadeOut(function() {
  58. $('#fade, a.close').remove(); //fade them both out
  59. });
  60. return false;
  61. });
  62. });
  63. </script>
  64. </script>
  65.  
  66. <title>{Title}</title>
  67. <link rel="shortcut icon" href="{Favicon}">
  68. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  69. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  70.  
  71. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  72.  
  73. <!-- TOOLTIP -->
  74. <script type="text/javascript" src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
  75. <script>
  76.     (function($){
  77.         $(document).ready(function(){
  78.             $("[title]").style_my_tooltips();
  79.         });
  80.     })(jQuery);
  81. </script>
  82.  
  83.  
  84.  
  85. <meta name="image:side image" content="http://static.tumblr.com/608371af1ff647ea3f5bb1eb4e640f7c/wrjqiql/ghSnrnqg7/tumblr_static_pgiafn0ku0gs4oo80cwwckg8.png"/>
  86. <meta name="image:background" content=""/>
  87.  
  88. <meta name="color:background" content="#ffffff"/>
  89. <meta name="color:scroll" content="#a5a5a5"/>
  90. <meta name="color:posts" content="#a5a5a5"/>
  91. <meta name="color:title" content="#444444"/>
  92. <meta name="color:title2" content="#ffffff"/>
  93. <meta name="color:blockquote" content="#8e9294"/>
  94. <meta name="color:text" content="#032d41"/>
  95. <meta name="color:selection text" content="#a34d42"/>
  96. <meta name="color:selection" content="#ffffff"/>
  97. <meta name="color:description" content="#444"/>
  98.  
  99. <meta name="color:nav" content="#444"/>
  100. <meta name="color:nav hover" content="#fff"/>
  101.  
  102. <meta name="color:link" content="#235c92"/>
  103. <meta name="color:ask text" content="#616a86"/>
  104. <meta name="color:ask bubble" content="#eae8e8"/>
  105. <meta name="color:tooltip text" content="#ffffff"/>
  106. <meta name="color:tooltip" content="#444444"/>
  107.  
  108. <meta name="color:perm" content="#444444"/>
  109. <meta name="color:perm border" content="#444444"/>
  110. <meta name="color:perm hover" content="#a5a5a5"/>
  111.  
  112. <meta name="color:odd chat" content="#777777">
  113. <meta name="color:even chat" content="#b8b8b8">
  114.  
  115. <meta name="color:bold" content="#9a787e"/>
  116. <meta name="color:italics" content="#aed2da"/>
  117.  
  118. <meta name="text:link1 title" content="LINK 1"/>
  119. <meta name="text:link1 url" content="/"/>
  120. <meta name="text:link2 title" content="LINK 2"/>
  121. <meta name="text:link2 url" content="/"/>
  122. <meta name="text:link3 title" content="LINK 3"/>
  123. <meta name="text:link3 url" content="/"/>
  124. <meta name="text:link4 title" content="LINK 4"/>
  125. <meta name="text:link4 url" content="/"/>
  126. <meta name="text:link5 title" content="LINK 5"/>
  127. <meta name="text:link5 url" content="/"/>
  128. <meta name="text:link6 title" content="LINK 6"/>
  129. <meta name="text:link6 url" content="/"/>
  130.  
  131. <meta name="text:side image width" content="430"/>
  132.  
  133. <meta name="if:All Caps" content="1"/>
  134. <meta name="if:Monochrome" content="0" />
  135.  
  136. <link href='http://fonts.googleapis.com/css?family=Maven+Pro:400,900' rel='stylesheet' type='text/css'>
  137. <link href='http://fonts.googleapis.com/css?family=Oxygen' rel='stylesheet' type='text/css'>
  138.  
  139. <style type="text/css">
  140.  
  141.  
  142. /* POPUP */
  143. #closee {
  144.     width:30px;
  145.     float: right;
  146. }
  147.  
  148. #fade {
  149.     display: none;
  150.     background-image: url('{image:background}');
  151.     background-color: {color:background};
  152.     position: fixed; left: 0; top: 0;
  153.     width: 100%; height: 100%;?
  154.     opacity:1;
  155.     z-index: 999999999;
  156. }
  157.  
  158. .popup_block{
  159.     display: none;
  160.     background: rgba(0,0,0,0);
  161.     padding: 10px;
  162.     border: 1px solid {color:posts};
  163.     float: left;
  164.     font-size: 10;
  165.     position: fixed;
  166.     top: 50%; left: 50%;
  167.     z-index: 99999999999999999999;
  168. }
  169.  
  170. img.btn_close {
  171.     float: right;
  172.     margin: -20 -20px 0 0;
  173. }
  174.  
  175. *html #fade {position: absolute;}
  176. *html .popup_block {position: absolute;}
  177.  
  178. /* SCROLLBAR */
  179. ::-webkit-scrollbar {
  180.     width: 7px;
  181. }
  182.  
  183. ::-webkit-scrollbar-thumb:vertical {
  184.     width: 3px;
  185.     background-color: {color:scroll};
  186. }
  187.  
  188. ::-webkit-scrollbar-thumb{
  189. background-color:{color:background};
  190.    
  191. }
  192.  
  193. /* GENERAL */
  194. body {
  195.     background: {color:background};
  196.     font-family: calibri, sans-serif;
  197.     font-size: 11px;
  198.     {block:ifAllCaps}
  199.     text-transform:uppercase;
  200.     {/block:ifAllCaps}
  201.     letter-spacing:2px;
  202.     color: {color:text};
  203.     text-align: center;
  204.     background-image: url('{image:background}');
  205.     font-family: 'Oxygen', calibri, sans-serif;
  206.     border:none;
  207.     background-attachment: fixed;
  208. }
  209.  
  210. blockquote {padding-left:5px;border-left:1px solid;color: {color:blockquote};}
  211. small {font-size:11px;}
  212. body, a {cursor: crosshair;}
  213. a:hover {cursor:crosshair;}
  214. ul {list-style-type: square;}
  215. a {color: {color:link};text-decoration: none;}
  216. a:hover {text-decoration:underline;}
  217. img {max-width: 100%;}
  218. .entry img:hover {background-color: rgba(0,0,0,0);}
  219. #portrait img {float: left;margin-right: 5px;}
  220. strong, b {color: {color:bold};}
  221. em, i {color: {color:italics};}
  222.  
  223. {block:ifMonochrome}
  224. .mono {
  225.     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");
  226.     filter: gray;
  227.     -webkit-filter: grayscale(100%);
  228.     -webkit-transition: all 0.7s linear;
  229.     -moz-transition: all 0.7s linear;
  230.     -o-transition: all 0.7s linear;
  231. }
  232. .mono:hover {
  233.     filter: none;
  234.     -webkit-filter: grayscale(0%);  
  235. }
  236. {/block:ifMonochrome}  
  237.  
  238. /* PAGINATION */
  239. .prev {
  240.     color:{color:text};
  241.     margin-left: 60px;
  242.     position:fixed;
  243.     margin-top:480px;
  244.     padding-right:10px;
  245.     opacity:.8;
  246.     font-weight:bold;
  247.     font-size: 8px;
  248.     z-index:9999;
  249.     text-align:left;
  250.     font-size:10px;
  251. }
  252.  
  253. .next {
  254.     color:{color:text};
  255.     margin-left: 30px;
  256.     position:fixed;
  257.     margin-top:480px;
  258.     opacity:.8;
  259.     font-weight:bold;
  260.     font-size: 8px;
  261.     z-index:9999;
  262.     text-align:left;
  263.     font-size:10px;
  264. }
  265.  
  266. .prev a, .next a {
  267.      color:{color:text};
  268.      font-size:10px;
  269. }
  270.  
  271. #pagination a {
  272.    color:{color:nav text hover};
  273. }
  274.  
  275.  
  276. #pagination a:hover {
  277.     background-color: rgba(0,0,0,0);
  278.     font-style:normal;
  279. }
  280.  
  281. #side {
  282.     position:left;
  283.     width:auto;
  284.     height:auto;
  285. }
  286.  
  287. /* TITLE */
  288. #title {
  289.     text-transform:uppercase;
  290.     z-index: 99;
  291.     position: fixed;
  292.     margin-left:30px;
  293.     margin-top: 200px;
  294.     font-size: 30px;
  295.     text-align:left;
  296.     color: {color:title2};
  297.     background-color:{color:title};
  298.     border-radius:2px;
  299.     font-family: 'Maven Pro' , sans-serif;
  300.     font-weight:700;
  301.     padding:1px;
  302.     max-width: 230px;
  303. }
  304. #title a {
  305.     color: {color:title2};
  306.     background-color:{color:title1};
  307. }
  308. #title a:hover {
  309.     text-decoration:none;
  310.     font-style:normal;
  311. }
  312.  
  313.  
  314.  
  315. /* PERMALINK */    
  316. #permalink {
  317.     text-align: center;
  318.     position: relative;
  319.     margin-top: 5px;
  320.     padding-top: 5px;
  321. }
  322. #permalink #notecontainer ol.notes {
  323.       list-style-type: none;
  324.       text-align:left;
  325.       padding: 0;
  326.       margin-top:100;
  327. }
  328. #permalink #notecontainer img.avatar {
  329.       margin-right: 10px;
  330.       width: 16px;
  331.       height: 16px;
  332. }
  333. .permatext {
  334.     display:block;
  335.     line-height:15px;
  336.     text-align:center;
  337. }
  338.  
  339. /* POSTS */
  340. h1 {
  341.     text-align: left;
  342.     font-size: 15px;
  343.     color: {color:Title};
  344.     font-variant:small-caps;
  345. }
  346. #around {
  347.     width: 20px;
  348. }
  349.  
  350. #container {
  351.    margin-left:auto;
  352.    margin-right:auto;
  353.     width: 500px;
  354.    
  355. }
  356. .entry {
  357.     margin-top:100px;
  358.     margin-left: -200px;
  359.     float:left;
  360.     position: relative;
  361.     width:250px;
  362.     padding: 5px;
  363.     margin-bottom:20px;
  364.     background-color: {color:background};
  365.     word-wrap: break-word;
  366.     opacity:1;
  367.     transition: 2s;
  368.     z-index:99;
  369.    
  370. }
  371. .entry {
  372.     padding:5px;
  373.     margin:2px;
  374.     margin-bottom:12px;
  375.     margin-left:45px;
  376.     width:400px;
  377.     border-radius:0px;
  378.     padding:5px;
  379.     background:rgba(0,0,0,0);
  380.     text-align: justify;
  381.     z-index:99;
  382. }
  383.  
  384. .left {
  385.     float:left;
  386.     margin-right:20px;
  387.     width:802px;
  388. }
  389.  
  390. #posts {
  391.     float:left;
  392.     margin-top:70px;
  393.     width:530px;
  394.     height:82%;
  395.     padding:10px;
  396.     position:fixed;
  397.     border-radius:0px;
  398.     opacity:1;
  399.     background-color: rgba(0,0,0,0) ;
  400.     border-top:1px solid {color:posts};
  401.     border-image:url() 30 30 round;
  402.     overflow-x:hidden;
  403.     overflow-y: scroll;
  404.     z-index:9999;
  405. }
  406.  
  407. .title {
  408.     font-size:20px;
  409.     line-height:22px;
  410.     color:{color:Title};
  411.     text-align:left;
  412.     text-transform:uppercase;
  413.     font-family: 'Oxygen', calibri, cursive;
  414.     padding:3.5px;
  415.      -moz-transition: all 0.5s linear;
  416.     -o-transition: all 0.5s linear;
  417.     -ms-transition: all 0.5s linear;
  418.     transition: all 0.5s linear;
  419. }
  420. .title:hover {
  421.     color:{color:italics};
  422.     cursor:help;
  423.     -moz-transition: all 0.5s linear;
  424.     -o-transition: all 0.5s linear;
  425.     -ms-transition: all 0.5s linear;
  426.     transition: all 0.5s linear;
  427.     text-decoration:none;
  428. }
  429.  
  430.  
  431. /* CUSTOM LINKS */
  432. .yi {
  433.     margin-left:22.5px;
  434.     margin-top: 30px;
  435.     height:40px;
  436.     width:120px;
  437.     padding:2px;
  438.     line-height:40px;
  439.     font-size:20px;
  440.     text-align:center;
  441.     position:fixed;
  442.     background-color:{color:title};
  443.     color:{color:title2};
  444.     border: 1px solid {color:title2};
  445.     z-index:9999999999;
  446.     -webkit-transition: all 0.5s linear;
  447.     -moz-transition: all 0.5s linear;
  448.     -o-transition: all 0.5s linear;
  449. }
  450. .yi:hover {
  451.     background-color:rgba(0,0,0,0);
  452.     color:{color:title};
  453.     border: 1px solid {color:title};
  454.     -webkit-transition: all 0.5s linear;
  455.     -moz-transition: all 0.5s linear;
  456.     -o-transition: all 0.5s linear;
  457. }
  458.  
  459. .er {
  460.     margin-left:185px;
  461.     margin-top:30px;
  462.     height:40px;
  463.     width:120px;
  464.     padding:2px;
  465.     line-height:40px;
  466.     font-size:20px;
  467.     text-align:center;
  468.     position:fixed;
  469.     background-color:{color:title};
  470.     color:{color:title2};
  471.     border: 1px solid {color:title2};
  472.     z-index:9999999999;
  473.     -webkit-transition: all 0.5s linear;
  474.     -moz-transition: all 0.5s linear;
  475.     -o-transition: all 0.5s linear;
  476. }
  477. .er:hover {
  478.     background-color:rgba(0,0,0,0);
  479.     color:{color:title};
  480.     border: 1px solid {color:title};
  481.     -webkit-transition: all 0.5s linear;
  482.     -moz-transition: all 0.5s linear;
  483.     -o-transition: all 0.5s linear;
  484. }
  485.  
  486. .san {
  487.     margin-left:347.5px;
  488.     margin-top:30px;
  489.     height:40px;
  490.     width:120px;
  491.     padding:2px;
  492.     line-height:40px;
  493.     font-size:20px;
  494.     text-align:center;
  495.     position:fixed;
  496.     background-color:{color:title};
  497.     color:{color:title2};
  498.     border: 1px solid {color:title2};
  499.     z-index:9999999999;
  500.     -webkit-transition: all 0.5s linear;
  501.     -moz-transition: all 0.5s linear;
  502.     -o-transition: all 0.5s linear;
  503. }
  504. .san:hover {
  505.     background-color:rgba(0,0,0,0);
  506.     color:{color:title};
  507.     border: 1px solid {color:title};
  508.     -webkit-transition: all 0.5s linear;
  509.     -moz-transition: all 0.5s linear;
  510.     -o-transition: all 0.5s linear;
  511. }
  512.  
  513. .shi {
  514.     margin-left:22.5px;
  515.     margin-top: 110.5px;
  516.     height:40px;
  517.     width:120px;
  518.     padding:2px;
  519.     line-height:40px;
  520.     font-size:20px;
  521.     text-align:center;
  522.     position:fixed;
  523.     background-color:{color:title};
  524.     color:{color:title2};
  525.     border: 1px solid {color:title2};
  526.     z-index:9999999999;
  527.     -webkit-transition: all 0.5s linear;
  528.     -moz-transition: all 0.5s linear;
  529.     -o-transition: all 0.5s linear;
  530. }
  531. .shi:hover {
  532.     background-color:rgba(0,0,0,0);
  533.     color:{color:title};
  534.     border: 1px solid {color:title};
  535.     -webkit-transition: all 0.5s linear;
  536.     -moz-transition: all 0.5s linear;
  537.     -o-transition: all 0.5s linear;
  538. }
  539.  
  540. .wu {
  541.     margin-left:185px;
  542.     margin-top:110.5px;
  543.     height:40px;
  544.     width:120px;
  545.     padding:2px;
  546.     line-height:40px;
  547.     font-size:20px;
  548.     text-align:center;
  549.     position:fixed;
  550.     background-color:{color:title};
  551.     color:{color:title2};
  552.     border: 1px solid {color:title2};
  553.    
  554.     z-index:9999999999;
  555.     -webkit-transition: all 0.5s linear;
  556.     -moz-transition: all 0.5s linear;
  557.     -o-transition: all 0.5s linear;
  558. }
  559. .wu:hover {
  560.     background-color:rgba(0,0,0,0);
  561.     color:{color:title};
  562.     border: 1px solid {color:title};
  563.     -webkit-transition: all 0.5s linear;
  564.     -moz-transition: all 0.5s linear;
  565.     -o-transition: all 0.5s linear;
  566. }
  567.  
  568. .liu {
  569.     margin-left:347.5px;
  570.     margin-top:110.5px;
  571.     height:40px;
  572.     width:120px;
  573.     padding:2px;
  574.     line-height:40px;
  575.     font-size:20px;
  576.     text-align:center;
  577.     position:fixed;
  578.     background-color:{color:title};
  579.     color:{color:title2};
  580.     border: 1px solid {color:title2};
  581.     z-index:9999999999;
  582.     -webkit-transition: all 0.5s linear;
  583.     -moz-transition: all 0.5s linear;
  584.     -o-transition: all 0.5s linear;
  585. }
  586. .liu:hover {
  587.     background-color:rgba(0,0,0,0);
  588.     color:{color:title};
  589.     border: 1px solid {color:title};
  590.     -webkit-transition: all 0.5s linear;
  591.     -moz-transition: all 0.5s linear;
  592.     -o-transition: all 0.5s linear;
  593. }
  594.  
  595. #links {
  596.     height:10px;
  597.     width:10px;
  598.     position:fixed;
  599.     border-radius:1px;
  600.     background-color:{color:nav};
  601.     margin-left:535px;
  602.     margin-top:65px;
  603.     z-index:999999999;
  604.       -webkit-transition: all 0.5s linear;
  605.     -moz-transition: all 0.5s linear;
  606.     -o-transition: all 0.5s linear;
  607. }
  608. #links:hover {
  609.     background-color:{color:nav hover};
  610.     -webkit-transition: all 0.5s linear;
  611.     -moz-transition: all 0.5s linear;
  612.     -o-transition: all 0.5s linear;
  613. }
  614.  
  615. /* DESCRIPTION */
  616.  
  617. #desc {
  618.     z-index:3;
  619.     width:230px;
  620.     border-radius:0px;
  621.     margin-left:30px;
  622.     margin-top:270px;
  623.     text-transform:lowercase;
  624.     font-size:10px;
  625.     position:fixed;
  626.     padding:5px;
  627.     text-align:left;
  628.     word-wrap: break-word;
  629.     line-height:25px;
  630.     overflow-y:hidden;
  631. }
  632. #desc p{
  633.     background-color:{color:title};
  634. }
  635.  
  636. /* CHAT */
  637.  
  638. .line {
  639.     border-bottom: 1px solid {color:ask bubble};
  640.     background-color: {color:background};
  641. }
  642.  
  643. .odd .line {
  644.     padding: 5px 5px;
  645.     color:{color:odd chat};
  646.     background-color: rgba(0,0,0,0);
  647.    
  648. }
  649. .even .line {
  650.     padding: 5px 5px;
  651.     color:{color:even chat};
  652.     background-color: rgba(0,0,0,0);
  653.    
  654. }
  655.  
  656. /* NAVIGATION */
  657. #navv {
  658.     height: 190px;
  659. }
  660.  
  661. /* TAGS */
  662. .entry:hover #tags{
  663.     margin-top: 0px;    
  664.     opacity: 1;
  665.     border-left:1px solid {color:link};
  666.     -webkit-transition: all 0.8s ease;
  667.     -moz-transition: all 0.8s ease;
  668.     -o-transition: all 0.8s ease;
  669. }
  670.  
  671.  
  672. #tags{
  673.     border-left:1px solid {color:link};
  674.     overflow-x:auto;
  675.     z-index: 999;
  676.     font-family: calibri;
  677.     font-size: 10px;
  678.     letter-spacing: 1px;
  679.     width: 100px;
  680.     margin-top: 0px;
  681.     display: inline-block;
  682.     padding: 5px;
  683.     margin-left: 500px;
  684.     text-align: left;
  685.     position: absolute;
  686.     z-index: 9999;
  687.     opacity: 0;
  688.     -webkit-transition: all 0.8s ease;
  689.     -moz-transition: all 0.8s ease;
  690.     -o-transition: all 0.8s ease;
  691. }
  692.  
  693. #tags a{
  694.     color: {color:link};
  695.     font-style: none;
  696. }
  697.  
  698. #tags a:hover {
  699.     color: {color:link};
  700.     font-style: none;
  701. }
  702.  
  703. #tags b,strong{
  704.     color: {color:link};    
  705. }
  706.  
  707. /* AUDIO */
  708. #musicc {
  709.     margin-left: 190px;
  710.     margin-top:415px;
  711.     position:fixed;
  712.     opacity:.8;
  713.     z-index:9999;
  714.    
  715. }
  716.  
  717. .album {
  718.     position:absolute;
  719.     width:100px;
  720.     height:100px;
  721.    
  722. }
  723. .album img {
  724.     width:100px;
  725.     height:100px;
  726.     z-index:1;
  727.    
  728. }
  729. .audio {
  730.     display:block;
  731.     position:absolute;
  732.     width:30px;
  733.     height:30px;
  734.    
  735. }
  736. .play {
  737.     width:27px;
  738.     height:80px;
  739.     opacity:.5;
  740.     padding-top:40px;
  741.     padding-left:35px;
  742.     overflow:hidden;
  743.    
  744. }
  745. .cap {
  746.     height:100px;
  747.    
  748. }
  749. .capp {
  750.     margin-left:110px;
  751.     width:250px;
  752.     text-align:left;
  753.    
  754. }
  755.  
  756. .bubble {
  757.     position:relative;
  758.     margin:0px 0px 0px 50px;
  759.     text-align:left; padding:10px;
  760.     color:{color:ask text};
  761.     border:1px solid {color:ask bubble};
  762.     min-height:27px;
  763.     opacity:.7;
  764.     border-radius:0px;
  765.     double {color:ask bubble};
  766.    
  767. }
  768. .bubble p {
  769.     margin:1px 0px;
  770.    
  771. }
  772.  
  773. #sideb {
  774.     z-index:2;
  775.     position:fixed;
  776. }
  777. #sideb img {
  778.    position:relative;
  779.  
  780. }
  781.  
  782. img {
  783.     border-radius:0px;
  784. }
  785.  
  786. #info {
  787.     margin-top:10px;
  788.     background-color:{color:perm};
  789.     border:1px solid {color:perm border};
  790.     color:{color:posts};
  791.     border-radius:1px;
  792.     height:50px;
  793.      -webkit-transition: opacity 0.7s linear;
  794.     -webkit-transition: all 0.7s ease-in-out;
  795.     -moz-transition: all 0.7s ease-in-out;
  796.     -o-transition: all 0.7s ease-in-out;
  797. }
  798.  
  799.  
  800. #info a {
  801.     border-bottom:1px solid rgba(0,0,0,0);
  802.     border-top:1px solid rgba(0,0,0,0);
  803.     color:{color:posts};
  804.      -webkit-transition: opacity 0.7s linear;
  805.     -webkit-transition: all 0.7s ease-in-out;
  806.     -moz-transition: all 0.7s ease-in-out;
  807.     -o-transition: all 0.7s ease-in-out;
  808. }
  809.  
  810. #info a:hover {
  811.     font-style:normal;
  812.     text-decoration:none;
  813.     border-bottom:1px solid {color:posts};
  814.     border-top:1px solid {color:posts};
  815.     cursor:help;
  816.     -webkit-transition: opacity 0.7s linear;
  817.     -webkit-transition: all 0.7s ease-in-out;
  818.     -moz-transition: all 0.7s ease-in-out;
  819.     -o-transition: all 0.7s ease-in-out;
  820.      
  821. }
  822.  
  823. #date {
  824.     margin-top:17px;
  825.     color:{color:posts};
  826.     margin-left:10px;
  827. }
  828.  
  829. /* TOOLTIP */
  830. #s-m-t-tooltip {
  831.     display: block;
  832.     background: {color:tooltip};
  833.     font-size: 10px;
  834.     text-transform: uppercase;
  835.     color: {color:tooltip text};
  836.     text-align: center;
  837.     font-family:  calibri, sans-serif;
  838.     letter-spacing: 0px;
  839.     margin-left: 18px;
  840.     padding: 1px 2px;
  841.     min-width: 30px;
  842.     max-width: 200px;
  843.     z-index: 9999999;
  844.    
  845. }
  846.  
  847. /* HIGHLIGHT */
  848. ::selection {
  849.     background-color:{color:selection};
  850.     color:{color:selection text};
  851.    
  852. }
  853.  
  854.  
  855. #thing {
  856.     width: 100%;
  857.     height:100%;
  858.     position:fixed;
  859.     z-index:1;
  860. }
  861.  
  862. #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};}
  863. .swag {margin-top:0px;position:relative;transition:.3s;}
  864. .swag:hover {margin-top:-21px;transition:.3s;}
  865. .swag a {color:{color:text};}
  866. .swag a:hover {text-decoration:none;color:#FF3399;border:none;}
  867.  
  868.    
  869. </style>
  870.  
  871. </head>
  872.  
  873. <body>
  874.  
  875. <div id="swagmoney">
  876. <div class="swag"><span style="margin-left:-50px;">♔</span><br><a  style="font-size:11px" href="http://sanyoucity.tumblr.com/">&nbsp;SANYOUCITY</a></div>
  877. </div>
  878.  
  879. <!-- TITLE -->
  880. <div id="title">{Title}</div>
  881.  
  882.  
  883. <!-- DESCRIPTION -->
  884.  
  885. <div title="desc"></div>
  886. <div id="desc">
  887.  <span style="
  888.    background-color:{color:description};
  889.    padding:2px; color:{color:background};">
  890.    {description}</span>
  891.    <br>
  892.  
  893. <!-- LINKS  -->
  894.    
  895.    <span style="color:{color:description};">/<a href="/">index</a></span>
  896.    <!-- home -->
  897.    <br>
  898.    <span style="color:{color:description};">/<a href="#?w=500"rel="02" class="poplight">message</a></span>
  899.    <!-- ask -->
  900.    <br>
  901.    
  902.    <span style="color:{color:description};">/<a href="/archive">history</a></span>
  903.    <!-- archive -->
  904.      <br>
  905.    <span style="color:{color:description};">/<a href="#?w=500"rel="navv" class="poplight">links</a></span>
  906.    <!-- links -->
  907.    
  908.    
  909. <!-- PAGINATION -->
  910.    <br>
  911.    {block:NextPage} &nbsp;<a href="{NextPage}" >next</a>{/block:NextPage}
  912.    
  913.    {block:PreviousPage}/ &nbsp;<a href="{PreviousPage}" >prev </a>{/block:PreviousPage}
  914.    
  915. </div>
  916.  
  917. <div id="container">
  918.  
  919. <!-- CORNER/SIDE IMAGE -->
  920.  
  921. <div id="sideb"><div style="
  922.    position:fixed;  
  923.    bottom:0px;
  924.    right:0px;
  925.    width:px;">
  926.  
  927. <img width={text:side image width} src= "{image:side image}" /> <br></div></div>
  928.  
  929.  
  930. <!-- CUSTOM LINKS POPUP -->
  931.  
  932. <div id="navv" class="popup_block" >
  933.  
  934. <a href="{text:link1 url}"><div class="yi">{text:link1 title}</div></a>
  935. <a href="{text:link2 url}"><div class="er">{text:link2 title}</div></a>
  936. <a href="{text:link3 url}"><div class="san">{text:link3 title}</div></a>
  937. <a href="{text:link4 url}"><div class="shi">{text:link4 title}</div></a>
  938. <a href="{text:link5 url}"><div class="wu">{text:link5 title}</div></a>
  939. <a href="{text:link6 url}"><div class="liu">{text:link6 title}</div></a>
  940.  
  941. <!-- CORNER/SIDE IMAGE -->
  942.  
  943. <div id="sideb"><div style="
  944.    position:fixed;  
  945.    bottom:0px;
  946.    right:0px;
  947.    width:px;">
  948.  
  949. <img width={text:side image width} src= "{image:side image}" /> <br></div></div>
  950.  
  951. </div>
  952.  
  953. <!-- POSTS -->
  954. <div class="scroll">
  955. {block:Posts}
  956.  
  957. <div class="entry">
  958.  
  959. {block:indexpage}
  960.  
  961. {block:HasTags}
  962. <div id="tags">
  963. <b>filed under:</b><br /> {block:Tags} <b>#</b><a href="/tagged/{Tag}">{Tag}</a><br />{/block:Tags}
  964. </div>
  965. {/block:HasTags}
  966.  
  967. {/block:indexpage}
  968.  
  969. {block:Answer}
  970. <div class="mono">
  971. <img src="{AskerPortraitURL-40}" width="49" align="left">
  972. </div>
  973. <div class="bubble"><span></span><b>{Asker} whispered:</b> {Question}</div><br/><div class="mono">{Answer}</div>
  974. {/block:Answer}
  975.  
  976. {block:Text}
  977. {block:Title}<a href="{Permalink}"class="title" >{Title}</a>{/block:Title}
  978. <div class="mono">{Body}</div>
  979. {/block:Text}
  980.  
  981. {block:Link}
  982. <a href="{URL}" class="title">{Name}</a>
  983. {block:Description}{Description}{/block:Description}
  984. {block:Link}
  985.  
  986. {block:Photo}
  987. {LinkOpenTag}
  988. <div class="mono">
  989. <img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="100%">
  990. </div>
  991. {LinkCloseTag}
  992. {/block:Photo}
  993.  
  994. {block:Photoset}
  995. <div class="mono">
  996. <center>{Photoset-400}</center>
  997. </div>
  998. {/block:Photoset}
  999.  
  1000. {block:Quote}
  1001. <a class="title" href="{Permalink}">"{Quote}"</a><br>
  1002. <div align="right">{block:Source}- {Source}{/block:Source}</div>
  1003. {/block:Quote}
  1004.  
  1005. {block:Chat}
  1006. {block:Title}<a href="{Permalink}"class="title">{Title}</a>{/block:Title}<br><br>
  1007. <div class="text">
  1008. {block:Lines}<div class="{Alt}">
  1009. <div class="line">{block:Label}<span>{Label}</span>{/block:Label} {Line}<br /></div></div>
  1010. {/block:Lines}
  1011. </div>
  1012. {/block:Chat}
  1013.  
  1014. {block:Audio}
  1015. {block:AlbumArt}
  1016. <div class="mono">
  1017. <div class="album"><img src="{AlbumArtURL}"></div>
  1018. </div>
  1019. {/block:AlbumArt}
  1020. <div class="audio"><div class="play">{AudioPlayerBlack}</div></div>
  1021. <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>
  1022. {/block:Audio}
  1023.  
  1024. {block:Video}
  1025. <div class="mono">
  1026. <center>{Video-400}</center>
  1027. </div>
  1028. {block:Video}
  1029.  
  1030. <!--PERMATEXT -->
  1031.  
  1032. {block:IndexPage}
  1033.  
  1034. {block:Date}
  1035.  
  1036. <div id="info">
  1037.     <div id="date">
  1038.    
  1039.     <!-- reblog -->
  1040.     <a href="{ReblogURL}"
  1041.    title="reblog?"
  1042.    target=_blank
  1043.    class=details
  1044.    style="
  1045.        padding:5px;
  1046.        top:5px;
  1047.        color:{color:background};"
  1048.        >REBLOG</a>&nbsp;
  1049.    
  1050.      <!-- date -->  
  1051.     <a href="{Permalink}" style="
  1052.        padding:5px;
  1053.        color:{color:background};
  1054.        text-transform:uppercase;">
  1055.     {ShortMonth}-{DayOfMonthWithZero}</a>&nbsp;
  1056.    
  1057.     <!-- time -->
  1058.     <a href="{Permalink}"
  1059.    style="
  1060.        padding:5px;
  1061.        color:{color:background};">
  1062.     {12Hour}:{Minutes}  {CapitalAmPm}</a>&nbsp;
  1063.    
  1064.     <!-- notes -->
  1065.     {block:NoteCount}<a href="{Permalink}"
  1066.    style="
  1067.        padding:5px;
  1068.        color:{color:background};
  1069.        text-transform:uppercase;">
  1070.         {notecount}% </a>{/block:NoteCount} &nbsp;
  1071.    
  1072.     <!-- via -->
  1073.     {block:RebloggedFrom}<a href="{ReblogParentURL}"
  1074.    title="{ReblogParentName}"
  1075.    style="
  1076.        padding:5px;
  1077.        color:{color:background};">VIA</a>{/block:RebloggedFrom}&nbsp;
  1078.     {block:RebloggedFrom}
  1079.    
  1080.     <!-- ori -->
  1081.     <a href="{ReblogRootURL}" title="{ReblogRootName}"
  1082.     style="
  1083.        padding:5px;
  1084.        color:{color:background};">ORI</a>
  1085.    {/block:RebloggedFrom}
  1086.  
  1087.    
  1088. <!-- important for some reason
  1089.        
  1090. <br><br>
  1091. {block:HasTags}
  1092. <div id="tagg">
  1093. <span id="tags" style="
  1094.    background-color:#444;
  1095.    color:white;
  1096.    padding:5px;" >{block:Tags}<a href="{TagURL}">#{Tag}</a>  {/block:Tags}<br><br></span>
  1097.    </div>
  1098. {/block:hasTags} -->
  1099.         </div></div>
  1100. {/block:Date}
  1101.  
  1102.  
  1103. {block:IndexPage}
  1104.  
  1105. {block:PermalinkPage}
  1106.  
  1107. {block:Caption}{Caption}{/block:Caption}<br>
  1108.  
  1109. {block:Date}
  1110.  
  1111. <div id="info">
  1112.       <div id="date">
  1113.    
  1114.     <!-- reblog -->
  1115.     <a href="{ReblogURL}"
  1116.    title="reblog?"
  1117.    target=_blank
  1118.    class=details
  1119.    style="
  1120.        padding:5px;
  1121.        top:5px;
  1122.        color:{color:background};"
  1123.        >REBLOG</a>&nbsp;
  1124.    
  1125.      <!-- date -->  
  1126.     <a href="{Permalink}" style="
  1127.        padding:5px;
  1128.        color:{color:background};
  1129.        text-transform:uppercase;">
  1130.     {ShortMonth}-{DayOfMonthWithZero}</a>&nbsp;
  1131.    
  1132.     <!-- time -->
  1133.     <a href="{Permalink}"
  1134.    style="
  1135.        padding:5px;
  1136.        color:{color:background};">
  1137.     {12Hour}:{Minutes}  {CapitalAmPm}</a>&nbsp;
  1138.    
  1139.     <!-- notes -->
  1140.     {block:NoteCount}<a href="{Permalink}"
  1141.    style="
  1142.        padding:5px;
  1143.        color:{color:background};
  1144.        text-transform:uppercase;">
  1145.         {notecount}% </a>{/block:NoteCount} &nbsp;
  1146.    
  1147.     <!-- via -->
  1148.     {block:RebloggedFrom}<a href="{ReblogParentURL}"
  1149.    title="{ReblogParentName}"
  1150.    style="
  1151.        padding:5px;
  1152.        color:{color:background};">VIA</a>{/block:RebloggedFrom}&nbsp;
  1153.     {block:RebloggedFrom}
  1154.    
  1155.     <!-- ori -->
  1156.     <a href="{ReblogRootURL}" title="{ReblogRootName}"
  1157.     style="
  1158.        padding:5px;
  1159.        color:{color:background};">ORI</a>
  1160.    {/block:RebloggedFrom}
  1161.         </div></div>
  1162. {/block:Date}
  1163.  
  1164. {/block:PermalinkPage}
  1165.  
  1166. {block:PostNotes}{PostNotes}{/block:PostNotes}</div>
  1167.  
  1168.  
  1169.  
  1170. {/block:Posts}</div></div></div></div><!--</div>-->
  1171.  
  1172. <div id="thing"></div>
  1173.  
  1174. </body>
  1175.  
  1176. <!-- SUBMIT POPUP -->
  1177.  
  1178. <div id="02" class="popup_block">
  1179.  
  1180. <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>
  1181.  
  1182. <!-- CORNER/SIDE IMAGE -->
  1183.  
  1184. <div id="sideb"><div style="
  1185.    position:fixed;  
  1186.    bottom:0px;
  1187.    right:0px;
  1188.    width:px;">
  1189.  
  1190. <img width={text:side image width} src= "{image:side image}" /> <br></div></div>
  1191. </center></div>
  1192.  
  1193. <!-- ASK POPUP -->
  1194.  
  1195. <div id="022" class="popup_block">
  1196.  
  1197. <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>
  1198. </center>
  1199.  
  1200. <!-- CORNER/SIDE IMAGE -->
  1201.  
  1202. <div id="sideb"><div style="
  1203.    position:fixed;  
  1204.    bottom:0px;
  1205.    right:0px;
  1206.    width:px;">
  1207.  
  1208. <img width={text:side image width} src= "{image:side image}" /> <br></div></div>    
  1209.    
  1210. </div>
  1211.  
  1212. </div></div></div></div></div></div></div></div></div></div></div>
  1213.  
  1214.  
  1215.  
  1216. </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!