API tools faq
paste
Advertisement
striaton-city

Personal Space

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