Don't like ads? PRO users don't see any ads ;-)
Guest

Untitled

By: a guest on Dec 10th, 2011  |  syntax: None  |  size: 19.04 KB  |  hits: 3,894  |  expires: Never
download  |  raw  |  embed  |  report abuse  |  print
Text below is selected. Please press Ctrl+C to copy to your clipboard. (⌘+C on Mac)
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2.  
  3. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  4. <!--
  5. when simplicity goes wrong by Kamikukisama@tumblr.
  6. as usual~
  7. you may edit to anything that you like, as long you leave the credit alone, or put it somewhere that people actually can SEE em XD. noted that the codes are quite jumbled up and down because i got no patient on actually organising things, so you might get hard time to edit that, so sorry about that. otherwise please enjoy~! :D
  8. -->
  9.  
  10. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  11. <html>
  12.     <head>
  13.         <title>{Title}</title>
  14. <link rel="shortcut icon" href="{Favicon}">
  15. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  16. {block:Description}
  17. <meta name="description" content="{MetaDescription}" />
  18. {/block:Description}
  19.        
  20.  
  21. <meta name="color:Background" content="#1a1919" />
  22. <meta name="image:Background" content="http://media.tumblr.com/tumblr_lw0dhhBeqR1qbv92l.png"/>
  23. <meta name="color:Sidebar bg" content="#141414" />
  24. <meta name="color:Blockquote Background" content="#333232" />
  25. <meta name="color:Link" content="#00e8ff" />
  26. <meta name="color:Link Hover" content="#d3c8ba" />
  27. <meta name="color:Text" content="#606161" />
  28. <meta name="image:sidebar bg"
  29. content=""/>
  30. <meta name="color:Title" content="#00e8ff" />
  31. <meta name="image:Sidebar" content="http://fc08.deviantart.net/fs71/f/2011/264/3/b/hatsune_miku_render_by_honimaru-d4aij4u.png"/>
  32. <meta name="if:Show Captions" content="0"/>
  33.  
  34. <meta name="color:permalink text" content="#00f2ff" />
  35. <meta name="color:permalink" content="#00f2ff" />
  36. <meta name="color:permalink hover" content="#d3c8ba" />
  37. <meta name="color:permalink bg" content="#343535" />
  38. <meta name="color:entry bg" content="#272626" />
  39. <meta name="color:post bg" content="#1d1c1c "/>
  40. <meta name="color:post color hover" content="#414141" />
  41. <meta name="color:navi color" content="#3d3c3a" />
  42. <meta name="color:navi hover color" content="#6d6c6c" />
  43. <meta name="color:navi bg color" content="#434444" />
  44. <meta name="color:border" content="#615d5d" />
  45. <meta name="color:navi bg hover color " content="##444444" />
  46. <meta name="color:quote color" content="#1b5854" />
  47. <meta name="image:navi bg image" content="#f3ede6" />
  48. <meta name="color:border" content="#21c4c5" />
  49. <meta name="text:quote" content="ロンリーガールがローリン廻る" />
  50. <meta name="if:Infinitescroll" content="1"/>
  51. <meta name="text:hidden position" content="30px"/>
  52. <meta name="text:show position" content="90px"/>
  53. <meta name="text:link 1" content="http://"/>
  54. <meta name="text:link 1 name" content="link"/>
  55. <meta name="text:link 2" content="http://"/>
  56. <meta name="text:link 2 name" content="link"/>
  57. <meta name="text:link 3" content="http://"/>
  58. <meta name="text:link 3 name" content="link"/>
  59. <meta name="text:link 4" content="http://"/>
  60. <meta name="text:link 4 name" content="link"/>
  61. <meta name="text:link 5" content="http://"/>
  62. <meta name="text:link 5 name" content="link"/>
  63. <meta name="text:link 6" content="http://"/>
  64. <meta name="text:link 6 name" content="link"/>
  65. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  66.  
  67.     <style type="text/css">
  68.  iframe#tumblr_controls {right:3px !important;
  69.     position: fixed !important;
  70.     opacity: 0.4;
  71.     filter:alpha(opacity=40);
  72.     -moz-opacity: 0.4;
  73.     -khtml-opacity: 0.4;
  74.     -webkit-transition: all 0.9s ease;
  75.     -moz-transition: all 0.9s ease;
  76.     -o-transition: all 0.9s ease;}
  77.      iframe#tumblr_controls:hover{
  78.     opacity: 1;
  79.     filter:alpha(opacity=100);
  80.     -moz-opacity: 1;
  81.     -khtml-opacity: 1;
  82.     -webkit-transition: all 0.9s ease;
  83.     -moz-transition: all 0.9s ease;
  84.     -o-transition: all 0.9s ease;}
  85.  
  86. body {
  87. background-color:{color:background};
  88. color:{color:perma2 text};
  89. background-image: url('{image:background}');
  90. background-attachment:fixed;
  91. background-attachment:fixed;
  92. background-repeat: repeat;
  93. font-family: trebuchet ms;
  94. font-size: 9px;
  95. }
  96. a {font-weight:normal; color:{color:link}; text-decoration:none; text-transform: lowercase; font-family: trebuchet ms; font-size: 9px; letter-spacing:2px;}
  97. a:hover {color:{color:link hover};}
  98. a img {border:0px!important;}
  99. h3, .link {font-size:13px; font-family: {font:title}; margin:0px; font-style:italic; font-weight:normal; color: {color:title}}
  100. h3 a, .link{font-weight:normal; color:{color:title}}
  101.  
  102. {block:IfFixedBackground}
  103. body {background-attachment:fixed; background-repeat:no-repeat;}
  104. {/block:IfFixedBackground}
  105.  
  106.  
  107. #pagination a{font-family: tinytots, trebuchet ms; font-size: 8px; text-transform:uppercase;color:{color:link}; }
  108.  
  109. #pagination a:hover{ color:{color:link hover};}
  110.  
  111.  
  112. #notto {
  113.     background: {color:background};
  114.         width:500px;
  115.         padding: 0px;
  116.         color: {color:post text};
  117.         margin-top: 7px;
  118.         margin-left: 0px;
  119.         line-height: 15px;
  120.     letter-spacing: 1px;
  121.     font-size: 9px;
  122.         float:none;
  123.          text-transform: lowercase;
  124. }
  125.  
  126. li.notto {
  127.         list-style:hiragana;
  128.         padding: 2px;
  129.         margin: 2px;
  130.      letter-spacing: 1px;
  131.      font-size: 9px;
  132.             text-transform: lowercase;
  133. }
  134. #notes a{
  135.         color: {color:link};
  136.      letter-spacing: 1px;
  137.      font-size: 9px;
  138.     text-transform: lowercase;
  139. }
  140.  
  141.  
  142.    
  143. #title {
  144. font-size: 18px;
  145. font-family: georgia;
  146. color:{color:title};
  147. padding-right: 5px;
  148. padding-left: 5px;
  149. padding-top: 5px;
  150. padding-bottom: 5px;
  151. line-height:10px;
  152. letter-spacing:1px;
  153. text-align:left;
  154. font-style: italic;
  155. }  
  156.  
  157. #title a{
  158. font-size: 18px;
  159. font-family: georgia;
  160. color:{color:title};
  161. padding-right: 5px;
  162. padding-left: 5px;
  163. padding-top: 5px;
  164. padding-bottom: 0px;
  165. line-height:15px;
  166. letter-spacing:1px;
  167. text-align:left;
  168. }
  169.  
  170. #title a:hover{
  171. color:{color:title};
  172. }
  173.  
  174. #title2 {
  175. font-size: 12px;
  176. font-family: trebuchet ms;
  177. color:{color:title};
  178. padding:5px;
  179. line-height:10px;
  180. letter-spacing:3px;
  181. text-align:left;
  182. float: left;
  183. }
  184.  
  185.  
  186.  
  187.  
  188.  
  189.    
  190.  
  191. #answer {
  192.     background-color: {color:entry background} ;
  193.     text-align:left;
  194. }
  195.  
  196. #asker {
  197.         background-color: {color:background} ;
  198.         color:{color:sidebar text} ;
  199. }
  200.  
  201. #asker a{
  202.         color: {color:link};
  203. }
  204.  
  205. #asker img{
  206.         float:left;
  207.         margin:5px;
  208.    max-width: 16px;
  209. }
  210.  
  211.  
  212.  
  213.  
  214. blockquote{
  215.         padding: 5px;
  216.         background-color: {color:blockquote background};
  217.         color: {color:blockquote text};
  218.     border-left: 10px solid {color:border};
  219.         font: 10px trebuchet ms;
  220.         margin-right: 50px;
  221. }
  222.  
  223.  
  224.  
  225.  
  226.    
  227. #quote {
  228.     padding: 5px;
  229.     font: 12px georgia italic;
  230.     letter-spacing: 2px;}
  231.  
  232. #quotesource {
  233. text-align: right;
  234. display: block;
  235. }
  236.  
  237. #source a, #caption a, #quotesource a{
  238.         font: normal 9px trebuchet ms;
  239.         font-weight:normal;
  240.         color: {color:text};
  241.         letter-spacing: 1px;
  242.         text-transform:lowercase;
  243.         padding: 3px;  
  244. }
  245.  
  246. #caption a:hover{
  247.         color:{color:link};
  248.         background:{color:entry background};
  249. }
  250.  
  251. #chat {
  252. font-style: normal;
  253. }
  254.  
  255. ul {
  256. list-style:katakana-iroha;
  257. padding: 2px;
  258. margin-left: 20px;
  259. }
  260.  
  261.  
  262.  
  263.  
  264. .label {
  265.         font: 9px georgia;
  266.         letter-spacing: 1px;
  267.         color: {color:link};
  268.         padding-right: 3px;
  269.         text-transform: uppercase;
  270. }
  271.  
  272.          
  273. .line {
  274.                   width: 70px;
  275.                   height: 5px;
  276.                   display: inline-block;
  277.                   text-decoration:none;
  278.                   text-align: center;
  279.                   line-height:20px;
  280.                   font-size:8px;
  281.                   letter-spacing: 5px;
  282.                   font-family: "tinytots";
  283.                   margin-top:0x;
  284.                   margin-bottom: 3px;
  285.                   background-color: {color: navi bg color};
  286.                   text-transform: uppercase;
  287.                   -webkit-transition: all 0.8s ease;
  288.                   -moz-transition: all 0.8s ease;
  289.                   -ms-transition: all 0.8s ease-in;
  290.                   -o-transition: all 0.8s ease-in;}
  291.                  
  292. a.line:link, a.line:active, a.line:visited {
  293.         width: 70px;
  294.         height: 4px;
  295.         display: inline-block;
  296.         text-decoration:none;
  297.         color: {color: navi color};
  298.         text-align: center;
  299.         line-height:20px;
  300.         font-size:8px;
  301.         letter-spacing: 5px;
  302.         font-family: "tinytots";
  303.         margin-top:0x;
  304.         margin-bottom: 3px;
  305.         background-color: {color: navi bg color};
  306.         text-transform: uppercase;
  307.         -webkit-transition: all 0.8s ease;
  308.         -moz-transition: all 0.8s ease;
  309.         -ms-transition: all 0.8s ease-in;
  310.         -o-transition: all 0.8s ease-in;}
  311.    
  312.    
  313.     @font-face {font-family: "tinytots";src: url('http://static.tumblr.com/rmj06l2/Usellxb4i/tinytots.ttf');}
  314.     @font-face {font-family: "bats";src: url('http://static.tumblr.com/hfo5vsk/UHDlv8fua/erlerdingbats.ttf');}
  315.    
  316.  a.line:hover{
  317.         width: 70px;
  318.         height: 8px;
  319.          margin-bottom: 3px;
  320.         display: block;
  321.         color: {color:navi hover color};
  322.         display: inline-block;
  323.          text-align: center;
  324.          margin-top:5px;
  325.         line-height:15px;
  326.          font-family: "tinytots";
  327.          font-size: 8px;
  328.          padding-bottom:5px;
  329.          letter-spacing: 5px;
  330.          background-color: {color:navi bg hover color};
  331.          text-transform: uppercase;
  332.          border-bottom: 5px solid {color:border};
  333.     -webkit-transition: all 0.8s ease;
  334.     -moz-transition: all 0.8s ease;
  335.     -ms-transition: all 0.8s ease;
  336.     -o-transition: all 0.8s ease;
  337.         }
  338. #hide {
  339.         width: 250px; text-align: center;font-size: 11px;
  340.         position:fixed;right:535px;bottom:{text:hidden position};
  341.         -webkit-transition: all .5s ease-in-out;
  342.         -moz-transition: all .5s ease-in-out;
  343.         -o-transition: all .5s ease-in-out;z-index:1;}
  344. #hide:hover { bottom: {text:show position}; }
  345. #show {
  346.         background:{color:sidebar bg} url({image:sidebar bg});
  347.         margin-left:10px;
  348.         padding: 10px;width: 220px;}
  349. #hide img { overflow:hidden;}
  350.    
  351.  
  352.    
  353. #content {
  354.     width: 550px;
  355.     float:right;
  356.     top: 20px;
  357.     right: 7px;
  358.     z-index: -1;
  359.     position: relative;
  360.     overflow:hidden;
  361.     }
  362.    
  363. #left{
  364.     width: 100px;
  365.     position: fixed;
  366.     top: 70px;
  367.     right: 740px;
  368.     z-index: 1;
  369.     overflow:hidden;
  370.     }
  371.    
  372.    
  373. .posts {
  374.       width: 500px;
  375.       background-color: {color:entry bg};
  376.         font-size: 9px;
  377.       font-family: trebuchet ms;
  378.       margin-left:30px;
  379.         padding: 5px;
  380.       letter-spacing:1px;
  381.         text-align: justify;
  382.         color: {color:text};
  383.     {block:PermalinkPage}width:500px;{/block:PermalinkPage}
  384.    }
  385.    
  386. .posts img
  387.    {
  388.        max-width:500px;            
  389.       {block:PermalinkPage}max-width:500px;{/block:PermalinkPage}    
  390.       overflow:hidden;
  391.       }
  392.    
  393. .perma{
  394.            font-size: 7px;
  395.            font-family: trebuchet ms;
  396.            background:{color:permalink bg};
  397.            height: auto;
  398.            color:{color:permalink text};
  399.            top: 20px;
  400.           left:5px;
  401.            padding:5px;
  402.            width:500px;
  403.            letter-spacing: 2px;
  404.            text-transform:uppercase;
  405.            text-align: center;  
  406.            float:right;
  407.             position: relative;
  408.             opacity: 0;
  409.             -webkit-transition: all 0.6s ease-out;
  410.             -moz-transition: all 0.6s ease-out;
  411.             transition: all 0.6s ease-out;
  412.             {block:PermalinkPage}width:500px;
  413.            
  414.             opacity:1; -moz-opacity: 1; filter: alpha(opacity=100);
  415.             top:0px;
  416.              left:5px;
  417.             padding:5px;
  418.             width:500px;
  419.             letter-spacing: 2px;
  420.             text-transform:uppercase;
  421.             text-align: center;  
  422.             float:right;
  423.              position: relative;{/block:PermalinkPage}
  424.    }
  425.    
  426. .posts:hover .perma{
  427.     {block:IndexPage}
  428.            font-size: 7px;
  429.            font-family: trebuchet ms;
  430.            background:{color:permalink bg};
  431.            margin-bottom: 10px;margin-left:10px;
  432.            width:500px;
  433.            letter-spacing: 2px;
  434.            text-transform:uppercase;
  435.            text-align: center;
  436.            left: 5px;
  437.            height: auto;
  438.            color:{color:permalink text};
  439.            top: -15px;
  440.            line-height:10px;
  441.            z-index: 999;
  442.            float:right;
  443.            position: relative;
  444.           opacity:.85; -moz-opacity: 0.80; filter: alpha(opacity=80);
  445.          -webkit-transition: all 0.6s ease-out;
  446.          -moz-transition: all 0.6s ease-out;
  447.          transition: all 0.6s ease-out;{/block:IndexPage}
  448.      {block:PermalinkPage}width:506px;{/block:PermalinkPage}
  449.    }
  450.    
  451.    
  452.    
  453. .perma a{
  454.            font-size: 7px;
  455.    font-family: trebuchet ms;
  456.    text-transform:uppercase;
  457.            letter-spacing: 3px;
  458.            line-height:10px;
  459.            color:{color:permalink};
  460.    
  461.    }
  462.    
  463. #perma a:hover{
  464.            color:{color:permalink hover};
  465.    
  466.    }
  467.    
  468. img {
  469.    opacity: .7;
  470.    -webkit-transition: opacity 0.5s linear;
  471.    }
  472.    
  473. img:hover {
  474.    opacity: 1;
  475.    -webkit-transition: opacity 0.5s linear;
  476.    }
  477.    
  478.     #right{
  479.     background-color: {color:post bg};
  480.     color: {color:text};
  481.     font-family: "tinytots"; font-size: 8px; text-transform: uppercase;
  482.     padding:10px;position:fixed;right:535px;bottom:10px;
  483.     width:220px;min-height:60px; z-index:999;
  484.        }
  485.        
  486.  
  487. </style>
  488.  
  489. </head>
  490. <body>
  491.  
  492.    
  493.        
  494.        
  495.        
  496.    
  497.    <div id = "hide">
  498.    <div id="title2">{Title}</div>
  499.      <center>  <img src="{image:Sidebar}"/ width="250px"></center>
  500.      <div id="show">
  501.      <div style="margin-top:-10px;margin-left:0px; font-family: consolas; font-size:7px; background-color:{color:border} ; width:230px; height:11px; color:{color:quote color}; line-height:10px;">
  502.      {text:quote}</div>
  503.     <a class="line" href="/">index</a>
  504.    
  505.    <a class="line" href="/archive">archive</a>
  506.    
  507.    <a class="line" href="/ask">message</a>
  508.    
  509.    <a class= "line" href="{text:link 1}" >{text:link 1 name} </a>
  510.    <a class= "line" href="{text:link 2}"  >{text:link 2 name} </a>
  511.    <a class= "line"  href="{text:link 3}" >{text:link 3 name}</a>
  512.    <a class= "line" href="{text:link 4}"  >{text:link 4 name} </a>
  513.    <a class= "line" href="{text:link 5}"  >{text:link 5 name} </a>
  514.    <a class= "line" href="{text:link 6}"  >{text:link 6 name} </a><br>
  515.    
  516.    </div></div>
  517.  
  518.    <div id ="right">
  519.    <center>
  520.    {block:Description}
  521.    {Description}
  522.    {/block:Description}
  523.    </center>
  524.    {block:IfNotInfiniteScroll}
  525.     <div style ="position: fixed; bottom:5px; right: 535px;">
  526.    
  527.    <div id="pagination">
  528.    <a herf="ss">previous</a>
  529.    {block:Pagination}
  530.    {block:PreviousPage}
  531.    <a href="{PreviousPage}">PREVIOUS</a>
  532.    {/block:PreviousPage}
  533.    {block:NextPage}
  534.    <a href="{NextPage}">NEXT</a>
  535.    {/block:NextPage}
  536.    {/block:Pagination}</div>
  537.    </center></div>
  538.    {block:IfNotInfiniteScroll}
  539.    
  540.    
  541.    </div>
  542.  
  543.  
  544.  
  545.  
  546. <div id="content">  
  547.  {block:IfInfiniteScroll}
  548.    <div class="autopagerize_page_element"><script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>{/block:IfInfiniteScroll}
  549.     {block:Posts}
  550.  
  551.       <table width="550" border="0" align="center" cellspacing="0px" cellpadding="0px">
  552.   <tr>
  553.  
  554.    
  555. <div class="posts">
  556.     {block:Text}
  557.                 <div id="title">{block:Title}<a href="{Permalink}">{Title}</a>{/block:Title}</div>
  558.                 <div id="text">{Body}</div>    
  559.             {/block:Text}
  560.                
  561.                         {block:Quote}
  562.                         <div id="quote" align="center">&#8220;{Quote}&#8221; </div>
  563.             <div id="quotesource" align="center">{block:Source}&#8212; {Source}{/block:Source}
  564.  
  565. </div>
  566.             {/block:Quote}     
  567.            
  568.             {block:Link}
  569.             <div id="title"><a href="{URL}" {Target}>{Name}</a></div>
  570.             {block:Description}{Description}{/block:Description}      {/block:Link}
  571.            
  572.             {block:Chat}{block:Title}
  573.               <div id="title"><a href="{Permalink}">{Title}</a></div>
  574.             {/block:Title}
  575.             <div id="chat">
  576.               <ul>
  577.                 {block:Lines}
  578.                 <li>{block:Label}<span class="label">{Label}</span>{/block:Label}{Line}</li>
  579.                 {/block:Lines}
  580.               </ul>
  581.             </div> {/block:Chat}
  582.               <div align="center">{block:Photo}{LinkOpenTag}<img src="{PhotoURL-500}" border="0" max-width="400" />
  583.  
  584. {LinkCloseTag}      {/block:Photo}</div>
  585.        
  586.                
  587.             {block:Audio}
  588.             <div align="center">{PlayCountWithLabel}
  589.             {AudioPlayerBlack}
  590.             {block:Caption}{Caption}{/block:Caption}</div>
  591.                  {/block:Audio}
  592.  
  593.             <div align="center">{block:Video}{Video-400}{/block:Video}</div>
  594.  
  595.             {block:Answer}
  596.             <div id="asker"> {Asker} ::
  597. {Question}</div>
  598.             <div id="answer">{Answer}</div>
  599.                 {/block:Answer}
  600.            
  601.            {block:Photo} <div id="caption" style="overflow:hidden"><div class="caption" style="overflow:hidden">
  602.  
  603. {block:IfNotShowCaptions}{block:PermalinkPage}
  604.             {block:Caption}
  605.             {Caption}
  606.             {/block:Caption}
  607.             {/block:PermalinkPage}{/block:IfNotShowCaptions}
  608.             {block:IfShowCaptions}
  609.             {block:Caption}
  610.             {Caption}
  611.             {/block:Caption}
  612.             {/block:IfShowCaptions}
  613. </div></div> {/block:Caption}  {/block:Photo}
  614.  
  615. {block:Photoset}
  616. <div id="ps">{Photoset-500}
  617. {block:Ifshowcaptions}{Caption}{/block:Ifshowcaptions}</div>
  618. {/block:Photoset}
  619.  
  620.            
  621.  
  622.             {block:Video} <div id="caption" style="overflow:hidden"><div class="caption" style="overflow:hidden">
  623.  
  624. {block:IfNotShowCaptions}{block:PermalinkPage}
  625.             {block:Caption}
  626.             {Caption}
  627.             {/block:Caption}
  628.             {/block:PermalinkPage}{/block:IfNotShowCaptions}
  629.             {block:IfShowCaptions}
  630.             {block:Caption}
  631.             {Caption}
  632.             {/block:Caption}
  633.           {/block:IfShowCaptions}
  634. </div></div> {/block:Caption} {/block:Video}
  635.  
  636.            
  637.              
  638.                         <div class="perma"> {TimeAgo} &&  <a href="{Permalink}">{NoteCountWithLabel}</a>
  639.                          
  640.             {block:PermalinkPage}<br> {block:RebloggedFrom} via <a href="{ReblogParentURL}" title="{ReblogParentTitle}">{ReblogParentName}</a> (source <a href="{ReblogRootURL}" title="{ReblogRootTitle}">{ReblogRootName}</a>){/block:RebloggedFrom}<br>   {block:HasTags}tagged {block:Tags}#<a href="{TagURL}">{Tag}</a> {/block:Tags}{/block:HasTags}</div><div id="notto"><br>{block:PostNotes}{PostNotes}{/block:PostNotes}</div>{/block:PermalinkPage}
  641.             </div>  
  642.    
  643.    </div>
  644.  
  645.         </td>
  646.   </tr></table> {/block:Posts}{block:IfInfiniteScroll}</div></div>{/block:IfInfiniteScroll}</div>
  647. </body> </html>
  648.  
  649. <div style="font-family:arial; font-weight:bold; text-transform:uppercase; position:fixed; top:0px; left:5px; opacity:.5;"><a href="http://kamikukisama.tumblr.com" title="izu">KAMI✿</a></div>
  650.  
  651.   {/block:Posts}{block:IfEndlessScroll}</div></div>{/block:IfEndlessScroll}</div>
  652. </body> </html>
  653.