API tools faq
paste
Advertisement
sunkei

mikoto

sunkei
Dec 29th, 2012
13,794
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 13.71 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2. Mikoto
  3. theme made by gyapo.tumblr.com
  4. don't remove this comment
  5. -->
  6.  
  7. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  8.  
  9. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  10.  
  11.  
  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. <meta name="image:Background" content="http://static.tumblr.com/8adb1313f6a3ac2182ee4e82aa25a756/s2ymoja/93ymfqsx5/tumblr_static_pattern2.png"/>
  21. <meta name="image:Picture" content="http://static.tumblr.com/7a13368ffbed10766d25335448f0fc82/s2ymoja/s78mft9al/tumblr_static_200311.png"/>
  22.  
  23.  
  24. <meta name="color:Background" content="#000" />
  25.  
  26. <meta name="color:Link" content="#ffcc00" />
  27. <meta name="color:Link hover" content="#222" />
  28. <meta name="color:Picture border" content="#090909" />
  29. <meta name="color:Title BG" content="#fff" />
  30. <meta name="color:Title Shadow" content="#ffcc00" />
  31. <meta name="color:Title" content="#000" />
  32. <meta name="color:Menu BG" content="#ffcc00" />
  33. <meta name="color:Menu" content="#000" />
  34. <meta name="color:Menu Shadow" content="#ff0000" />
  35. <meta name="color:Menu Shadow2" content="#352d88" />
  36. <meta name="color:Description" content="#656565" />
  37. <meta name="color:Description Border" content="#151515" />
  38.  
  39.  
  40.  
  41. <meta name="color:Entry Border" content="#222" />
  42. <meta name="color:Texts" content="#bbb" />
  43.  
  44.  
  45. <meta name="if:Caption" content="0"/>
  46. <meta name="if:EndlessScroll" content="0"/>
  47. <meta name="if:CustomScroll" content="1"/>
  48. <meta name="if:MovingPost" content="1"/>
  49. <meta name="if:500" content="0"/>
  50. <meta name="if:400" content="1"/>
  51. <meta name="if:250" content="0"/>
  52.  
  53. <meta name="text:Link1" content="L i n k 1"/>
  54. <meta name="text:Link1URL" content=""/>
  55. <meta name="text:Link2" content="L i n k 2"/>
  56. <meta name="text:Link2URL" content=""/>
  57.  
  58.  
  59.  
  60. {block:IfEndlessScroll}
  61. <script src="http://static.tumblr.com/ko3o6ju/QzNls3n3y/smoothscroll.js" type="text/javascript"></script>
  62.  
  63. <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>{/block:IfEndlessScroll}
  64.  
  65. <style type="text/css">
  66.  
  67. iframe#tumblr_controls {right:3px !important; position: fixed !important;-webkit-transition: opacity 0.7s linear;opacity: 0.2;-webkit-transition: all 0.8s ease-out;-moz-transition: all 0.8s ease-out;transition: all 0.8s ease-out;}
  68.  
  69. iframe#tumblr_controls:hover{-webkit-transition: opacity 0.7s linear;opacity: 1;-webkit-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;}
  70.  
  71. {block:IfCustomScroll}
  72. ::-webkit-scrollbar-thumb:vertical {background-color:{color:Menu BG};height:125px;}
  73. ::-webkit-scrollbar {height:0px;width:1px;background-color:{color:Description Border};}
  74. {/block:IfCustomScroll}
  75.  
  76. body
  77. {font-family:consolas;
  78. font-size:10px;
  79. color:{color:Texts};
  80. background-color:{color:Background};
  81. background-image:url('{image:Background}');
  82. background-position: fixed;
  83. background-attachment:fixed;
  84. background-repeat:repeat;}
  85.  
  86. a
  87. {text-decoration:none;
  88. color:{color:Link};
  89. -webkit-transition: opacity 0.7s linear;-webkit-transition: all 0.7s ease-in-out;-moz-transition: all 0.7s ease-in-out;-o-transition: all 0.7s ease-in-out;
  90. opacity:1;}
  91.  
  92. a:hover
  93. {text-decoration:none;
  94. color:{color:Link hover};
  95. opacity:1;}
  96.  
  97.  
  98. blockquote
  99. {border-left:1px dotted {color:Menu Shadow};
  100. opacity:0.8;
  101. padding-left:5px;}
  102.  
  103. #mikoto
  104. {border:5px solid {color:Picture border};border-radius:5px;}
  105. #mikoto img
  106. {margin-bottom:-3px;
  107. width:200px;}
  108.  
  109. #left
  110. {position:fixed;
  111. top:100px;left:150px;
  112. width:210px;}
  113.  
  114. #blog
  115. {position:absolute;margin-left:-50px;margin-top:-5px;background-color:{color:Title BG};color:{color:Title};padding:1px 5px 1px 5px;font-style:italic;font-weight:800;font-family:courier;text-transform:uppercase;text-shadow:{color:Title Shadow} -1px 0px 1px;}
  116.  
  117.  
  118. #about
  119. {padding:5px;
  120. margin-top:5px;
  121. text-align:right;
  122. border-right:1px dotted {color:Description Border};color:{color:Description};font-size:12px;}
  123. #about i
  124. {color:{color:Title BG};}
  125. #about b
  126. {color:{color:Menu Shadow2};}
  127.  
  128. #menu
  129. {position:absolute;margin-left:-20px;margin-top:20px;}
  130.  
  131. .button
  132. {width:12px;height:12px;border-radius:6px;background-color:{color:Menu BG};margin-bottom:6px;-webkit-transition: opacity 0.9s linear;-webkit-transition: all 0.9s ease-in-out;-moz-transition: all 0.9s ease-in-out;-o-transition: all 0.9s ease-in-out;text-align:center;color:{color:Menu};font-family:courier;overflow:hidden;}
  133. .suoh
  134. {text-shadow:-1px 0px 1px {color:Menu Shadow};}
  135. .suivi
  136. {font-weight:800;text-transform:uppercase;text-shadow:0px 0px 1px {color:Menu Shadow2};}
  137.  
  138. .button:hover
  139. {height:100px;}
  140. #ni
  141. {opacity:0.8;}
  142. #ichi:hover
  143. {height:85px;}
  144. #ni:hover
  145. {opacity:1;height:75px;}
  146. #san
  147. {opacity:0.6;}
  148. #san:hover
  149. {opacity:1;}
  150. #yon
  151. {opacity:0.4;}
  152. #yon:hover
  153. {opacity:1;}
  154. #go
  155. {opacity:0.2;}
  156. #go:hover
  157. {opacity:1;height:85px;}
  158.  
  159. #posts
  160. {margin-left:370px;margin-top:25px;}
  161. .post
  162. {margin:15px 0px 15px 0px;padding:5px;
  163. font-size:11px;
  164. border:1px dotted {color:Entry Border};
  165. text-align:justify;
  166. width:{block:If500}500{/block:If500}{block:If400}400{/block:If400}{block:If250}250{/block:If250}px;
  167. opacity 0.9s linear;-webkit-transition: all 0.9s ease-in-out;-moz-transition: all 0.9s ease-in-out;-o-transition: all 0.9s ease-in-out;}
  168.  
  169.  
  170. {block:IndexPage}
  171. .post:hover
  172. {border-top:1px solid {color:Menu BG};
  173. border-bottom:1px solid {color:Menu BG};{block:IfMovingPost}margin:30px 0px 30px 0px;{/block:IfMovingPost}}
  174. {/block:IndexPage}
  175.  
  176.  
  177. .post img
  178. {max-width:{block:If500}500{/block:If500}{block:If400}400{/block:If400}{block:If250}250{/block:If250}px;}
  179. .texte a
  180. {font-style:italic;}
  181.  
  182. .title
  183. {text-transform:uppercase;letter-spacing:5px;font-size:14px;color:{color:Menu Shadow2};font-style:italic;padding-left:10px;border-bottom:1px dotted {color:Menu Shadow};}
  184.  
  185. #quote
  186. {font-size:14px;font-style:italic;color:{color:Title BG};text-align:center;}
  187. #source
  188. {text-align:right;text-transform:uppercase;font-size:10px;font-family:courier;color:{color:Menu Shadow2};}
  189.  
  190.  
  191. {block:IndexPage}
  192. #up
  193. {width:{block:If500}500{/block:If500}{block:If400}400{/block:If400}{block:If250}250{/block:If250}px;}
  194. .hover
  195. {position:absolute;padding:1px 5px 1px 5px;font-weight:800;font-family:courier;text-transform:uppercase;background-color:{color:Title BG};color:{color:Title};font-size:10px;text-shadow:{color:Menu Shadow2} 0px 0px 1px;opacity:0;-webkit-transition: opacity 0.9s linear;-webkit-transition: all 0.9s ease-in-out;-moz-transition: all 0.9s ease-in-out;-o-transition: all 0.9s ease-in-out;text-align:right;margin:-10px -10px -10px 200px;font-style:italic;}
  196.  
  197. .date
  198. {text-shadow:{color:Menu Shadow} 0px 0px 1px;}
  199. .hover:hover
  200. {background-color:{color:Menu BG};}
  201.  
  202. #bot
  203. {position:absolute;width:{block:If500}500{/block:If500}{block:If400}400{/block:If400}{block:If250}250{/block:If250}px;margin-left:-200px;-webkit-transition: opacity 0.9s linear;-webkit-transition: all 0.9s ease-in-out;-moz-transition: all 0.9s ease-in-out;-o-transition: all 0.9s ease-in-out;}
  204.  
  205. .tag
  206. {padding:1px 5px 1px 5px;float:right;font-weight:800;font-family:courier;text-transform:uppercase;background-color:{color:Title BG};color:{color:Title};text-shadow:{color:Menu Shadow2} 0px 0px 1px;opacity:0;-webkit-transition: opacity 0.9s linear;-webkit-transition: all 0.9s ease-in-out;-moz-transition: all 0.9s ease-in-out;-o-transition: all 0.9s ease-in-out;margin:0px 0px 0px 10px;font-size:9px;}
  207. .tag:hover
  208. {font-style:italic;text-shadow:{color:Menu Shadow} 0px 0px 1px}
  209.  
  210. .post:hover .hover
  211. {opacity:1;margin-left:-10px;}
  212. .post:hover .tag
  213. {opacity:1;}
  214. .post:hover #bot
  215. {margin-left:10px;}
  216. {/block:IndexPage}
  217.  
  218. .name
  219. {font-weight:800;font-family:courier;text-transform:uppercase;font-size:10px;border-bottom:1px dotted {color:Menu Shadow};}
  220. .odd .name
  221. {color:{color:Menu BG};}
  222. .even .name
  223. {color:{color:Menu Shadow2};}
  224.  
  225. .red
  226. {color:{color:Menu Shadow};}
  227. #url
  228. {font-size:14px;font-style:italic;}
  229.  
  230. #playerblack
  231. {background-color:#000;
  232. margin-bottom:10px;
  233. width:{block:If500}500{/block:If500}{block:If400}400{/block:If400}{block:If250}250{/block:If250}px;}
  234.  
  235. .infos
  236. {padding:0px 5px 5px 20px}
  237. .infos .name
  238. {color:{color:Title BG};letter-spacing:1px;}
  239.  
  240. .yo
  241. {font-style:italic;opacity:0.7;}
  242.  
  243. #preg img
  244. {float:left;border-radius:5px;-moz-border-radius:5px;margin:0px 5px 0px 0px;}
  245. .wh
  246. {font-family:courier;font-size:10px;text-transform:uppercase;}
  247.  
  248. .nono
  249. {text-align:center;}
  250.  
  251. #control
  252. {text-align:right;margin-top:5px;}
  253.  
  254. .plus
  255. {font-size:20px;-webkit-transition: opacity 0.5s linear;-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;float:right;color:{color:Title BG};margin-left:5px;margin-right:-3px;}
  256. .plus:hover
  257. {font-size:28px;color:{color:Menu Shadow};}
  258.  
  259. </style>
  260. </head>
  261. <body>
  262.  
  263. {block:IfEndlessScroll}
  264. <a style="position:fixed;bottom:10px;right:10px;" class="wh" href="#top">back to top</a>{/block:IfEndlessScroll}
  265.  
  266.  
  267.  
  268. <div id="posts">
  269. {block:Posts}
  270.  
  271. {block:RebloggedFrom}
  272. <!--{ReblogParentName}-->
  273. {/block:RebloggedFrom}
  274.  
  275. {block:ContentSource}
  276. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  277. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  278. {/block:SourceLogo}
  279. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo}-->
  280. {/block:ContentSource}
  281.  
  282.  
  283.  
  284. <div class="post">
  285.  
  286. {block:IndexPage}
  287. <div id="up"><a href="{Permalink}"><div class="hover">
  288. <span class="date">{block:Date}{DayOfMonthWithZero}.{MonthNumberWithZero}.{ShortYear} {/block:Date}</span> — {NoteCountWithLabel}
  289. </div></a></div>
  290. {/block:IndexPage}
  291.  
  292. {block:Quote}
  293. <div id="quote">"{Quote}"</div>
  294. {block:Source}<div id="source">— {Source}</div>{/block:Source}
  295. {/block:Quote}
  296.  
  297. {block:Link}
  298. <a href="{URL}"><div id="url"><span class="red">➜</span> {Name}</div></a>
  299. {block:Description}<div class="texte" id="link">{Description}</div>{/block:Description}
  300. {/block:Link}
  301.  
  302. {block:Photo}
  303. {LinkOpenTag}<div><img src="{PhotoURL-500}"></div>{LinkCloseTag}
  304. {/block:Photo}
  305.  
  306. {block:Text}
  307. {block:Title}<div class="title">{Title}</div> {/block:Title}
  308. <div class="texte">{Body}</div>
  309. {/block:Text}
  310.  
  311. {block:Chat}
  312. {block:Title}<div class="title">{Title}</div> {/block:Title}
  313. {block:Lines}<div class="{Alt}">
  314. {block:Label}<span class="name">{Label}</span>{/block:Label} {Line}
  315. </div>{/block:Lines}
  316. {/block:Chat}
  317.  
  318. {block:Audio}
  319. <div id="playerblack">{AudioPlayerBlack}</div>
  320. <div class="infos">{block:Artist}
  321. <span class="name">{Artist} :</span>
  322. {/block:Artist} {block:TrackName}
  323. {TrackName}
  324. {/block:TrackName}</div>
  325. {block:PlayCount} <div class="infos"><span class="name">{PlayCountWithLabel}</span></div>{/block:PlayCount}
  326. {/block:Audio}
  327.  
  328. {block:Answer}
  329. <div id="preg"><img src="{AskerPortraitURL-40}"> <span class="name"><span class="red" style="font-size:12px;">►</span> {Asker}</span> <span class="wh">whispered</span> <span class="yo"> {Question}</span></div>
  330. <div id="ans" class="texte">{Answer}</div>
  331. {/block:Answer}
  332.  
  333.  
  334. {block:Photoset}
  335. <div style="margin-bottom:-3px;">
  336. {block:If250}
  337. {Photoset-250}
  338. {/block:If250}
  339. {block:If400}
  340. {Photoset-400}
  341. {/block:If400}
  342. {block:If500}
  343. {Photoset-500}
  344. {/block:If500}
  345. </div>
  346. {/block:Photoset}
  347.  
  348. {block:Video}
  349. <div style="margin-bottom:-3px;">
  350. {block:If250}
  351. {Video-250}
  352. {/block:If250}
  353. {block:If400}
  354. {Video-400}
  355. {/block:If400}
  356. {block:If500}
  357. {Video-500}
  358. {/block:If500}
  359. </div>
  360. {/block:Video}
  361.  
  362.  
  363. {block:IfCaption}
  364. {block:Caption}<div class="caption"><span class="texte">{Caption}</span></div>{/block:Caption}
  365. {/block:IfCaption}
  366.  
  367. {block:IfNotCaption}
  368. {block:PermalinkPage}{block:Caption}<div class="caption"><span class="texte">{Caption}</span></div>{/block:Caption}{/block:PermalinkPage}
  369. {/block:IfNotCaption}
  370.  
  371. {block:IndexPage}{block:HasTags}
  372. <div id="bot">
  373. {block:Tags}<a href="{TagURL}"><div class="tag">#{Tag}</div></a>
  374. {/block:Tags}
  375. </div>
  376. {/block:HasTags}{/block:IndexPage}
  377.  
  378.  
  379. </div>
  380. {block:PermalinkPage}
  381. <div id="perma" class="post">
  382. <div class="nono">{block:Date}Posted <span class="red">{TimeAgo}</span> —{/block:Date} {NoteCountWithLabel}
  383. {block:RebloggedFrom} <br> origin:<a href="{ReblogRootURL}">{ReblogRootName}</a>, via:<a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom}
  384. </div>
  385. {block:PostNotes}<div style="font-size:10px;">
  386. {PostNotes-16}
  387. </div> {/block:PostNotes}
  388.  
  389. </div>
  390. {/block:PermalinkPage}
  391. {/block:Posts}
  392. </div>
  393.  
  394.  
  395. <div id="left">
  396. <div id="blog">{Title}</div>
  397. <div id="menu">
  398. <a href="/"><div class="button" id="ichi"><span class="suoh">1 — </span><span class="suivi">h o m e</span></div></a>
  399. <a href="/ask"><div class="button" id="ni"><span class="suoh">2 — </span><span class="suivi">a s k</span></div></a>
  400. <a href="{text:Link1URL}"><div class="button" id="san"><span class="suoh">3 — </span><span class="suivi">{text:Link1}</span></div></a>
  401. <a href="{text:Link2URL}"><div class="button" id="yon"><span class="suoh">4 — </span><span class="suivi">{text:Link2}</span></div></a>
  402. <a href="/archive"><div class="button" id="go"><span class="suoh">5 — </span><span class="suivi">p a s t</span></div></a>
  403. </div>
  404. <div id="mikoto"><a href="/"><img src="{image:Picture}"></a></div>
  405. <div id="about">{Description} <a title="mikoto by gyapo" href="http://gyapo.tumblr.com">©</a></div>
  406.  
  407. {block:IfNotEndlessScroll}
  408. {block:Pagination}
  409. <div id="control">
  410. {block:NextPage}<a href="{NextPage}"><div class="plus">[+]</div></a>{/block:NextPage}
  411. {block:PreviousPage}<a href="{PreviousPage}"><div class="plus" id="moins">[-]</div></a>{/block:PreviousPage}
  412. </div>
  413. {/block:Pagination}
  414. {/block:IfNotEndlessScroll}
  415. </div>
  416. </body>
  417. </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!