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

Sushi Theme by Twistedheart-s

By: a guest on May 25th, 2012  |  syntax: None  |  size: 14.49 KB  |  hits: 28  |  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. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  4.  
  5. <!--
  6.  
  7. SUSHI THEME BY TWISTEDHEART-S
  8. PLEASE DO NOT REMOVE CREDITS. THANK YOU!
  9. -->
  10.  
  11.  
  12.  
  13.  
  14. <head>
  15. <title>{TITLE}</title>
  16. <link rel="shortcut icon" href="{Favicon}">
  17. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  18. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  19.  
  20. <meta name="image:Background" content="http://static.tumblr.com/cq91gob/Xablly21u/as.png"/>
  21. <meta name="image:Sidebar" content="http://25.media.tumblr.com/tumblr_m4kkttOu3n1qcer3vo1_500.jpg"/>
  22.  
  23. <meta name="color:Background" content="#FFFFFF"/">
  24. <meta name="color:Post" content="#FFFFFF"/">
  25. <meta name="color:Nav Background" content="#7e7e7e"/>
  26. <meta name="color:Nav Background Odd" content="#aaa"/>
  27. <meta name="color:Nav Background Hover" content="#c5c5c5"/>
  28. <meta name="color:Text" content="#A2A2A2"/>
  29. <meta name="color:Title" content="#AFAFAF"/>
  30. <meta name="color:Link" content="#4B4B4B"/>
  31. <meta name="color:Link Hover" content="#aaa"/>
  32. <meta name="color:Chat Bg" content="#f8f8f8"/>
  33. <meta name="color:Notes Bg" content="#f8f8f8"/>
  34.  
  35. <meta name="font:Body" content="Trebuchet MS"/>
  36. <meta name="font:Title" content="Trebuchet MS"/>
  37.  
  38. <meta name="text:Custom Link One" content="" />
  39. <meta name="text:Custom Link One Title" content="link 1" />
  40. <meta name="text:Custom Link Two" content="" />
  41. <meta name="text:Custom Link Two Title" content="link 2" />
  42. <meta name="text:Custom Link Three" content="" />
  43. <meta name="text:Custom Link Three Title" content="link 3" />
  44.  
  45. <meta name="if:Enable Image Opacity" content="1"/>
  46. <meta name="if:Disable Right Click" content="0"/>
  47. <meta name="if:Avatar Image" content="1"/>
  48. <meta name="if:Endless Scrolling" content="0"/>
  49.  
  50. {block:IfEndlessScrolling}
  51. <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>
  52. {/block:IfEndlessScrolling}
  53.  
  54. {block:IfDisableRightClick}
  55. <script language=JavaScript>
  56. <!--
  57.  
  58. //Disable right click script III- By Renigade (renigade@mediaone.net)
  59. //For full source code, visit http://www.dynamicdrive.com
  60.  
  61. var message="";
  62. ///////////////////////////////////
  63. function clickIE() {if (document.all) {(message);return false;}}
  64. function clickNS(e) {if
  65. (document.layers||(document.getElementById&&!document.all)) {
  66. if (e.which==2||e.which==3) {(message);return false;}}}
  67. if (document.layers)
  68. {document.captureEvents(Event.MOUSEDOWN);document.onmousedown=clickNS;}
  69. else{document.onmouseup=clickNS;document.oncontextmenu=clickIE;}
  70.  
  71. document.oncontextmenu=new Function("return false")
  72. // -->
  73. </script>
  74. {/block:IfDisableRightClick}
  75.  
  76. <link  href="http://fonts.googleapis.com/css?family=Crushed:regular" rel="stylesheet" type="text/css" >
  77.  
  78. <style type="text/css">
  79.  
  80. iframe#tumblr_controls{
  81. right:3px !important;
  82. position: fixed !important;
  83. -webkit-transition: opacity 0.7s linear;
  84. opacity: 0.5;
  85. -webkit-transition: all 0.8s ease-out;
  86. -moz-transition: all 0.8s ease-out;
  87. transition: all 0.8s ease-out;}
  88.  
  89. iframe#tumblr_controls:hover{
  90. -webkit-transition: opacity 0.7s linear;
  91. opacity: 1;
  92. -webkit-transition: all 0.4s ease-out;
  93. -moz-transition: all 0.4s ease-out;
  94. transition: all 0.4s ease-out;}
  95.  
  96. body {
  97. background-color:{color:Background};
  98. background-image:url({image:Background});
  99. background-repeat:repeat;
  100. background-attachment: fixed;
  101. color:{color:Text};
  102. font-size:10px;
  103. font-family:{font:body};
  104. }
  105.  
  106. a, a:visited, a:active {
  107. color:{color:Link};
  108. text-decoration: none;
  109. transition-duration: 0.3s;
  110. -webkit-transition-duration: 0.3s;
  111. -moz-transition-duration: 0.3s;
  112. -o-transition-duration: 0.3s;
  113. }
  114.  
  115. a:hover {
  116. color:{color:link hover};
  117. text-decoration:none;
  118. }
  119.  
  120. blockquote{padding:0px; padding-left:5px; margin:5px; border-left:1px dotted {color:text};}
  121. blockquote img{display:block;}
  122. blockquote p{padding:0px; margin:0px;}
  123. blockquote blockquote{position:relative; left:-5px; margin-top:0px; margin-right:0px; padding-right:0px;}
  124.  
  125. a.nav {
  126. color:#FFF;
  127. display:block;
  128. margin:1px 0px;
  129. font-size: 10px;
  130. font-family:{font:title};
  131. letter-spacing: 2px;
  132. padding: 2px 5px;
  133. text-align: right;
  134. text-transform: uppercase;
  135. border-right: 5px solid {color:Nav Background Hover};
  136. transition-duration: 0.7s;
  137. -webkit-transition-duration: 0.7s;
  138. -moz-transition-duration: 0.7s;
  139. -o-transition-duration: 0.7s;
  140. }
  141.  
  142. a.nav:hover {
  143. background-color: {color:Nav Background Hover};
  144. border-right:20px solid {color:Nav Background Odd};
  145. transition-duration: 0.3s;
  146. -webkit-transition-duration: 0.3s;
  147. -moz-transition-duration: 0.3s;
  148. -o-transition-duration: 0.3s;
  149. }
  150.  
  151. ol.links {
  152. padding: 0px;
  153. margin:0px;
  154. list-style-type: none;
  155. }
  156.  
  157. .links li{
  158. background-color: {color:Nav Background};
  159. }
  160.  
  161. .links li:nth-child(odd){
  162. background-color:{color:Nav Background Odd};
  163. }
  164.  
  165.  
  166. .sidebar {
  167. position: fixed;
  168. margin-left:430px;
  169. margin-top:100px;
  170. padding:5px;
  171. width: 200px;
  172. background-color:{color:post};
  173. -moz-border-radius:5px;
  174. border-radius:5px;
  175. border:1px solid #eeeeee;
  176. }
  177.  
  178. .container {
  179. margin-left:-300px;
  180. padding: 0px;
  181. }
  182.  
  183. .content {
  184. margin: 50px auto 0 auto;
  185. width: 400px;
  186. padding: 0;
  187. }
  188.  
  189. .post{
  190. width: 400px;
  191. padding: 5px;
  192. background-color:{color:Post};
  193. margin-bottom:5px;
  194. -moz-border-radius:5px;
  195. border-radius:5px;
  196. border:1px solid #eeeeee;
  197. }
  198.  
  199. img {
  200. {block:IfEnableImageOpacity}
  201. opacity: 1;
  202. filter:alpha(opacity=100);
  203. transition: opacity 2.5s;
  204. -moz-transition: opacity 2.5s;
  205. -webkit-transition: opacity 2.5s;
  206. -o-transition: opacity 2.5s;
  207. {/block:IfEnableImageOpacity}
  208. cursor: crosshair;
  209. -moz-border-radius:5px;
  210. border-radius:5px;
  211. }
  212.  
  213. img:hover {
  214. {block:IfEnableImageOpacity}
  215. opacity:0.9;
  216. filter:alpha(opacity=90);
  217. transition: opacity 0.5s;
  218. -moz-transition: opacity 0.5s;
  219. -webkit-transition: opacity 0.5s;
  220. -o-transition: opacity 0.5s;
  221. {/block:IfEnableImageOpacity}
  222. cursor: crosshair;
  223. }
  224.  
  225. .post:hover .permalink {
  226. opacity:1;
  227. height:12px;
  228. padding:5px;
  229. margin-top:2px;
  230. transition: opacity 0.3s,height 0.3s,padding 0.3s,color 0.4s;
  231. -moz-transition: opacity 0.3s ,height 0.3s,padding 0.3s,color 0.4s;
  232. -webkit-transition: opacity 0.3s ,height 0.3s,padding 0.3s, color 0.4s;
  233. -o-transition: opacity 0.3s ,height 0.3s,padding 0.3s,color 0.4s;
  234. }
  235.  
  236. .permalink {
  237. font-family: 'Crushed', serif;
  238. background-color:{color:Nav Background};
  239. color:#fff;
  240. letter-spacing: 1px;
  241. -moz-border-radius:5px;
  242. border-radius:5px;
  243. font-size: 10px;
  244. padding: 0px;
  245. width:390px;
  246. height:0px;
  247. opacity: 0;
  248. transition: opacity 0.1s,height 0.1s,padding 0.1s,color 0.4s;
  249. -moz-transition: opacity 0.1s ,height 0.1s,padding 0.1s,color 0.4s;
  250. -webkit-transition: opacity 0.1s ,height 0.1s,padding 0.1s, color 0.4s;
  251. -o-transition: opacity 0.1s ,height 0.1s,padding 0.1s,color 0.4s;
  252. }
  253.  
  254. a.permalink {
  255. color:#fff;
  256. padding:0!important;
  257. }
  258.  
  259. a.permalink:hover {
  260. color:{color:Chat Bg};
  261. }
  262.  
  263. h6 {
  264. margin:auto;
  265. padding-bottom:2px;
  266. padding-top:2px;
  267. font-size:15px;
  268. font-family:{font:title};
  269. color:{color:Title};
  270. text-transform:none;
  271. line-height:18px;
  272. letter-spacing:-1px;
  273. font-weight:normal;
  274. }
  275.  
  276. h3 {
  277. margin-top:10px;
  278. margin-bottom:10px;
  279. font-size:15px;
  280. font-weight:normal;
  281. font-family:{font:title};
  282. color:{color:Title};
  283. text-transform:none;
  284. line-height:23px;
  285. letter-spacing:-2px;
  286. }
  287.  
  288. .chat {
  289. padding:0px
  290. }
  291.  
  292. .chat li {
  293. padding: 5px;
  294. list-style-type: none;
  295. -moz-border-radius:5px;
  296. border-radius:5px;
  297. }
  298.  
  299. .chat li:nth-child(odd) {
  300. background:{color:Chat Bg};
  301. }
  302.  
  303. .notes ol {
  304. list-style-type: none;
  305. padding: 0;
  306. }
  307.  
  308. img.avatar {
  309. margin-right:5px;
  310. display:block;
  311. float:left;
  312. }
  313.  
  314. .notes li {
  315. padding: 5px;
  316. -moz-border-radius:5px;
  317. border-radius:5px;}
  318.  
  319. .notes li:nth-child(odd) {
  320. background:{color:Notes Bg}}
  321.  
  322. ::-webkit-scrollbar {
  323. width: 5px;  
  324. background-color:#fff;
  325. }
  326.  
  327. ::-webkit-scrollbar-thumb {
  328. background-color:{color:link};
  329. }
  330.  
  331. .tags {
  332. width: 400px;
  333. padding: 5px;
  334. background-color:{color:Post};
  335. margin-bottom:5px;
  336. -moz-border-radius:5px;
  337. border-radius:5px;
  338. border:1px solid #eeeeee;
  339. }
  340.  
  341. .derp {
  342. font-size: 15px;
  343. text-transform: capitalize;
  344. text-decoration: none;
  345. letter-spacing: 1px;
  346. margin-bottom:2px;
  347. }
  348.  
  349. .askr{
  350. background:{color:Notes Bg};
  351. padding:5px;
  352. font-size: 19px!important;
  353. letter-spacing: -1px;
  354. -moz-border-radius:5px;
  355. border-radius:5px;
  356. }
  357.  
  358. .bottomstuff {
  359. font-family: 'Crushed', serif;
  360. text-transform: uppercase;
  361. font-size:9px;
  362. margin-top:1px;
  363. letter-spacing: 1px;
  364. }
  365.  
  366. .footer {
  367. font-family: Trebuchet Ms;
  368. text-transform: uppercase;
  369. font-size:7pt;
  370. text-align: center;
  371. width: 400px;
  372. padding: 5px;
  373. background-color:{color:Post};
  374. margin-bottom:5px;
  375. -moz-border-radius:5px;
  376. border-radius:5px;
  377. border:1px solid #eeeeee;
  378. }
  379.  
  380. a.link{
  381. text-decoration:underline
  382. }
  383.  
  384. #navside {
  385. Position:fixed;
  386. width:180px;
  387. height:auto;
  388. margin-top:320px;
  389. margin-left: 460px;
  390. background-color:transparent
  391. }
  392.  
  393. #navi {
  394. background-color:#ffffff;
  395. color:#aaa;
  396. text-transform:uppercase;
  397. line-height:20px;
  398. text-align:center;
  399. font-family:consolas;
  400. padding:6px;
  401. border-radius: 11px;
  402. font-family:2px;
  403. margin-left:0px;
  404. margin-top: 100px;
  405. -webkit-transition: all 0.3s ease-out;
  406. -moz-transition: all 0.3s ease-out;
  407. -o-transition: all 0.3s ease-out;
  408. }
  409.  
  410. #navi:hover {
  411. color:#fff;
  412. border-radius:0px;
  413. background-color: #000;
  414. opacity: 0.5;
  415. -webkit-transition: all 0.3s ease-out;
  416. -moz-transition: all 0.3s ease-out;
  417. -o-transition: all 0.3s ease-out;
  418. }
  419.  
  420.  
  421.  
  422. {CustomCSS}
  423. </style>
  424. </head>
  425.  
  426. <body>
  427.  
  428. <div class="container">
  429. <div class="content">
  430.  
  431. <div id="navside">
  432. {block:ifCustomLinkOneTitle}
  433. <a href="{text:Custom Link One}"id="navi">{text:Custom Link One Title}</a>{/block:ifCustomLinkOneTitle}
  434. {block:ifCustomLinkTwoTitle}
  435. <a href="{text:Custom Link Two}"id="navi"> {text:Custom Link Two Title}</a>{/block:ifCustomLinkTwoTitle}
  436. {block:ifCustomLinkThreeTitle}
  437. <a href="{text:Custom Link Three}"id="navi"> {text:Custom Link Three Title}</a>{/block:ifCustomLinkThreeTitle}
  438. </div>
  439. </select>
  440. </form>
  441.  
  442. <div class="sidebar">
  443. {block:IfSidebarImage}
  444. <a href="/"><img src="{image:Sidebar}" width="200"/></a>
  445. {/block:IfSidebarImage}
  446. <div style="text-align:right">{Description}</div>
  447. <ol class="links">
  448. <li class="links"><a href="/" class="nav">{Title}</a></li>
  449. <li class="links"><a href="/ask" class="nav">Ask</a></li>
  450. <li class="links"><a href="http://twistedheart-s.tumblr.com/" class="nav" id="moar">Theme</a></li>
  451. </ol>
  452. </div>
  453. {block:TagPage}
  454. <div class="tags">
  455. <div class="derp">
  456. <center>Posts tagged as "<a href="{TagURL}">{Tag}</a>"</center></div>
  457. </div>
  458. {/block:TagPage}
  459.  
  460. <table border="0" cellspacing="0px" cellpadding="0px">
  461. <tr>
  462. <td>
  463. {block:Posts}
  464. <div class="post">
  465.  
  466. {block:Text}
  467. {block:Title}
  468. <h3><a href="{Permalink}">{Title}</a></h3>
  469. {/block:Title}
  470. {Body}
  471.  
  472. {/block:Text}
  473.  
  474. {block:Photo}
  475. {block:IndexPage}
  476. <a href="{Permalink}"><img src="{PhotoURL-400}" alt="{PhotoAlt}" width="400"/></a>
  477. {/block:IndexPage}
  478. {block:PermalinkPage}
  479. {LinkOpenTag}
  480. <img src="{PhotoURL-400}" alt="{PhotoAlt}" width="400"/>
  481. {LinkCloseTag}
  482. {block:Caption}
  483. {Caption}
  484. {/block:Caption}
  485. {/block:PermalinkPage}
  486.  
  487. {/block:Photo}
  488.  
  489. {block:Photoset}
  490.  
  491. <center>{Photoset-400}</center>
  492. {block:PermalinkPage}
  493. {block:Caption}
  494. {Caption}
  495. {/block:Caption}
  496. {/block:PermalinkPage}
  497. {/block:Photoset}
  498.  
  499. {block:Quote}
  500. <h3>"{Quote}"</h3>
  501. {block:Source}
  502. <div style="text-align:right"> -{Source}<br></div>
  503. {/block:Source}
  504.  
  505. {/block:Quote}
  506.  
  507. {block:Link}
  508. <h3><a href="{URL}" class="link" {Target}> {Name} >> </a></h3>
  509. {block:Description}
  510. {Description}
  511. {/block:Description}
  512.  
  513.  
  514. {/block:Link}
  515.  
  516.  
  517. {block:Chat}
  518.  
  519. {block:Title}
  520. <h3><a href="{Permalink}">{Title}</a></h3>
  521. {/block:Title}
  522. <ul class="chat">
  523. {block:Lines}
  524. <li class="{Alt} user_{UserNumber}">
  525. {block:Label}
  526. <strong>{Label}</strong>
  527. {/block:Label}
  528. {Line}</li>
  529. {/block:Lines}</ul>
  530.  
  531. {/block:Chat}
  532.  
  533. {block:Video}
  534. <center>{Video-400}</center>
  535. {block:PermalinkPage}
  536. {block:Caption}
  537. {Caption}
  538. {/block:Caption}
  539. {/block:PermalinkPage}
  540.  
  541.  
  542. {/block:Video}
  543.  
  544. {block:Audio}
  545. {block:AlbumArt}
  546. <img src="{AlbumArtURL}" align="left" width="100px" height="100px" style="margin-right:5px;"/>{/block:AlbumArt}
  547. {AudioPlayerWhite}
  548. {block:Caption}
  549. {Caption}
  550. {/block:Caption}
  551. <p>{PlayCountWithLabel}</p>
  552. <br clear="all">
  553. {/block:Audio}
  554.  
  555. {block:Answer}
  556. <div class="askr">
  557. <img src="{AskerPortraitURL-24}" style="float: left; margin-right: 2px; margin-bottom: 2px;">
  558. {Asker} said: {Question}<br clear="all">
  559. </div>
  560. {Answer}
  561.  
  562. {/block:Answer}
  563.  
  564. {block:IndexPage}
  565. <div class="permalink">
  566. <div style="float:right">
  567. <a href="http://tmv.proto.jp/reblog.php?post_url={Permalink};" target="_blank" class="permalink">Reblog this</a>
  568. </div>
  569.  
  570. {block:Date} Posted on <a href="{Permalink}" class="permalink">{ShortDayOfWeek}/{ShortMonth}/{DayOfMonth}/{ShortYear}{/block:Date}</a> {block:NoteCount}with <a href="{Permalink}" class="permalink">{NoteCountWithLabel}{/block:NoteCount}</a>
  571. <br clear="all">
  572. </div>
  573. {/block:IndexPage}
  574.  
  575.  
  576.  
  577. {block:PermalinkPage}
  578. <div class="bottomstuff">
  579. <div style="float:right;text-align:right">
  580. <a href="{ReblogURL}" target="_blank">Reblog this</a><br>
  581. {block:RebloggedFrom}
  582. Reblogged from <a href="{ReblogParentURL}">{ReblogParentName}</a>
  583. {/block:RebloggedFrom}
  584. </div>
  585.  
  586. <div style="float:left;text-align:left">
  587. {block:Date} Posted on <a href="{Permalink}">{ShortDayOfWeek}/{ShortMonth}/{DayOfMonth}/{ShortYear}{/block:Date}</a> {block:NoteCount}with <a href="{Permalink}">{NoteCountWithLabel}{/block:NoteCount}</a>
  588. {block:HasTags}<br>Tagged as {block:Tags}<a href="{TagURL}">{Tag}</a>, {/block:Tags}{/block:HasTags}
  589. </div>
  590. <br clear="all">
  591. </div>
  592. {/block:PermalinkPage}
  593.  
  594. {block:PermalinkPage}
  595. {block:PostNotes}
  596. <div class="notes">{PostNotes}</div><br clear="all">
  597. {/block:PostNotes}
  598. {/block:PermalinkPage}
  599. </div>
  600. {/block:Posts}
  601.  
  602. </td>
  603. </tr>
  604. <tr>
  605. <td>
  606.  
  607. {block:Pagination}
  608. <div class="footer">
  609. <font size="6">
  610. {block:PreviousPage}
  611. <a href="{PreviousPage}">&#171;</a>
  612. {/block:PreviousPage}
  613. {block:JumpPagination length="6"}
  614. {block:CurrentPage}
  615. <span class="current_page">{PageNumber}</span>
  616. {/block:CurrentPage}
  617. {block:JumpPage}
  618. <a class="jump_page" href="{URL}">{PageNumber}</a>
  619. {/block:JumpPage}
  620. {/block:JumpPagination}
  621. {block:NextPage}
  622. <a href="{NextPage}">&#187;</a>
  623. {/block:NextPage}
  624. </font>
  625. <div style="border-bottom:1px solid #eeeeee;;margin: 6px 0px"></div>
  626.  
  627. <a href="http://twistedheart-s.tumblr.com/themes">Sushi</a> | Theme By <a href="http://twistedheart-s.tumblr.com">TwistedHeart-s</a>
  628. </div>
  629. {/block:Pagination}
  630.  
  631. </td>
  632. </tr>
  633. </table>
  634.  
  635. </div>
  636. </div>
  637.  
  638. </body>
  639. </html>
create a new version of this paste RAW Paste Data