Advertisement
xivth

12. YUKIMURA

Jul 22nd, 2014
3,949
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 16.58 KB | None | 0 0
  1. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  2. <!---
  3. Theme 12. YUKIMURA by soldierholic
  4. Don't remove the credit!
  5. Please don't take, use as a base, or claim the theme as your own.
  6. --->
  7. <head>
  8.  
  9. <title>{Title}</title>
  10. <link rel="shortcut icon" href="{Favicon}">
  11. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  12. <meta name="color:Background" content="#ffffff"/>
  13. <meta name="color:Side" content="#1a1a1a"/>
  14. <meta name="color:Accents" content="#b01010"/>
  15. <meta name="color:Bold" content="#3c3c3c"/>
  16. <meta name="color:Borders" content="#dcdcdc"/>
  17. <meta name="color:Links" content="#c92727"/>
  18. <meta name="color:Hover" content="#4c4c4c"/>
  19. <meta name="color:Text" content="#9d9d9d"/>
  20.  
  21.  
  22. <meta name="image:Sidebar" content="http://static.tumblr.com/a3lzwud/Czvn9514h/kiray.png"/>
  23.  
  24. <meta name="if:400px" content="1" />
  25.  
  26. <meta name="text:Title" content="yukimura">
  27.  
  28. <meta name="text:Home Title" content="01." />
  29. <meta name="text:Ask Title" content="02." />
  30. <meta name="text:Submit Title" content="03." />
  31. <meta name="text:Archive Title" content="04." />
  32.  
  33. <meta name="text:Link1" content="/" />
  34. <meta name="text:Link1 Title" content="Link 1" />
  35. <meta name="text:Link2" content="/" />
  36. <meta name="text:Link2 Title" content="Link 2" />
  37. <meta name="text:Link3" content="/" />
  38. <meta name="text:Link3 Title" content="Link 3" />
  39. <meta name="text:Link4" content="/" />
  40. <meta name="text:Link4 Title" content="Link 4" />
  41. <meta name="text:Link5" content="/" />
  42. <meta name="text:Link5 Title" content="Link 5" />
  43.  
  44.  
  45. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  46. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  47. <script>
  48. (function($){
  49. $(document).ready(function(){
  50. $("[title]").style_my_tooltips({
  51. tip_follows_cursor:true,
  52. tip_delay_time:0,
  53. tip_fade_speed:0,
  54. attribute:"title"
  55. });
  56. });
  57. })(jQuery);
  58. </script>
  59.  
  60. </script>
  61.  
  62. <style type="text/css">
  63. @import url(http://static.tumblr.com/6hsqxdt/md2mgu4of/tinytots.css);
  64.  
  65. ::-webkit-scrollbar-thumb:vertical {
  66. background-color:{color:side};
  67. height:7px;
  68.  
  69. border-right:2px solid {color:background};
  70. border-left:1px solid {color:background};}
  71. ::-webkit-scrollbar-thumb:horizontal {
  72. background-color:{color:side};
  73. height:7px!important;}
  74. ::-webkit-scrollbar {
  75. background:{color:background};
  76. height:7px;
  77. width:8px;}
  78. ::-webkit-scrollbar-button:start:decrement, ::-webkit-scrollbar-button:end:increment{
  79. display:block;
  80. height:6px;
  81. background-color:{color:background};
  82. border-right:2px solid {color:background};}
  83.  
  84. body {
  85. background-color:{color:background};
  86. margin:0px;
  87. color:{color:text};
  88. font-family:arial;
  89. font-size:10px;
  90. font-style: none;}
  91.  
  92. sup,small,sub {
  93. font-size:10px;}
  94.  
  95. b,strong {color:{color:bold};}
  96.  
  97. a {
  98. color: {color:accents};
  99. text-decoration: none;
  100. font-weight: normal;
  101. -webkit-transition: all 0.5s ease-in-out;
  102. -moz-transition: all 0.5s ease-in-out;
  103. -o-transition: all 0.5s ease-in-out;}
  104.  
  105. a:hover {
  106. -webkit-transition: all 0.5s ease-in-out;
  107. -moz-transition: all 0.5s ease-in-out;
  108. -o-transition: all 0.5s ease-in-out;
  109. color: {color:hover};
  110. text-decoration: none;
  111. font-weight: normal;}
  112.  
  113. img {max-width:100%;}
  114.  
  115. blockquote {
  116. margin-left:25px;
  117. margin-right:5px;
  118. padding-left:10px;
  119. border-left:1px solid {color:borders};}
  120.  
  121. h1 {font:20px cambria;
  122. letter-spacing:-1px;
  123. font-weight:bold;
  124. font-style:italic;
  125. text-align:center;
  126. color: {color:accents};}
  127.  
  128. #s-m-t-tooltip {
  129. margin:-10px 0 0 10px;
  130. display:none;
  131. text-align:left;
  132. position:absolute;
  133. letter-spacing:2px;
  134. text-transform:uppercase;
  135. font-family:calibri;
  136. font-size:8px;
  137. z-index:999;
  138. padding:2px 3px;
  139. line-height:12px;
  140. color:{color:text};
  141. background:{color:background};}
  142.  
  143. #pcontainer {
  144. background-color: {color:background};
  145. {block:if400px}
  146. width:435px;
  147. {/block:if400px}
  148. {block:ifnot400px}
  149. width:535px;
  150. {/block:ifnot400px}
  151. padding: 20px 35px;
  152. border:1px solid {color:background};
  153. margin-left:550px;
  154. position:relative;
  155. overflow-x:hidden;}
  156.  
  157. #entry {
  158. float:left;
  159. {block:if400px}
  160. width:422px;
  161. {/block:if400px}
  162. {block:ifnot400px}
  163. width:522px;
  164. {/block:ifnot400px}
  165. margin-top:10px;
  166. border:1px solid {color:background};
  167. text-align:justify;}
  168.  
  169. .post {
  170. {block:if400px}
  171. width:400px;
  172. {/block:if400px}
  173. {block:ifnot400px}
  174. width:500px;
  175. {/block:ifnot400px}
  176. background-color:{color:background};}
  177.  
  178. #tlink a {font:20px cambria;
  179. letter-spacing:-1px;
  180. font-weight:bold;
  181. font-style:italic;
  182. text-align:center;}
  183.  
  184. #pagination {
  185. {block:if400px}
  186. width:425px;
  187. {/block:if400px}
  188. {block:ifnot400px}
  189. width:525px;
  190. {/block:ifnot400px}
  191. position:fixed;
  192. height:15px;
  193. bottom:0px;
  194. background-color:{color:background};
  195. margin:auto;
  196. line-height:15px;
  197. padding-top:2px;
  198. padding-bottom:0px;
  199. font:8px consolas;
  200. text-align:center;
  201. text-transform:uppercase;}
  202.  
  203. #pagination a {
  204. line-height:15px;
  205. text-align:center;
  206. padding: 4px;
  207. color: {color:accents};
  208. text-decoration: none;}
  209.  
  210. #pagination .jump_page {
  211. text-decoration:none;}
  212.  
  213. #pagination .current_page {
  214. padding: 1px 4px;
  215. margin: 0px 2px;
  216. padding:4px;
  217. color: {color:bold};
  218. font-weight:bold;
  219. text-decoration:none;}
  220.  
  221. #side {
  222. background-color:{color:side};
  223. width:450px;
  224. height:100%;
  225. top:0px;
  226. left:0px;
  227. z-index:-1;
  228. position:fixed;}
  229.  
  230. #sbar {
  231. margin-top:25px;
  232. margin-left:80px;
  233. padding: 15px;
  234. text-align:right;
  235. position:fixed;}
  236.  
  237. #stitle{
  238. font:14px consolas;
  239. width:150px;
  240. height:19px;
  241. line-height:19px;
  242. font-weight:bold;
  243. background-color:{color:background};
  244. color:{color:accents};
  245. text-align:left;
  246. text-transform:uppercase;
  247. letter-spacing:1px;
  248. margin-bottom:10px;
  249. margin-left:100px;
  250. padding-left:5px;}
  251.  
  252. #navi {
  253. margin-top:7px;
  254. text-align:right;}
  255.  
  256. #navi a {
  257. color:{color:links};
  258. text-align:center;
  259. font-size:8px;
  260. margin-left:2px;
  261. margin-bottom:10px;
  262. font-family:tinytots;
  263. letter-spacing:0px;
  264. text-transform:uppercase;
  265. display:inline-block;
  266. line-height:16px;
  267. -webkit-transition: all 0.3s linear;
  268. -moz-transition: all 0.3s linear;
  269. transition: all 0.3s linear;}
  270.  
  271. #navi a:hover{
  272. color:{color:hover};
  273. -webkit-transition: all 0.2s linear;
  274. -moz-transition: all 0.2s linear;
  275. transition: all 0.2s linear;}
  276.  
  277. #desc {
  278. width:200px;
  279. font:10px consolas;
  280. padding:10px;
  281. margin-top:40px;
  282. margin-left:100px;
  283. color: {color:Text};
  284. position:fixed;
  285. text-align: right;
  286. z-index:999;}
  287. #desc p {margin-top:-5px;}
  288.  
  289. .descimg {
  290. text-align:right;}
  291. .descimg img {
  292. max-width:100px;
  293. margin-bottom:4px;}
  294.  
  295. #clinks {
  296. width:200px;
  297. background-color:{color:side};
  298. display:block;
  299. text-align:right;
  300. margin-top:10px;
  301. margin-bottom:10px;
  302. z-index:1;}
  303.  
  304. #clinks a {
  305. height: 13px;
  306. text-align:right;
  307. font-size:8px;
  308. margin-top:2px;
  309. font-family:tinytots;
  310. letter-spacing:2px;
  311. text-transform:uppercase;
  312. display:block;
  313. line-height:13px;
  314. color: {color:links};
  315. -webkit-transition: all 0.3s linear;
  316. -moz-transition: all 0.3s linear;
  317. transition: all 0.3s linear;}
  318.  
  319. #clinks a:hover{
  320. color:{color:hover};
  321. letter-spacing:8px;
  322. -webkit-transition: all 0.5s linear;
  323. -moz-transition: all 0.5s linear;
  324. transition: all 0.5s linear;}
  325.  
  326. #space {margin-bottom:20px;}
  327.  
  328. .quote {
  329. font:20px cambria;
  330. margin-left:25px;
  331. {block:if400px}
  332. width:350px;
  333. {/block:if400px}
  334. {block:ifnot400px}
  335. width: 450px;
  336. {/block:ifnot400px}
  337. letter-spacing:-1px;
  338. font-weight:bold;
  339. font-style:italic;}
  340.  
  341. .source {
  342. text-align: right;
  343. font-size: 7px;
  344. text-transform: uppercase;
  345. letter-spacing: 2px;}
  346.  
  347. .audio {overflow:hidden;
  348. height:84px;
  349. width:84px;}
  350.  
  351. .audio img {max-width:84px;}
  352.  
  353. .playbutton {
  354. background-color:#fff;
  355. width: 30px;
  356. height: 30px;
  357. overflow: hidden;
  358. position: relative;
  359. margin:10px 9px 8px 10px;
  360. z-index: 99;
  361. opacity:.6;}
  362.  
  363. .playbox {
  364. background-color: #fff;
  365. border-radius:30px;
  366. position: absolute;
  367. margin:17px;
  368. z-index: 99;
  369. opacity:.3;
  370. -webkit-transition: all 0.5s ease-in-out;
  371. -moz-transition: all 0.5s ease-in-out;
  372. -o-transition: all 0.5s ease-in-out;}
  373.  
  374. .playbox:hover{
  375. opacity:.8;
  376. -webkit-transition: all 0.5s ease-in-out;
  377. -moz-transition: all 0.5s ease-in-out;
  378. -o-transition: all 0.5s ease-in-out;}
  379.  
  380. .cover {
  381. position: relative; }
  382.  
  383.  
  384. #ask {padding: 5px;
  385. text-align:justify;}
  386.  
  387. #ask img {
  388. max-width: 30px;
  389. padding:2px;
  390. -webkit-border-radius: 25px;
  391. border-radius: 25px;}
  392.  
  393. #ask a {
  394. font:23px cambria;
  395. font-style:italic;
  396. letter-spacing:-2px;
  397. font-weight:bold;
  398. text-transform:lowercase;
  399. text-decoration: none;}
  400.  
  401. #ask b {
  402. font:23px cambria;
  403. font-style:italic;
  404. letter-spacing:-2px;
  405. font-weight:bold;
  406. text-transform:lowercase;
  407. text-decoration: none;}
  408.  
  409. #ask i {
  410. font:23px cambria;
  411. font-style:italic;
  412. letter-spacing:-2px;
  413. font-weight:bold;
  414. text-transform:lowercase;
  415. text-decoration: none;}
  416.  
  417. #info {
  418. background-color:{color:background};
  419. letter-spacing:1px;
  420. border-top:1px solid {color:borders};
  421. text-transform:uppercase;
  422. font-style:none;
  423. font-family:tinytots;
  424. font-size: 8px;
  425. {block:if400px}
  426. width:400px;
  427. {/block:if400px}
  428. {block:ifnot400px}
  429. width:500px;
  430. {/block:ifnot400px}
  431. color:{color:info text};
  432. text-align:center;
  433. padding-top:3px;
  434. padding-bottom:5px;}
  435. #info a {color:{color:text};}
  436. #info a:hover {color:{color:accents};}
  437.  
  438. #tags {
  439. background-color:{color:background};
  440. letter-spacing:1px;
  441. border-top:1px solid {color:borders};
  442. color:{color:tags};
  443. line-height:8px;
  444. font-size:8px;
  445. margin-top:3px;
  446. padding-top:3px;
  447. text-transform:uppercase;
  448. font-family: tinytots;}
  449.  
  450. #tags a {color:{color:accents};}
  451. #tags a:hover {color:{color:hover};}
  452.  
  453. #credit {
  454. bottom:5px;
  455. right:15px;
  456. z-index:999px;
  457. position:fixed;}
  458.  
  459. #credit a {
  460. font:10px consolas;
  461. letter-spacing:1px;
  462. font-weight:bold;
  463. color:{color:accents};
  464. text-transform:uppercase;
  465. text-align:justify;}
  466. #credit a:hover {
  467. color:{color:hover};}
  468. #credit p {
  469. margin-top:-15px;}
  470.  
  471. #notes {
  472. text-align: center;
  473. padding-left:5px;}
  474. #notes blockquote a {color:{Color:text};}
  475. #notes img {width:10px;
  476. border-radius:10px;
  477. padding-right:3px;
  478. padding-top:3px;}
  479. #notes a {color:{color:accents};}
  480. #notes a:hover {color:{color:hover};
  481. text-decoration:none;}
  482.  
  483. li.note {
  484. list-style-type: none;
  485. text-align:center;
  486. letter-spacing:2px;
  487. background-color:{color:background};
  488. font-family:consolas;
  489. font-size:8px;
  490. margin-bottom:5px;
  491. text-transform:uppercase;}
  492.  
  493. </style>
  494.  
  495.  
  496. </head>
  497. <body>
  498. <div id="credit"><a target="blank" href="http://soldierholic.tumblr.com"><p>sold</p><p>ierh</p><p>olic</p></a></div>
  499.  
  500. <div id="side"></div>
  501. <div id="sbar">
  502. <div id="desc">
  503. <div id="stitle">{text:title}</div>
  504. <div class="descimg"><img src="{image:sidebar}"></div>
  505. <div id="navi">
  506. <a href="/">{text:home title}</a>
  507. <a href="/ask">{text:ask title}</a>
  508. <a href="/submit">{text:submit title}</a>
  509. <a href="/archive">{text:archive title}</a>
  510. </div>
  511. {description}
  512. <div id="clinks">
  513. {block:ifLink1}<a href="{text:Link1}">{text:Link1 Title}</a>{/block:IfLink1}
  514. {block:ifLink2}<a href="{text:Link2}">{text:Link2 Title}</a>{/block:IfLink2}
  515. {block:ifLink3}<a href="{text:Link3}">{text:Link3 Title}</a>{/block:IfLink3}
  516. {block:ifLink4}<a href="{text:Link4}">{text:Link4 Title}</a>{/block:IfLink4}
  517. {block:ifLink5}<a href="{text:Link5}">{text:Link5 Title}</a>{/block:IfLink5}
  518. </div>
  519. </div>
  520. </div>
  521.  
  522. </div>
  523.  
  524. <div id="pcontainer">
  525.  
  526. <div id="pagination">
  527. {block:Pagination}
  528.  
  529. {block:PreviousPage}<a href="{PreviousPage}">Previous</a>{/block:PreviousPage}
  530. {block:JumpPagination length="5"}
  531. {block:CurrentPage}<span class="current_page">{PageNumber}</span>{/block:CurrentPage}
  532. {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>{/block:JumpPage}{/block:JumpPagination}
  533. {block:NextPage}<a href="{NextPage}">Next</a>{/block:NextPage}
  534. {/block:Pagination}
  535. </div>
  536.  
  537. <div id="entry">
  538. {block:Posts}
  539.  
  540. <!-- {block:NoRebloggedFrom}
  541. {block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}
  542. {/block:NoRebloggedFrom} -->
  543.  
  544. {block:ContentSource}<!-- {SourceURL}
  545. {block:SourceLogo}<img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}
  546. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  547. {/block:ContentSource}
  548.  
  549. <div class="post">
  550.  
  551. {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
  552.  
  553. {block:Photo}{LinkOpenTag}{block:ifnot400px}<img src="{PhotoURL-500}">{/block:ifnot400px}{block:if400px}<img src="{PhotoURL-500}">{/block:if400px}{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  554.  
  555. {block:Photoset}{block:ifnot400px}{Photoset-500}{/block:ifnot400px}{block:if400px}{Photoset-400}{/block:if400px}{block:Caption}{Caption}{/block:Caption}</p>{/block:Photoset}
  556.  
  557. {block:Quote}
  558. <div style="font-size:34px;margin-left:15px;font-weight:bold;opacity:.2">❝</div>
  559. <div style="margin-top:-29px;" class="quote">{Quote}
  560. {block:Source}<div class="source">&mdash;{Source}</div>{/block:Source}
  561. </div></p>
  562. {/block:Quote}
  563.  
  564. {block:Link}<div id="tlink"><h1><a href="{URL}" {Target}>{Name}</a></h1></div>{block:Description}{Description}{/block:Description}{/block:Link}
  565.  
  566. {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}</p>{/block:Chat}
  567.  
  568. {block:Audio}
  569. <table><tr><td style="width: 90px;"><div class="audio">
  570. <div class="playbox"><div class="playbutton">{block:AudioPlayer}{AudioPlayerWhite}{/block:AudioPlayer}</div></div>
  571. {block:AlbumArt}<img src="{AlbumArtURL}" class="cover"/>{/block:AlbumArt}</td><td style="width: 300px; font:10px calibri; letter-spacing:2px; text-transform:uppercase;">{block:TrackName}<b>Title:</b> {TrackName}<br />{/block:TrackName}
  572. {block:Artist}<b>Artist:</b> {Artist}<br />{/block:Artist}
  573. {block:Album}<b>Album:</b> {Album}<br />{/block:Album}
  574. {/block:ExternalAudio}<b>Played:</b> {PlayCount} times</div></td></tr></table>
  575. {block:Caption}{Caption}{/block:Caption}
  576. {/block:Audio}
  577.  
  578. {block:Video}{block:ifnot400px}{Video-500}{/block:ifnot400px}{block:if400px}{Video-400}{/block:if400px}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  579.  
  580. {block:Answer}
  581. <div id="ask">
  582.  
  583. {block:if400px}<table><tr><td style="width: 50px;"><img src="{AskerPortraitURL-40}"></td><td style="width: 355px;"><div style="margin-top:-5px;"><i>{Asker} <b>asked </i>;</b>&nbsp;&nbsp; <div style="font-size:11px;margin-top: 0px;padding-left:10px; text-align:justify;">{Question}</div></div></td>
  584. </tr></table>{/block:if400px}
  585.  
  586. {block:ifnot400px}<table><tr><td style="width: 50px;"><img src="{AskerPortraitURL-40}"></td><td style="width: 455px;"><div style="margin-top:-5px;"><i>{Asker} asked</i> <b>;</b>&nbsp;&nbsp; <div style="font-size:11px;margin-top: 0px;padding-left:20px; text-align:justify;">{Question}</div></div></td>
  587. </tr></table>{/block:ifnot400px}
  588.  
  589. </div>
  590. {Answer}
  591. {/block:Answer}
  592. </div>
  593.  
  594. {block:Date}
  595. <div id="space">
  596. <div id="info">{ShortMonth} {DayOfMonthWithZero}, <a href="{Permalink}">{TimeAgo}</a>{block:NoteCount} &nbsp; &nbsp; <a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount}{block:RebloggedFrom} &nbsp; &nbsp; <a href="{ReblogParentURL}">via</a> &middot; {/block:RebloggedFrom}
  597. {block:ContentSource}<a href="{SourceURL}">source</a>{/block:ContentSource} &nbsp; &nbsp; <a href="{ReblogURL}" target="_blank">reblog</a>{/block:Date}
  598.  
  599. {block:HasTags}<div id="tags">{block:Tags}; <a href="{TagURL}">{Tag}</a> {/block:Tags}</div>{/block:HasTags}
  600. </div>
  601. </div>
  602.  
  603. {block:PostNotes}<div id="notes">{PostNotes}</div>{/block:PostNotes}
  604. {/block:Posts}
  605.  
  606. </div>
  607. </div>
  608. </div>
  609. </body></html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement