Advertisement
sunkei

shouyou

Aug 19th, 2014
5,165
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 18.08 KB | None | 0 0
  1. <!--
  2. shouyou
  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/724e5e00276451786ebe0ce3eba9d4d2/onhp7lq/Rhana9923/tumblr_static_16iialhd9mo00wwk8ww8coogk.png"/>
  21. <meta name="image:icon" content="http://static.tumblr.com/7321cb5d5cc5ab802e15911ba6f10b6e/onhp7lq/UJ7najvyq/tumblr_static_1jtf8pu1mr9cs00w0occw8cc8.png"/>
  22. <meta name="image:DescriptionBG" content="http://static.tumblr.com/39d51fa977cc5e0b9681d60138466ea4/onhp7lq/Elrna9hel/tumblr_static_3wt996n5ydescwkgcscgo8koc.gif"/>
  23. <meta name="color:Background" content="#fff" />
  24.  
  25. <meta name="color:DescriptionBG" content="#000" />
  26. <meta name="color:Description" content="#777" />
  27. <meta name="color:Bold" content="#71dc13" />
  28.  
  29.  
  30. <meta name="color:Title" content="#aef9ff" />
  31. <meta name="color:TitleBG" content="#000" />
  32. <meta name="color:MenuTip" content="#000" />
  33. <meta name="color:MenuBorder" content="#000" />
  34. <meta name="color:Menu" content="#02aa85" />
  35.  
  36. <meta name="color:PostBorder" content="#9feaba" />
  37. <meta name="color:Texts" content="#313131" />
  38.  
  39.  
  40. <meta name="text:quote" content="We won’t let them call us Flightless Crows any longer."/>
  41. <meta name="text:Notes" content="blockers"/>
  42. <meta name="text:link1" content="link 1"/>
  43. <meta name="text:link1url" content="url"/>
  44. <meta name="text:link2" content="link 2"/>
  45. <meta name="text:link2url" content="url"/>
  46. <meta name="text:link3" content="link 3"/>
  47. <meta name="text:link3url" content="url"/>
  48. <meta name="text:link4" content="link 4"/>
  49. <meta name="text:link4url" content="url"/>
  50.  
  51.  
  52.  
  53. <meta name="if:250" content="1"/>
  54. <meta name="if:500" content="0"/>
  55. <meta name="if:400" content="0"/>
  56. <meta name="if:EndlessScroll" content="0"/>
  57. <meta name="if:RoundIcon" content="1"/>
  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.  
  72.  
  73. body
  74. {font-size:9px; font-family:lucida console;
  75. color:{color:Texts};
  76. background-color:{color:Background};
  77. background-image:url('{image:Background}');
  78. background-position: fixed;
  79. background-attachment:fixed;
  80. background-repeat:repeat;}
  81.  
  82. a
  83. {text-decoration:none;
  84. color:{color:Menu};
  85. -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;
  86. opacity:1;}
  87.  
  88. a:hover
  89. {text-decoration:none;
  90. color:{color:Link hover};
  91. opacity:1;}
  92.  
  93. blockquote
  94. {border-left:2px solid {color:Bold};
  95. padding-left:5px;}
  96.  
  97.  
  98. #right
  99. {position:fixed;right:350px; top:100px;
  100. width:200px;height:100%;}
  101.  
  102. #ray
  103. {border:1px solid {color:TitleBG};
  104. padding:10px;text-align:center;
  105. margin-bottom:3px;font-family:courier;
  106. border-radius:5px 5px 0px 0px;
  107. color:{color:TitleBG};text-transform:uppercase;
  108. }
  109.  
  110. #square
  111. {width:200px;height:200px;
  112. overflow:hidden;
  113. background-color:{color:DescriptionBG};
  114. background-image:url('{image:DescriptionBG}');
  115. font-family:consolas;}
  116.  
  117. #icon
  118. {width:100px;height:100px;padding:50px;
  119. -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; }
  120. #icon img
  121. {width:100px;}
  122.  
  123.  
  124.  
  125. {block:IfRoundIcon}#icon img
  126. {border-radius:50px;-moz-border-radius:50px;}{/block:IfRoundIcon}
  127.  
  128. #square:hover #icon
  129. {opacity:0;}
  130.  
  131. #square:hover #about
  132. {opacity:1;margin-top:0px;}
  133.  
  134. #blog
  135. {background-color:{color:TitleBG};
  136. color:{color:Title};font-size:11px;
  137. margin-bottom:3px;padding:2px 0px 2px 0px;font-style:italic;
  138. text-align:center;font-family:consolas;}
  139.  
  140. #about
  141. {width:150px;height:150px;padding:25px;text-align:justify;opacity:0;
  142. -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;font-size:11px;z-index:999;
  143. color:{color:Description};position:absolute;margin-top:-25px;overflow:hidden;
  144. }
  145.  
  146.  
  147.  
  148.  
  149. b
  150. {color:{color:Bold};}
  151.  
  152. #about a
  153. {color:{color:Title};font-size:8px;font-family:courier;text-transform:uppercase;}
  154.  
  155. .texte a
  156. {color:{color:Title};font-size:8px;font-family:courier;text-transform:uppercase;padding:1px;background-color:{color:TitleBG};}
  157.  
  158. #about i
  159. {opacity:0.5;}
  160.  
  161. #menu
  162. {margin-top:3px;margin-left:81px;}
  163.  
  164. td
  165. {vertical-align:top;}
  166.  
  167. .but
  168. {width:6px;text-align:center;margin-right:3px;margin-bottom:3px;border:1px solid {color:MenuBorder};font-size:8px;text-transform:uppercase;font-family:courier;letter-spacing:1px;color:transparent;-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:left;overflow:hidden;border-radius:2px;-moz-border-radius:2px;}
  169. .but:hover
  170. {color:{color:Menu};width:80px;
  171. border-radius:6px 0px 6px 0px;
  172. }
  173. #huit
  174. {padding:36px 0px 33px 1px;height:12px;
  175. border-bottom:5px solid {color:MenuTip};
  176. }
  177. #sept
  178. {padding:26px 0px 23px 1px;
  179. border-bottom:5px solid {color:MenuTip};
  180. height:12px;}
  181. #six
  182. {padding:20px 0px 17px 1px;height:12px;
  183. border-bottom:5px solid {color:Title};}
  184.  
  185. #cinq
  186. {padding:25px 0px 22px 1px;height:12px;
  187. border-bottom:5px solid {color:Title};}
  188. #quatre
  189. {padding:19px 0px 16px 1px;
  190. border-bottom:5px solid {color:Title};
  191. height:12px;}
  192. #trois
  193. {padding:29px 0px 26px 1px;
  194. border-bottom:5px solid {color:Title};
  195. height:12px;}
  196. #deux
  197. {padding:13px 0px 10px 1px;
  198. border-bottom:5px solid {color:MenuTip};height:12px;}
  199.  
  200. #un
  201. {border-bottom:5px solid {color:MenuTip};height:12px;
  202. padding:22px 0px 19px 1px;}
  203.  
  204. #posts
  205. {float:right;
  206. margin-right:610px;
  207. margin-top:25px;
  208. text-align:justify;}
  209.  
  210. .post
  211. {width:{block:If500}508px{/block:If500}
  212.  
  213.  
  214. {block:If400}408px{/block:If400}
  215. {block:If250}258px{/block:If250};margin-bottom:55px;}
  216. img
  217. {margin-bottom:-2px;}
  218. .post img
  219. {max-width:{block:If500}500px{/block:If500}
  220. {block:If400}400px{/block:If400}
  221. {block:If250}250px{/block:If250};}
  222. .post table
  223. {width:{block:If500}508px{/block:If500}
  224. {block:If400}408px{/block:If400}
  225. {block:If250}258px{/block:If250};}
  226. .texte
  227. {padding:0px 3px 0px 3px;font-size:9px; font-family:lucida console;}
  228. .border
  229. {border:1px solid {color:PostBorder};padding:3px;}
  230.  
  231. #title
  232. {text-align:right;width:{block:If250}70px{/block:If250}{block:IfNot250}100px{/block:IfNot250};font-size:{block:If250}14px{/block:If250}{block:IfNot250}22px{/block:IfNot250};font-family:consolas;color:{color:TitleBG};padding-right:5px;}
  233. .fo
  234. {border-bottom:3px solid {color:PostBorder};}
  235.  
  236. #dessus
  237. {background-color:{color:TitleBG};color:{color:Bold};margin-bottom:3px;
  238. text-align:center;font-family:lucida console;text-transform:uppercase;
  239. border-radius:3px;padding:5px 0px 5px 1px;letter-spacing:1px;font-size:8px;}
  240.  
  241. #dessus a
  242. {color:{color:Bold};}
  243. #dessus a:hover
  244. {text-decoration:underline;}
  245.  
  246. #tag
  247. {text-align:right;font-family:lucida console;text-transform:uppercase;font-size:8px;margin-top:3px;}
  248. #tag a
  249. {color:{color:Texts};}
  250. .hash
  251. {padding-left:8px;color:{color:Bold};}
  252.  
  253. #caption
  254. {position:absolute;vertical-align:bottom;border:1px solid {color:PostBorder};padding:3px;width:{block:If500}450px{/block:If500}
  255. {block:If400}350px{/block:If400}
  256. {block:If250}200px{/block:If250};
  257. border-radius:3px;
  258. margin:10px 25px 0px 25px;
  259. text-align:center;background-color:{color:Background};
  260. background-image:url('{image:Background}');
  261. opacity:0;-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;}
  262.  
  263. .post:hover #caption
  264. {opacity:1;margin:20px 25px 0px 25px;}
  265.  
  266. .line
  267. {border:1px solid {color:PostBorder};padding:1px 3px 1px 3px;margin-bottom:3px;border-radius:3px;font-size:9px; font-family:lucida console;}
  268. .label
  269. {border-bottom:3px solid;font-size:8px;text-transform:uppercase;letter-spacing:1px;font-family:courier;}
  270. #odd .label
  271. {color:{color:Menu};}
  272. #even .label
  273. {color:{color:MenuTip};}
  274.  
  275. #link td
  276. {border-radius:3px;}
  277.  
  278. #titlelink
  279. {width:{block:If500}300px{/block:If500}
  280. {block:If400}250px{/block:If400}
  281. {block:If250}150px{/block:If250};
  282. text-align:center;font-family:consolas;color:{color:TitleBG};
  283. font-size:22px;
  284. }
  285. #op
  286. {vertical-align:middle;}
  287.  
  288. #quote
  289. {text-align:center;font-family:consolas;}
  290. .conf
  291. {font-size:22px;}
  292. #qui
  293. {margin-top:5px;}
  294. #qui a
  295. {color:{color:Menu};}
  296.  
  297. .textetd
  298. {border:1px solid {color:PostBorder};border-radius:3px;-moz-border-radius:3px;width:{block:If500}347px{/block:If500}
  299. {block:If400}245px{/block:If400}
  300. {block:If250}97px{/block:If250};text-align:center;}
  301. .audio #caption
  302. {padding:0px;}
  303. .audio .label
  304. {color:{color:Menu};}
  305. .audio .border
  306. {width:{block:If500}347px;{/block:If500}
  307. {block:If400}247px;{/block:If400}
  308. {block:If250}97px;{/block:If250}margin:0px 0px 3px 0px;border-radius:3px;-moz-border-radius:3px;}
  309.  
  310. #pl
  311. {position:absolute;padding:29px 29px 23px 31px;background-color:#000;border-radius:31px;overflow:hidden;margin:44px;width:2px;height:10px;}
  312. .playerpost
  313. {overflow:hidden;width:22px;margin:-12px;}
  314.  
  315. #ava
  316. {width:60px:height:60px;border:1px solid {color:PostBorder};
  317. border-radius:3px;-moz-border-radius:3px;}
  318. #ico
  319. {border-radius:20px;margin:10px;overflow:hidden;width:40px;height:40px;}
  320.  
  321. #shitsu
  322. {margin-left:3px;border-left:3px solid {color:PostBorder};min-height:60px;}
  323.  
  324. .currentpage
  325. {color:{color:Title};background-color:{color:TitleBG};border-radius:3px;-moz-border-radius:3px;padding:1px 2px 1px 2px;}
  326. </style>
  327. </head>
  328. <body>
  329.  
  330. {block:IfEndlessScroll}
  331. <div id="top"></div>
  332. <a style="position:fixed;bottom:3px;right:3px;color:{color:Menu};font-family:courier;text-transform:uppercase;" href="#top">back to top</a>{/block:IfEndlessScroll}
  333.  
  334.  
  335. <div id="right">
  336.  
  337. {block:IfNotEndlessScroll}
  338. {block:Pagination}
  339. <div style="text-align:center;margin:5px 0px 5px 0px;" >
  340. {block:PreviousPage}<a href="{PreviousPage}">«­</a>{/block:PreviousPage} {block:JumpPagination length="4"}{block:CurrentPage}
  341. <span class="currentpage">{PageNumber}</span>
  342. {/block:CurrentPage}{block:JumpPage}
  343. <a class="jump_page" href="{URL}">{PageNumber}</a>
  344. {/block:JumpPage}{/block:JumpPagination}{block:NextPage}<a href="{NextPage}">»</a>{/block:NextPage}
  345. </div>
  346. {/block:Pagination}
  347. {/block:IfNotEndlessScroll}
  348.  
  349. <div id="ray">{text:quote}</div>
  350.  
  351. <div id="blog">{Title}</div>
  352.  
  353. <div id="square">
  354. <div id="about">{Description}</div>
  355. <div id="icon"><img src="{image:icon}"/> </div>
  356. </div><!--square-->
  357.  
  358. <div id="menu">
  359. <table cellpadding="0" cellspacing="0">
  360. <tr>
  361. <td><a href="/"><div class="but"><div id="un">home</div></div></a></td>
  362.  
  363. <td><table cellpadding="0" cellspacing="0">
  364. <tr><td><a href="/ask"><div class="but"><div id="deux">message</div></div></a></td></tr>
  365. <tr><td><a href="/archive"><div class="but" > <div id="sept">archive</div></div></a></td></tr>
  366. </table>
  367.  
  368. </td>
  369. <td>
  370. <table cellpadding="0" cellspacing="0">
  371. <tr><td><a href="{text:link1url}"><div class="but"><div id="trois">{text:link1}</div></div></a></td></tr>
  372. <tr><td><a href="{text:link2url}"><div class="but"><div id="quatre">{text:link2}</div></div></a></td></tr>
  373. <tr><td><a href="{text:link3url}"><div class="but"><div id="cinq">{text:link3}</div></div></a></td></tr>
  374. </table>
  375. </td>
  376. <td>
  377. <table cellpadding="0" cellspacing="0">
  378. <tr><td><a href="{text:link4url}"><div class="but"><div id="six">{text:link4}</div></div></a></td></tr>
  379. <tr><td><a href="http://gyapo.tumblr.com/"><div class="but"><div id="huit">credits</div></div></a></td></tr>
  380. </table>
  381. </td>
  382. </tr>
  383. </table>
  384.  
  385. </div><!--menu-->
  386.  
  387. </div><!--right-->
  388.  
  389.  
  390. <div id="posts">
  391. {block:Posts}
  392.  
  393.  
  394. {block:RebloggedFrom}
  395. <!--{ReblogParentName}-->
  396. {/block:RebloggedFrom}
  397.  
  398. {block:ContentSource}
  399. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  400. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  401. {/block:SourceLogo}
  402. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo}-->
  403. {/block:ContentSource}
  404.  
  405.  
  406. <div class="post">
  407. <div id="dessus">{block:NoteCount}{NoteCount}{text:Notes} . {/block:NoteCount}<a href="{ReblogURL}">reblog</a> {block:Date} . <a href="{Permalink}">{TimeAgo}</a>{/block:Date}{block:RebloggedFrom}
  408. . <a href="{ReblogRootURL}">org</a> . <a href="{ReblogParentURL}">via</a> {block:ContentSource}
  409. {/block:ContentSource}
  410. {/block:RebloggedFrom}
  411. </div>
  412.  
  413.  
  414. {block:Answer}
  415. <table cellpadding="0" cellspacing="0" id="shi">
  416. <tr><td><div id="ava"><div id="ico"><img src="{AskerPortraitURL-40}"/></div></div></td>
  417. <td><div class="texte" id="shitsu">{Asker}: {Question}</div></td>
  418. </tr>
  419. <tr><td colspan="2"><div class="texte">{answer}</div></td></tr>
  420. </table>
  421.  
  422. {/block:Answer}
  423.  
  424.  
  425.  
  426.  
  427. {block:Quote}
  428. <div id="quote" class="border"><span class="conf"> "{Quote}"</span>
  429.  
  430. {block:Source}
  431. <div id="qui"><span class="label" style="border-bottom:none;"> {Source}</span></div>{/block:Source}
  432. </div>
  433. {/block:Quote}
  434.  
  435. {block:Text}
  436. <table cellpadding="0" cellspacing="0" >
  437. <tr>{block:Title}<td><div id="title"><span class="fo">{Title}</span></div></td>{/block:Title}
  438. <td class="border"> <div class="texte">{Body}</div></td></tr>
  439. </table>
  440. {/block:Text}
  441.  
  442.  
  443.  
  444. {block:Chat}
  445. <table cellpadding="0" cellspacing="0">
  446. <tr>{block:Title}<td><div id="title"><span class="fo">{Title}</span></div></td>{/block:Title}
  447. <td>{block:Lines}<div class="line" id="{Alt}" {block:Title}style="width:{block:If500}395px{/block:If500}
  448. {block:If400}295px{/block:If400}
  449. {block:If250}175px{/block:If250};"{/block:Title}>{block:Label}<span class="label">{Label}</span> {/block:Label}{Line}</div>{/block:Lines}</td></tr>
  450. </table>
  451.  
  452.  
  453. {/block:Chat}
  454.  
  455. {block:Audio}
  456. <table cellpadding="0" cellspacing="0" >
  457.  
  458. <tr>
  459. <td {block:Caption}rowspan="2"{/block:Caption} style="margin-left:-3px;">{block:AudioPlayer}<div id="pl"><div class="playerpost"
  460. style="background-color:#000;">{AudioPlayerBlack}</div></div>{/block:AudioPlayer}
  461. {block:AlbumArt}
  462. <img src="{AlbumArtURL}" width="150">
  463. {/block:AlbumArt}
  464. </td>
  465. <td><div class="audio">
  466. {block:TrackName}<div class="border"><span class="label">Track</span>: {TrackName} {block:PlayCount}({PlayCountWithLabel}){/block:PlayCount}</div>{/block:TrackName}
  467.  
  468.  
  469. {block:Artist} <div class="border"><span class="label">Artist</span>: {Artist}</div>{/block:Artist}
  470. {block:Album} <div class="border"><span class="label">Album</span>: {Album}</div>{/block:Album} </div> </td>
  471. </tr>
  472. {block:Caption}<tr><td class="textetd">
  473. <div class="texte">{Caption}</div>
  474.  
  475.  
  476. </td>
  477. </tr>{/block:Caption}
  478. </table>
  479. {/block:Audio}
  480.  
  481. {block:Photo}
  482. {block:Caption}<div id="caption" class="texte">
  483. {Caption}
  484. </div>{/block:Caption}
  485.  
  486. <div class="border">
  487. <img src="{PhotoURL-500}"/></div>
  488. {/block:Photo}
  489.  
  490. {block:Photoset}
  491. {block:Caption}<div id="caption" class="texte">
  492. {Caption}
  493. </div>{/block:Caption}
  494.  
  495. <div class="border">
  496. <div style="margin-bottom:-3px;">
  497. {block:If250}{Photoset-250}{/block:If250}
  498. {block:If400}{Photoset-400}{/block:If400}
  499. {block:If500}{Photoset-500}{/block:If500}
  500. </div></div>
  501. {/block:Photoset}
  502.  
  503. {block:Video}
  504. {block:Caption}<div id="caption" class="texte">
  505. {Caption}
  506. </div>{/block:Caption}
  507.  
  508. <div class="border">
  509. <div style="margin-bottom:-3px;">
  510. {block:If250}{Video-250}{/block:If250}
  511. {block:If400}{Video-400}{/block:If400}
  512. {block:If500}{Video-500}{/block:If500}
  513. </div></div>
  514. {/block:Video}
  515.  
  516. {block:Link}
  517.  
  518. <table cellpadding="0" cellspacing="0" id="link">
  519. <tr><td class="border" id="op"><a href="{URL}" target="_blank"><div id="titlelink" >{Name} <br> →</div></a></td>
  520. <td><div style="margin-left:3px;border-left:3px solid {color:PostBorder}"><div class="texte">{Description}</div></div></td></tr>
  521. </table>
  522. {/block:Link}
  523.  
  524.  
  525.  
  526. {block:HasTags}<div id="tag">{block:Tags}<a href="{TagURL}"><span class="hash">#</span>{Tag}</a>{/block:Tags}</div> {/block:HasTags}
  527.  
  528. </div>
  529.  
  530. {block:PermalinkPage}
  531. {block:PostNotes}
  532. <div style="margin-top:5px;">{PostNotes}</div>
  533. {/block:PostNotes}
  534. {/block:PermalinkPage}
  535.  
  536.  
  537. {/block:Posts}
  538. </div>
  539.  
  540.  
  541.  
  542.  
  543.  
  544. </body>
  545. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement