- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
- <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
- <!--
- when simplicity goes wrong by Kamikukisama@tumblr.
- as usual~
- 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
- -->
- <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
- <html>
- <head>
- <title>{Title}</title>
- <link rel="shortcut icon" href="{Favicon}">
- <link rel="alternate" type="application/rss+xml" href="{RSS}">
- {block:Description}
- <meta name="description" content="{MetaDescription}" />
- {/block:Description}
- <meta name="color:Background" content="#1a1919" />
- <meta name="image:Background" content="http://media.tumblr.com/tumblr_lw0dhhBeqR1qbv92l.png"/>
- <meta name="color:Sidebar bg" content="#141414" />
- <meta name="color:Blockquote Background" content="#333232" />
- <meta name="color:Link" content="#00e8ff" />
- <meta name="color:Link Hover" content="#d3c8ba" />
- <meta name="color:Text" content="#606161" />
- <meta name="image:sidebar bg"
- content=""/>
- <meta name="color:Title" content="#00e8ff" />
- <meta name="image:Sidebar" content="http://fc08.deviantart.net/fs71/f/2011/264/3/b/hatsune_miku_render_by_honimaru-d4aij4u.png"/>
- <meta name="if:Show Captions" content="0"/>
- <meta name="color:permalink text" content="#00f2ff" />
- <meta name="color:permalink" content="#00f2ff" />
- <meta name="color:permalink hover" content="#d3c8ba" />
- <meta name="color:permalink bg" content="#343535" />
- <meta name="color:entry bg" content="#272626" />
- <meta name="color:post bg" content="#1d1c1c "/>
- <meta name="color:post color hover" content="#414141" />
- <meta name="color:navi color" content="#3d3c3a" />
- <meta name="color:navi hover color" content="#6d6c6c" />
- <meta name="color:navi bg color" content="#434444" />
- <meta name="color:border" content="#615d5d" />
- <meta name="color:navi bg hover color " content="##444444" />
- <meta name="color:quote color" content="#1b5854" />
- <meta name="image:navi bg image" content="#f3ede6" />
- <meta name="color:border" content="#21c4c5" />
- <meta name="text:quote" content="ロンリーガールがローリン廻る" />
- <meta name="if:Infinitescroll" content="1"/>
- <meta name="text:hidden position" content="30px"/>
- <meta name="text:show position" content="90px"/>
- <meta name="text:link 1" content="http://"/>
- <meta name="text:link 1 name" content="link"/>
- <meta name="text:link 2" content="http://"/>
- <meta name="text:link 2 name" content="link"/>
- <meta name="text:link 3" content="http://"/>
- <meta name="text:link 3 name" content="link"/>
- <meta name="text:link 4" content="http://"/>
- <meta name="text:link 4 name" content="link"/>
- <meta name="text:link 5" content="http://"/>
- <meta name="text:link 5 name" content="link"/>
- <meta name="text:link 6" content="http://"/>
- <meta name="text:link 6 name" content="link"/>
- <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
- <style type="text/css">
- iframe#tumblr_controls {right:3px !important;
- position: fixed !important;
- opacity: 0.4;
- filter:alpha(opacity=40);
- -moz-opacity: 0.4;
- -khtml-opacity: 0.4;
- -webkit-transition: all 0.9s ease;
- -moz-transition: all 0.9s ease;
- -o-transition: all 0.9s ease;}
- iframe#tumblr_controls:hover{
- opacity: 1;
- filter:alpha(opacity=100);
- -moz-opacity: 1;
- -khtml-opacity: 1;
- -webkit-transition: all 0.9s ease;
- -moz-transition: all 0.9s ease;
- -o-transition: all 0.9s ease;}
- body {
- background-color:{color:background};
- color:{color:perma2 text};
- background-image: url('{image:background}');
- background-attachment:fixed;
- background-attachment:fixed;
- background-repeat: repeat;
- font-family: trebuchet ms;
- font-size: 9px;
- }
- a {font-weight:normal; color:{color:link}; text-decoration:none; text-transform: lowercase; font-family: trebuchet ms; font-size: 9px; letter-spacing:2px;}
- a:hover {color:{color:link hover};}
- a img {border:0px!important;}
- h3, .link {font-size:13px; font-family: {font:title}; margin:0px; font-style:italic; font-weight:normal; color: {color:title}}
- h3 a, .link{font-weight:normal; color:{color:title}}
- {block:IfFixedBackground}
- body {background-attachment:fixed; background-repeat:no-repeat;}
- {/block:IfFixedBackground}
- #pagination a{font-family: tinytots, trebuchet ms; font-size: 8px; text-transform:uppercase;color:{color:link}; }
- #pagination a:hover{ color:{color:link hover};}
- #notto {
- background: {color:background};
- width:500px;
- padding: 0px;
- color: {color:post text};
- margin-top: 7px;
- margin-left: 0px;
- line-height: 15px;
- letter-spacing: 1px;
- font-size: 9px;
- float:none;
- text-transform: lowercase;
- }
- li.notto {
- list-style:hiragana;
- padding: 2px;
- margin: 2px;
- letter-spacing: 1px;
- font-size: 9px;
- text-transform: lowercase;
- }
- #notes a{
- color: {color:link};
- letter-spacing: 1px;
- font-size: 9px;
- text-transform: lowercase;
- }
- #title {
- font-size: 18px;
- font-family: georgia;
- color:{color:title};
- padding-right: 5px;
- padding-left: 5px;
- padding-top: 5px;
- padding-bottom: 5px;
- line-height:10px;
- letter-spacing:1px;
- text-align:left;
- font-style: italic;
- }
- #title a{
- font-size: 18px;
- font-family: georgia;
- color:{color:title};
- padding-right: 5px;
- padding-left: 5px;
- padding-top: 5px;
- padding-bottom: 0px;
- line-height:15px;
- letter-spacing:1px;
- text-align:left;
- }
- #title a:hover{
- color:{color:title};
- }
- #title2 {
- font-size: 12px;
- font-family: trebuchet ms;
- color:{color:title};
- padding:5px;
- line-height:10px;
- letter-spacing:3px;
- text-align:left;
- float: left;
- }
- #answer {
- background-color: {color:entry background} ;
- text-align:left;
- }
- #asker {
- background-color: {color:background} ;
- color:{color:sidebar text} ;
- }
- #asker a{
- color: {color:link};
- }
- #asker img{
- float:left;
- margin:5px;
- max-width: 16px;
- }
- blockquote{
- padding: 5px;
- background-color: {color:blockquote background};
- color: {color:blockquote text};
- border-left: 10px solid {color:border};
- font: 10px trebuchet ms;
- margin-right: 50px;
- }
- #quote {
- padding: 5px;
- font: 12px georgia italic;
- letter-spacing: 2px;}
- #quotesource {
- text-align: right;
- display: block;
- }
- #source a, #caption a, #quotesource a{
- font: normal 9px trebuchet ms;
- font-weight:normal;
- color: {color:text};
- letter-spacing: 1px;
- text-transform:lowercase;
- padding: 3px;
- }
- #caption a:hover{
- color:{color:link};
- background:{color:entry background};
- }
- #chat {
- font-style: normal;
- }
- ul {
- list-style:katakana-iroha;
- padding: 2px;
- margin-left: 20px;
- }
- .label {
- font: 9px georgia;
- letter-spacing: 1px;
- color: {color:link};
- padding-right: 3px;
- text-transform: uppercase;
- }
- .line {
- width: 70px;
- height: 5px;
- display: inline-block;
- text-decoration:none;
- text-align: center;
- line-height:20px;
- font-size:8px;
- letter-spacing: 5px;
- font-family: "tinytots";
- margin-top:0x;
- margin-bottom: 3px;
- background-color: {color: navi bg color};
- text-transform: uppercase;
- -webkit-transition: all 0.8s ease;
- -moz-transition: all 0.8s ease;
- -ms-transition: all 0.8s ease-in;
- -o-transition: all 0.8s ease-in;}
- a.line:link, a.line:active, a.line:visited {
- width: 70px;
- height: 4px;
- display: inline-block;
- text-decoration:none;
- color: {color: navi color};
- text-align: center;
- line-height:20px;
- font-size:8px;
- letter-spacing: 5px;
- font-family: "tinytots";
- margin-top:0x;
- margin-bottom: 3px;
- background-color: {color: navi bg color};
- text-transform: uppercase;
- -webkit-transition: all 0.8s ease;
- -moz-transition: all 0.8s ease;
- -ms-transition: all 0.8s ease-in;
- -o-transition: all 0.8s ease-in;}
- @font-face {font-family: "tinytots";src: url('http://static.tumblr.com/rmj06l2/Usellxb4i/tinytots.ttf');}
- @font-face {font-family: "bats";src: url('http://static.tumblr.com/hfo5vsk/UHDlv8fua/erlerdingbats.ttf');}
- a.line:hover{
- width: 70px;
- height: 8px;
- margin-bottom: 3px;
- display: block;
- color: {color:navi hover color};
- display: inline-block;
- text-align: center;
- margin-top:5px;
- line-height:15px;
- font-family: "tinytots";
- font-size: 8px;
- padding-bottom:5px;
- letter-spacing: 5px;
- background-color: {color:navi bg hover color};
- text-transform: uppercase;
- border-bottom: 5px solid {color:border};
- -webkit-transition: all 0.8s ease;
- -moz-transition: all 0.8s ease;
- -ms-transition: all 0.8s ease;
- -o-transition: all 0.8s ease;
- }
- #hide {
- width: 250px; text-align: center;font-size: 11px;
- position:fixed;right:535px;bottom:{text:hidden position};
- -webkit-transition: all .5s ease-in-out;
- -moz-transition: all .5s ease-in-out;
- -o-transition: all .5s ease-in-out;z-index:1;}
- #hide:hover { bottom: {text:show position}; }
- #show {
- background:{color:sidebar bg} url({image:sidebar bg});
- margin-left:10px;
- padding: 10px;width: 220px;}
- #hide img { overflow:hidden;}
- #content {
- width: 550px;
- float:right;
- top: 20px;
- right: 7px;
- z-index: -1;
- position: relative;
- overflow:hidden;
- }
- #left{
- width: 100px;
- position: fixed;
- top: 70px;
- right: 740px;
- z-index: 1;
- overflow:hidden;
- }
- .posts {
- width: 500px;
- background-color: {color:entry bg};
- font-size: 9px;
- font-family: trebuchet ms;
- margin-left:30px;
- padding: 5px;
- letter-spacing:1px;
- text-align: justify;
- color: {color:text};
- {block:PermalinkPage}width:500px;{/block:PermalinkPage}
- }
- .posts img
- {
- max-width:500px;
- {block:PermalinkPage}max-width:500px;{/block:PermalinkPage}
- overflow:hidden;
- }
- .perma{
- font-size: 7px;
- font-family: trebuchet ms;
- background:{color:permalink bg};
- height: auto;
- color:{color:permalink text};
- top: 20px;
- left:5px;
- padding:5px;
- width:500px;
- letter-spacing: 2px;
- text-transform:uppercase;
- text-align: center;
- float:right;
- position: relative;
- opacity: 0;
- -webkit-transition: all 0.6s ease-out;
- -moz-transition: all 0.6s ease-out;
- transition: all 0.6s ease-out;
- {block:PermalinkPage}width:500px;
- opacity:1; -moz-opacity: 1; filter: alpha(opacity=100);
- top:0px;
- left:5px;
- padding:5px;
- width:500px;
- letter-spacing: 2px;
- text-transform:uppercase;
- text-align: center;
- float:right;
- position: relative;{/block:PermalinkPage}
- }
- .posts:hover .perma{
- {block:IndexPage}
- font-size: 7px;
- font-family: trebuchet ms;
- background:{color:permalink bg};
- margin-bottom: 10px;margin-left:10px;
- width:500px;
- letter-spacing: 2px;
- text-transform:uppercase;
- text-align: center;
- left: 5px;
- height: auto;
- color:{color:permalink text};
- top: -15px;
- line-height:10px;
- z-index: 999;
- float:right;
- position: relative;
- opacity:.85; -moz-opacity: 0.80; filter: alpha(opacity=80);
- -webkit-transition: all 0.6s ease-out;
- -moz-transition: all 0.6s ease-out;
- transition: all 0.6s ease-out;{/block:IndexPage}
- {block:PermalinkPage}width:506px;{/block:PermalinkPage}
- }
- .perma a{
- font-size: 7px;
- font-family: trebuchet ms;
- text-transform:uppercase;
- letter-spacing: 3px;
- line-height:10px;
- color:{color:permalink};
- }
- #perma a:hover{
- color:{color:permalink hover};
- }
- img {
- opacity: .7;
- -webkit-transition: opacity 0.5s linear;
- }
- img:hover {
- opacity: 1;
- -webkit-transition: opacity 0.5s linear;
- }
- #right{
- background-color: {color:post bg};
- color: {color:text};
- font-family: "tinytots"; font-size: 8px; text-transform: uppercase;
- padding:10px;position:fixed;right:535px;bottom:10px;
- width:220px;min-height:60px; z-index:999;
- }
- </style>
- </head>
- <body>
- <div id = "hide">
- <div id="title2">{Title}</div>
- <center> <img src="{image:Sidebar}"/ width="250px"></center>
- <div id="show">
- <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;">
- {text:quote}</div>
- <a class="line" href="/">index</a>
- <a class="line" href="/archive">archive</a>
- <a class="line" href="/ask">message</a>
- <a class= "line" href="{text:link 1}" >{text:link 1 name} </a>
- <a class= "line" href="{text:link 2}" >{text:link 2 name} </a>
- <a class= "line" href="{text:link 3}" >{text:link 3 name}</a>
- <a class= "line" href="{text:link 4}" >{text:link 4 name} </a>
- <a class= "line" href="{text:link 5}" >{text:link 5 name} </a>
- <a class= "line" href="{text:link 6}" >{text:link 6 name} </a><br>
- </div></div>
- <div id ="right">
- <center>
- {block:Description}
- {Description}
- {/block:Description}
- </center>
- {block:IfNotInfiniteScroll}
- <div style ="position: fixed; bottom:5px; right: 535px;">
- <div id="pagination">
- <a herf="ss">previous</a>
- {block:Pagination}
- {block:PreviousPage}
- <a href="{PreviousPage}">PREVIOUS</a>
- {/block:PreviousPage}
- {block:NextPage}
- <a href="{NextPage}">NEXT</a>
- {/block:NextPage}
- {/block:Pagination}</div>
- </center></div>
- {block:IfNotInfiniteScroll}
- </div>
- <div id="content">
- {block:IfInfiniteScroll}
- <div class="autopagerize_page_element"><script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>{/block:IfInfiniteScroll}
- {block:Posts}
- <table width="550" border="0" align="center" cellspacing="0px" cellpadding="0px">
- <tr>
- <div class="posts">
- {block:Text}
- <div id="title">{block:Title}<a href="{Permalink}">{Title}</a>{/block:Title}</div>
- <div id="text">{Body}</div>
- {/block:Text}
- {block:Quote}
- <div id="quote" align="center">“{Quote}” </div>
- <div id="quotesource" align="center">{block:Source}— {Source}{/block:Source}
- </div>
- {/block:Quote}
- {block:Link}
- <div id="title"><a href="{URL}" {Target}>{Name}</a></div>
- {block:Description}{Description}{/block:Description} {/block:Link}
- {block:Chat}{block:Title}
- <div id="title"><a href="{Permalink}">{Title}</a></div>
- {/block:Title}
- <div id="chat">
- <ul>
- {block:Lines}
- <li>{block:Label}<span class="label">{Label}</span>{/block:Label}{Line}</li>
- {/block:Lines}
- </ul>
- </div> {/block:Chat}
- <div align="center">{block:Photo}{LinkOpenTag}<img src="{PhotoURL-500}" border="0" max-width="400" />
- {LinkCloseTag} {/block:Photo}</div>
- {block:Audio}
- <div align="center">{PlayCountWithLabel}
- {AudioPlayerBlack}
- {block:Caption}{Caption}{/block:Caption}</div>
- {/block:Audio}
- <div align="center">{block:Video}{Video-400}{/block:Video}</div>
- {block:Answer}
- <div id="asker"> {Asker} ::
- {Question}</div>
- <div id="answer">{Answer}</div>
- {/block:Answer}
- {block:Photo} <div id="caption" style="overflow:hidden"><div class="caption" style="overflow:hidden">
- {block:IfNotShowCaptions}{block:PermalinkPage}
- {block:Caption}
- {Caption}
- {/block:Caption}
- {/block:PermalinkPage}{/block:IfNotShowCaptions}
- {block:IfShowCaptions}
- {block:Caption}
- {Caption}
- {/block:Caption}
- {/block:IfShowCaptions}
- </div></div> {/block:Caption} {/block:Photo}
- {block:Photoset}
- <div id="ps">{Photoset-500}
- {block:Ifshowcaptions}{Caption}{/block:Ifshowcaptions}</div>
- {/block:Photoset}
- {block:Video} <div id="caption" style="overflow:hidden"><div class="caption" style="overflow:hidden">
- {block:IfNotShowCaptions}{block:PermalinkPage}
- {block:Caption}
- {Caption}
- {/block:Caption}
- {/block:PermalinkPage}{/block:IfNotShowCaptions}
- {block:IfShowCaptions}
- {block:Caption}
- {Caption}
- {/block:Caption}
- {/block:IfShowCaptions}
- </div></div> {/block:Caption} {/block:Video}
- <div class="perma"> {TimeAgo} && <a href="{Permalink}">{NoteCountWithLabel}</a>
- {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}
- </div>
- </div>
- </td>
- </tr></table> {/block:Posts}{block:IfInfiniteScroll}</div></div>{/block:IfInfiniteScroll}</div>
- </body> </html>
- <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>
- {/block:Posts}{block:IfEndlessScroll}</div></div>{/block:IfEndlessScroll}</div>
- </body> </html>