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

[#2] — Tsuyikomo

By: faluvtha on Dec 27th, 2011  |  syntax: None  |  size: 14.00 KB  |  hits: 7,760  |  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. <!-- Themes by Faluvtha@tumblr.com
  4.  
  5. -------[ Tsuyikomo Themes ]-------
  6.  
  7. ———————————————---  RULES! ---—————————————————————
  8.  
  9. - Do not remove credit!
  10. - Do not use this code as your base.
  11. - Do not claim as your own.
  12. - If you remove the small and unobviously credit in right corner, I'll report you.
  13. - You can edit it likely and whatever you want but leave the credit alone.
  14.  
  15. ———————————————--- THANK YOU! ---——————————————————
  16.  
  17. -->
  18.  
  19. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  20. <head>
  21. <title>{Title}</title>
  22. <link rel="shortcut icon" href="{Favicon}">
  23. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  24. {block:Description}
  25. <meta name="description" content="{MetaDescription}" />
  26. {/block:Description}
  27. <meta name="if:Bigger Post" content="0"/>
  28. <meta name="if:Show Caption" content="0"/>
  29. <meta name="if:Infinite Scrolling" content="0"/>
  30. <meta name="image:Sidebar" content="http://static.tumblr.com/4tjoyn6/NM8ly5gxc/tumblr_lwoqc1uthi1r3t4qxo1_500.png"/>
  31. <meta name="image:Background"
  32. content="http://img580.imageshack.us/img580/2775/cshimvmp112.png"/>
  33. <meta name="color:Background" content="#181818" />
  34. <meta name="color:Sidebar Background" content="#111111" />
  35. <meta name="color:Title" content="#fff"/>
  36. <meta name="color:Title Post" content="#aaa"/>
  37. <meta name="color:Title background" content="#000000"/>
  38. <meta name="color:Title background Post" content="#181818"/>
  39. <meta name="color:Links" content="#fff" />
  40. <meta name="color:Links Hover" content="#aaa" />
  41. <meta name="color:description text" content="#868686" />
  42. <meta name="color:Texts" content="#868686" />
  43. <meta name="color:Blockquote" content="#181818" />
  44. <meta name="color:Border Blockquote" content="#222222" />
  45. <meta name="color:Permalink Background" content="#181818" />
  46. <meta name="color:Post" content="#111111" />
  47. <meta name="color:Bold text" content="#ccc" />
  48. <meta name="color:Italic text" content="#ccc" />
  49. <meta name="color:menu text background" content="#ffffff" />
  50. <meta name="color:menu text background hover" content="#f0f0f0" />
  51. <meta name="color:menu background" content="#181818" />
  52. <meta name="color:menu background hover" content="#282828" />
  53. <meta name="color:Scrollbar" content="#000000" />
  54. <meta name="color:Scrollbar Background" content="#f7f7f7" />
  55. <meta name="text:Custom Text Navigation Title" content="Navigation"/>
  56. <meta name="text:Font" content="consolas"/>
  57. <meta name="text:Font Size" content="10"/>
  58. <meta name="text:Line height" content="12"/>
  59. <meta name="text:Custom Link One" content="Link 1"/>
  60. <meta name="text:Custom Link One URL" content=""/>
  61. <meta name="text:Custom Link Two" content="Link 2"/>
  62. <meta name="text:Custom Link Two URL" content=""/>
  63.  
  64. <style type="text/css">
  65. {CustomCSS}
  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. ::-webkit-scrollbar {width: 10px;}
  72.  
  73. ::-webkit-scrollbar-track-piece
  74. {background-color: {color:Scrollbar Background};}
  75.  
  76. ::-webkit-scrollbar-thumb:vertical
  77. {width:8px; border:1px solid #fff;
  78. background-color: {color:Scrollbar};}
  79.  
  80.  
  81. body{
  82. font-family: {text:Font};
  83. font-size: {text:Font size}px;
  84. line-height:{text:Line height}px;
  85. background-color:{color:Background};
  86. background-image:url('{image:Background}');
  87. background-position: fixed;
  88. background-attachment:fixed;
  89. background-repeat:repeat;}
  90.  
  91. a
  92. {text-decoration:none;
  93. color:{color:Links};}
  94.  
  95. a:link, a:visited, a:active
  96. {text-decoration:none;
  97. -webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;
  98. }
  99. a:hover{
  100. color:{color:Links hover};
  101. text-decoration: none;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;
  102. }
  103.  
  104. blockquote{
  105. padding:5px;
  106. margin-top:5px;
  107. margin-bottom:5px;
  108. border-left:1px dashed {color:border blockquote};
  109. background-color:{color:blockquote};
  110. }
  111.  
  112.  
  113. #sidebar
  114. {position:fixed;
  115. top:100px;
  116. left:600px;
  117. width:220px;
  118. padding:7px;
  119. text-align:center;
  120. font-family:consolas;
  121. font-size:10px;
  122. background-color:{color:Sidebar Background};}
  123.  
  124. #title {
  125. font-family:  Georgia, "Times New Roman", Times, serif;
  126. font-size: 20px;
  127. letter-spacing:3px;
  128. line-height:30px;
  129. text-transform:none;
  130. letter-spacing:3px;
  131. margin-bottom:0px;
  132. color: {color:Title};
  133. }
  134.  
  135.  
  136. .titles {
  137. font-size:14px;
  138. font-style:normal;
  139. font-weight:light;
  140. font-family:consolas;
  141. text-transform:uppercase;
  142. text-align:justify;
  143. margin-left:5px;
  144. border-left:15px solid {color:Title Post};
  145. border-bottom: 1px solid {color:Title Post};
  146. background-color:{color:Title Background Post};
  147. padding:5px;
  148. }
  149.  
  150.  
  151.  
  152. #description {
  153. color:{color:description text};
  154. text-align:center;
  155. font-family: {text:Font};
  156. font-size: {text:Font size}px;
  157. width:200px;
  158. margin-top:3px;
  159. }
  160.  
  161. #posts {
  162. {block:IfNotBiggerPost}
  163. margin-left:150px;
  164. width:400px;
  165. {/block:IfNotBiggerPost}
  166. {block:IfBiggerPost}
  167. width:500px;
  168. margin-left:50px;
  169. {/block:IfBiggerPost}
  170. }
  171.  
  172. .post {
  173. {block:IfNotBiggerPost}
  174. width:400px;
  175. {/block:IfNotBiggerPost}
  176. {block:IfBiggerPost}
  177. width:500px;
  178. {/block:IfBiggerPost}
  179. padding:8px;
  180. margin-top:10px;
  181. margin-bottom:5px;
  182. font-family: {text:Font};
  183. font-size: {text:Font size}px;
  184. line-height:{text:Line height}px;
  185. background-color:{color:Post};
  186. color:{color:Texts};}
  187.  
  188. .post img{ max-width:100%;}
  189.  
  190. #credit {
  191. position:fixed;
  192. bottom:6px;
  193. right:6px;
  194. font-family:consolas;
  195. font-size:10px;
  196. font-weight:bold;
  197. text-transform:uppercase;}
  198.  
  199. #credit a{
  200. color:{color:links};
  201. text-decoration:none;
  202. opacity:0.5;
  203. }
  204.  
  205. #credit a:hover {
  206. color:{color:links};
  207. text-decoration:none;
  208. opacity:1;
  209. }
  210.  
  211.  
  212. b, em, strong{
  213.     color: {color:Bold text};
  214.     font-weight:bold;
  215.     }
  216.  
  217. i, em {
  218.     color: {color:Italic text};
  219.     font-weight:lighter;
  220.     font-style:italic;
  221.     }
  222.  
  223. .audio{
  224. max-width:100px;
  225. overflow:hidden;
  226. float:left;
  227. margin-right:5px;
  228. }
  229.  
  230. .source{
  231. margin:6px;
  232. margin-top:6px;
  233. margin-left: 25px;
  234. }
  235.  
  236. .ask{
  237. background-color: {color:Ask background};
  238. padding:5px;
  239. font-family: {text:Font};
  240. font-size: {text:Font size}px;
  241. border-bottom:1px solid {color:border blockquote};
  242. }
  243.  
  244.  
  245.  
  246. .links{
  247. font-size:16px;
  248. padding:8px;
  249. margin-left:5px;
  250. border-left:15px solid {color:Title Post};
  251. border-bottom: 1px solid {color:Title Post};
  252. background-color:{color:Title Background Post};
  253. }
  254.  
  255. .sa{
  256. font-size:14px;
  257. font-style:normal;
  258. font-weight:light;
  259. font-family:consolas;
  260. text-transform:uppercase;
  261. text-align:justify;
  262. margin-left:5px;
  263. border-left:15px solid {color:Title Post};
  264. border-bottom: 1px solid {color:Title Post};
  265. background-color:{color:Title Background Post};
  266. padding:5px;
  267. }
  268.  
  269. .navbar {
  270. width:220px;
  271. height:30px;
  272. overflow:hidden;
  273. -webkit-transition: all 2s ease;
  274. -moz-transition: all 2s ease;
  275. -o-transition: all 2s ease
  276. }
  277.  
  278. .navbar:hover{
  279. height:170px;
  280. }
  281.  
  282. .navu a{
  283. font-family:georgia;
  284. text-transform:uppercase;
  285. font-size:15px;
  286. margin-bottom:10px;
  287. margin-top:10px;
  288. text-align:center;
  289. background-color:{color:background navbar visible};
  290. color: #aaaaaa;
  291. width:220px;
  292. display:block;
  293. opacity:1;
  294. }
  295.  
  296. .menu a{
  297. letter-spacing:5px;
  298. font-family:consolas;
  299. text-transform:uppercase;
  300. font-size:8px;
  301. text-align:center;
  302. margin-bottom:2px;
  303. background-color:{color:menu background};
  304. color:{color:menu text background};
  305. border-left:0px solid {color:border blockquote};
  306. border-right:7px solid {color:border blockquote};
  307. -webkit-transition: all 0.5s ease;
  308. -moz-transition: all 0.5s ease;
  309. -o-transition: all 0.5s ease;
  310. display:block;
  311. padding:5px;
  312. padding-right:0px;
  313. }
  314.  
  315. .menu a:hover{
  316. background-color:{color:menu background hover};
  317. color:{color:menu text background hover};
  318. border-right:0px solid {color:border blockquote};
  319. border-left:15px solid {color:border blockquote};
  320. letter-spacing:3px;
  321. text-align:center;
  322. padding-left:40px;
  323. }
  324.  
  325. .pagination {
  326. text-align:center;
  327. left:855px;
  328. top:100px;
  329. position:fixed;
  330. bottom:10px;
  331. font-size:26px;
  332. }
  333.  
  334. #permalinks{
  335. {block:IfNotBiggerPost}
  336. width:400px;
  337. {/block:IfNotBiggerPost}
  338. {block:IfBiggerPost}
  339. width:500px;
  340. {/block:IfBiggerPost}
  341. z-index:999;
  342. padding:8px;
  343. background-color:{color:Post};
  344. color:{color:Texts};}
  345.  
  346. #permalink {
  347. filter:alpha(opacity=0);
  348. -moz-opacity: 0; -khtml-opacity: 0; -webkit-transition: all 0.7s ease; -moz-transition: all 0.7s ease; -o-transition: all 0.7s ease;
  349. {block:IfNotBiggerPost}
  350. width:400px;
  351. {/block:IfNotBiggerPost}
  352. {block:IfBiggerPost}
  353. width:500px;
  354. {/block:IfBiggerPost}
  355. text-align:center;
  356. color:#868686;
  357. background-color:{color:permalink background};
  358. font-family:consolas;
  359. text-transform:uppercase;
  360. font-size:8px;
  361. line-height:25px;
  362. margin-top:30px;
  363. position: absolute;
  364. z-index:1;
  365. }
  366.  
  367. .post:hover #permalink {
  368. display: block;
  369. opacity:0.8;
  370. margin-top:0px;
  371. {block:IfNotBiggerPost}
  372. width:400px;
  373. {/block:IfNotBiggerPost}
  374. {block:IfBiggerPost}
  375. width:500px;
  376. {/block:IfBiggerPost}
  377. }
  378.  
  379. .post:hover #permalink:hover {
  380. display: block;
  381. opacity:1;
  382. margin-top:0px;
  383. }
  384.  
  385.  
  386. </style>
  387.  
  388. {block:IfInfiniteScrolling}
  389. <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>
  390. {/block:IfInfiniteScrolling}
  391.  
  392. </head>
  393. <body>
  394.  
  395. <div id="sidebar">
  396. <div id="title">{title}</div>
  397. <a href="/"><img src="{image:sidebar}"style="-moz-border-radius: 38px; -webkit-border-radius: 56px;"width="220px"> </a>
  398.  
  399. <div class="navbar">
  400. <div class="navu" align="center"><a title="more">{text:Custom Text Navigation Title}</a></div>
  401. <div class="menu">
  402. <a href="/">index</a>
  403. <a href="/archive">archive</a>
  404. <a href="/ask">message</a>
  405. <a href="{text:Custom Link One URL}">{text:Custom Link One}</a>
  406. <a href="{text:Custom Link Two URL}">{text:Custom Link Two}</a>
  407. <a href="http://faluvtha.tumblr.com">themes</a></div>
  408. </td>
  409.   </tr>
  410. </table></div>
  411.  
  412. <div id="description">{description}</div>
  413.  
  414. {block:IfNotInfiniteScrolling}
  415. <div class="pagination">
  416. {block:previouspage}
  417. <a href="{previouspage}" title="previous page">«</a>
  418. {/block:previouspage}
  419. {block:nextpage}
  420. <a href="{nextpage}" title="next page">»</a>
  421. {/block:nextpage}
  422. <br>
  423. <br>
  424. <center>
  425. <i>{currentpage} / {totalpages}</center></i>
  426. </div>
  427. {/block:IfNotInfiniteScrolling}
  428. </div>
  429.  
  430. <div id="credit">
  431. <a href="http://faluvtha.tumblr.com">✂</a>
  432. </div>
  433.  
  434. <div id="posts">
  435.  
  436. {block:IfInfiniteScrolling}
  437. <div class="autopagerize_page_element">
  438. {/block:IfInfiniteScrolling}
  439.  
  440. {block:Posts}
  441.  
  442. <div class="post">
  443.  
  444. {block:IndexPage}
  445. <div id="permalink">
  446. {24Hour}:{Minutes}{AmPm} with <a href="{Permalink}">  {block:NoteCount}{notecountwithlabel}{/block:NoteCount} </a> </div>
  447. {/block:IndexPage}
  448.  
  449. {block:Text}
  450. {block:Title}
  451. <div class="titles"><a href="{Permalink}">{Title}</a></div>
  452. {/block:Title}
  453. {Body}
  454. {/block:Text}
  455.  
  456. {block:Photo}
  457. {block:IfBiggerPost}
  458. {LinkOpenTag}
  459. <meta name="{PhotoAlt}" content="{PhotoAlt}"/>
  460. <img src="{PhotoURL-500}" width="500px" alt="{PhotoAlt}"/>
  461. {linkCloseTag}
  462. {/block:IfBiggerPost}
  463.  
  464.  
  465. {block:IfNotBiggerPost}
  466. {LinkOpenTag}
  467. <meta name="{PhotoAlt}" content="{PhotoAlt}"/>
  468. <img src="{PhotoURL-500}" width="400px" alt="{PhotoAlt}"/>
  469. {linkCloseTag}
  470. {/block:IfNotBiggerPost}
  471.  
  472. {block:IfShowCaption}
  473. {block:Caption}{Caption}{/block:Caption}
  474. {/block:IfShowCaption}
  475.  
  476. {block:IfNotShowCaption}{block:PermalinkPage}
  477. {block:Caption}{Caption}{/block:Caption}
  478. {block:PermalinkPage}{/block:IfNotShowCaption}
  479. {/block:Photo}
  480.  
  481. {block:Photoset}
  482. {block:IfBiggerPost}
  483. {Photoset-500}
  484. {/block:IfBiggerPost}
  485.  
  486. {block:IfNotBiggerPost}
  487. {Photoset-400}
  488. {/block:IfNotBiggerPost}
  489.  
  490. {block:IfShowCaption}
  491. {block:Caption}{Caption}{/block:Caption}
  492. {/block:IfShowCaption}
  493.  
  494. {block:IfNotShowCaption}{block:PermalinkPage}
  495. {block:Caption}{Caption}{/block:Caption}
  496. {block:PermalinkPage}{/block:IfNotShowCaption}
  497. {/block:Photoset}
  498.  
  499. {block:Quote}
  500. <div class="links">❝{Quote}❞</div>
  501. {block:Source}
  502. <div class="source"> — {Source} </div>
  503. {/block:Source}
  504. {/block:Quote}
  505.  
  506. {block:Link}
  507. <div class="sa">
  508. &rarr; <a href="{URL}" {Target}>{Name}</a>
  509. </div>
  510. {block:Description}
  511. {Description}
  512. {/block:Description}{/block:Link}
  513.  
  514. {block:Chat}{block:Title}<t>{Title}</t>{/block:Title}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>
  515. {/block:Lines}
  516. {/block:Chat}
  517.  
  518. {block:Audio}
  519. <div style="width:100%; background-color:#000;">{AudioPlayerBlack}</div>
  520. {/block:Audio}
  521.  
  522. {block:Video}
  523. {block:IfBiggerPost}
  524. {video-500}
  525. {/block:IfBiggerPost}
  526.  
  527. {block:IfNotBiggerPost}
  528. {video-400}
  529. {/block:IfNotBiggerPost}
  530. {block:Caption}{Caption}{/block:Caption}
  531. {/block:Video}
  532.  
  533. {block:Answer}
  534. <div class="ask">{Asker}:
  535. <br>
  536. {Question}</div>
  537. {Answer}
  538. </div>
  539. {/block:Answer}
  540. </div>
  541.  
  542. {block:PermalinkPage}
  543. <div id="permalinks">
  544. {block:Date}
  545. <span style="text-transform:uppercase; font-size:15px; ">{DayOfWeek}, {Month} {DayOfMonth}{DayOfMonthSuffix}, {Year} | {TimeAgo} </span><br/> {/block:Date}
  546. <div style="border-bottom:1px solid {color:border blockquote};"></div>
  547. <br>
  548. {block:RebloggedFrom}<b>original:</b> <a href="{ReblogRootURL}">{ReblogRootName}</a> <br> <b>via:</b> <a href="{ReblogParentURL}">{ReblogParentName}</a><br />{/block:RebloggedFrom}
  549. <br> {block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}<br>
  550. {block:HasTags} Tagged as: {block:Tags} <a href="{TagURL}">#{Tag}</a> {/block:Tags}{/block:HasTags}
  551. <div style="border-bottom:1px solid {color:border blockquote};margin-bottom:5px;"></div>
  552. <i>navigate</i>:
  553. <a href="/">index</a> , <a href="/random">random</a>
  554. <div style="border-bottom:1px solid {color:border blockquote};margin-top:5px;"></div>
  555. {block:PostNotes}
  556. {PostNotes}
  557. {/block:PostNotes}
  558. </div>
  559. {/block:PermalinkPage}
  560. {/block:Posts}
  561. </div>
  562.  
  563. </body>
  564. </html>
create a new version of this paste RAW Paste Data