API tools faq
paste
Advertisement
sunkei

S3n

sunkei
Mar 9th, 2012
1,860
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 14.92 KB | None | 0 0
raw download clone embed print report
  1. <!-- S3n, theme made by gyapo.tumblr.com don't remove this comment -->
  2.  
  3. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  4.  
  5. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  6.  
  7.  
  8. <head>
  9. <title>{Title}</title>
  10. <link rel="shortcut icon" href="{Favicon}">
  11. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  12. {block:Description}
  13. <meta name="description" content="{MetaDescription}" />
  14. {/block:Description}
  15.  
  16.  
  17.  
  18. <meta name="color:Background" content="#fff" />
  19. <meta name="image:Background" content="http://static.tumblr.com/s2ymoja/WI8m0kjki/dots2.png"/>
  20.  
  21. <meta name="color:Side band" content="#000" />
  22. <meta name="image:Side band" content="http://static.tumblr.com/s2ymoja/urFm0knf0/pattern3.gif"/>
  23. <meta name="color:Side line" content="#2b2b2b" />
  24.  
  25. <meta name="image:Side Picture" content="http://static.tumblr.com/s2ymoja/YBlm0l29o/200150.png"/>
  26. <meta name="color:Description" content="#222" />
  27. <meta name="color:DescriptionBG" content="#fff" />
  28. <meta name="color:Menu" content="#535353" />
  29. <meta name="color:Menuhover" content="#fff" />
  30. <meta name="color:MenuBG" content="#000" />
  31.  
  32. <meta name="color:EntryBG" content="#090909" />
  33. <meta name="image:EntryBG" content="http://static.tumblr.com/s2ymoja/MPSm0knd4/pattern.png"/>
  34. <meta name="color:Link" content="#999" />
  35. <meta name="color:Link hover" content="#fd1b1b" />
  36. <meta name="color:Texts" content="#d6d5d5" />
  37. <meta name="color:Infos" content="#727171" />
  38.  
  39. <meta name="text:Link1 title" content="link 1" />
  40. <meta name="text:Link1" content="" />
  41. <meta name="text:Link2 title" content="link 2" />
  42. <meta name="text:Link2" content="" />
  43.  
  44. <meta name="if:PostSize1" content="0"/>
  45. <meta name="if:PostSize2" content="1"/>
  46. <meta name="if:PostSize3" content="0"/>
  47. <meta name="if:EndlessScroll" content="0"/>
  48. <meta name="if:Caption" content="0"/>
  49.  
  50.  
  51. <script src="http://static.tumblr.com/ko3o6ju/QzNls3n3y/smoothscroll.js" type="text/javascript"></script>
  52.  
  53. {block:IfEndlessScroll}<script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>{/block:IfEndlessScroll}
  54.  
  55. <style type="text/css">
  56.  
  57. 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;}
  58.  
  59. 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;}
  60.  
  61. ::-webkit-scrollbar-thumb:vertical {background-color:{color:Texts};height:25px;}
  62. ::-webkit-scrollbar {height:0px;width:8px;background-color:{color:EntryBG};}
  63.  
  64. body
  65. {font-family:consolas;
  66. font-size:10px;
  67. color:{color:Texts};
  68. background-color:{color:Background};
  69. background-image:url('{image:Background}');
  70. background-position: fixed;
  71. background-attachment:fixed;
  72. background-repeat:repeat;}
  73.  
  74. a
  75. {text-decoration:none;
  76. color:{color:Link};
  77. -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;
  78. opacity:1;}
  79.  
  80. a:hover
  81. {text-decoration:none;
  82. color:{color:Link hover};
  83. opacity:1;}
  84.  
  85. blockquote
  86. {border-left:2px solid;
  87. padding-left:5px;}
  88.  
  89.  
  90. #sideband
  91. {background-color:{color:Side band};
  92. background-image:url('{image:Side band}');
  93. width:100px;
  94. height:1000px;
  95. position:fixed;
  96. top:0px;
  97. left:0px;}
  98.  
  99. #sideline
  100. {background-color:{color:Side line};
  101. width:3px;
  102. height:1000px;
  103. position:fixed;
  104. top:0px;
  105. left:100px;}
  106.  
  107. #posts
  108. {{block:IndexPage}
  109. {block:IfPostSize1}width:500px;{/block:IfPostSize1}
  110. {block:IfPostSize2}width:400px;{/block:IfPostSize2}
  111. {block:IfPostSize3}width:250px;{/block:IfPostSize3}
  112. {/block:IndexPage}
  113. {block:PermalinkPage}width:500px;{/block:PermalinkPage}
  114. background-color:{color:EntryBG};
  115. background-image:url('{image:EntryBG}');
  116. margin-top:-8px;
  117. float:left;
  118. margin-left:95px;}
  119.  
  120. .post
  121. {{block:IndexPage}
  122. {block:IfPostSize1}width:500px;{/block:IfPostSize1}
  123. {block:IfPostSize2}width:400px;{/block:IfPostSize2}
  124. {block:IfPostSize3}width:250px;{/block:IfPostSize3}
  125. {/block:IndexPage}
  126. {block:PermalinkPage}width:500px;{/block:PermalinkPage}
  127. color:{color:Texts};
  128. margin-bottom:-3px;
  129.  
  130. -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;}
  131.  
  132.  
  133. .comments
  134. {{block:IndexPage}
  135. {block:IfPostSize1}width:494px;{/block:IfPostSize1}
  136. {block:IfPostSize2}width:394px;{/block:IfPostSize2}
  137. {block:IfPostSize3}width:244px;{/block:IfPostSize3}
  138. {/block:IndexPage}
  139. {block:PermalinkPage}width:500px;{/block:PermalinkPage}}
  140.  
  141. .comments a
  142. {border-bottom:1px dotted;
  143. font-style:italic;}
  144.  
  145. .bar
  146. {{block:IfPostSize1}width:500px;{/block:IfPostSize1}
  147. {block:IfPostSize2}width:400px;{/block:IfPostSize2}
  148. {block:IfPostSize3}width:250px;{/block:IfPostSize3}
  149. position:absolute;
  150. text-align:center;
  151. color:{color:Texts};
  152. text-transform:uppercase;
  153. overflow:hidden;
  154. padding-bottom:3px;
  155. opacity:0;
  156. background-color:{color:EntryBG};
  157. -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;}
  158.  
  159. .post:hover .bar
  160. {opacity:0.6;
  161. padding-top:10px;}
  162.  
  163. .bar a
  164. {color:{color:Texts};}
  165.  
  166. .bar a:hover
  167. {opacity:0.5;}
  168.  
  169. .comments img
  170. {{block:IndexPage}
  171. {block:IfPostSize1}max-width:500px;{/block:IfPostSize1}
  172. {block:IfPostSize2}max-width:400px;{/block:IfPostSize2}
  173. {block:IfPostSize3}max-width:250px;{/block:IfPostSize3}
  174. {/block:IndexPage}
  175. {block:PermalinkPage}max-width:500px;{/block:PermalinkPage}}
  176.  
  177.  
  178. .post:hover .bar#image
  179. {opacity:0.6;
  180. padding-top:35px;}
  181.  
  182. .titlepost
  183. {font-size:14px;
  184. margin-left:5px;}
  185.  
  186. #permabar
  187. {width:500px;
  188. color:{color:Infos};
  189. border-top:1px dotted;
  190. background-color:{color:EntryBG};
  191. background-image:url('{image:EntryBG}');}
  192.  
  193. #side
  194. {position:fixed;
  195. top:75px;
  196. padding-bottom:25px;
  197. {block:IndexPage}
  198. {block:IfPostSize1}left:650px;{/block:IfPostSize1}
  199. {block:IfPostSize2}left:550px;{/block:IfPostSize2}
  200. {block:IfPostSize3}left:400px;{/block:IfPostSize3}
  201. {/block:IndexPage}
  202. {block:PermalinkPage}left:650px;{/block:PermalinkPage}}
  203.  
  204. #inside
  205. {width:200px;
  206. border-top:10px solid {color:DescriptionBG};
  207. border-left:10px solid {color:DescriptionBG};
  208. border-right:10px solid {color:DescriptionBG};
  209. border-bottom:5px solid {color:DescriptionBG};
  210. background-color:{color:DescriptionBG};}
  211.  
  212. #description
  213. {text-transform:uppercase;
  214. font-size:9px;
  215. color:{color:Description};}
  216.  
  217. #menu
  218. {background-color:{color:MenuBG};
  219. width:200px;
  220. padding-left:10px;
  221. padding-right:10px;
  222. font-family:consolas;
  223. font-size:10px;
  224. margin-top:-35px;
  225. opacity:0;
  226.  
  227. -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;}
  228.  
  229. #menu a
  230. {color:{color:Menu};}
  231.  
  232. #menu a:hover
  233. {color:{color:Menuhover};
  234. padding-left:10px;
  235. padding-right:10px;}
  236.  
  237. #side:hover #menu
  238. {opacity:1;
  239. margin-top:0px;}
  240.  
  241. #left
  242. {float:left;}
  243.  
  244. #pagination
  245. {float:left;
  246. width:25px;}
  247.  
  248. #page
  249. {font-size:18px;
  250. width:15px;
  251. padding:3px;
  252. padding-right:5px;
  253. color:{color:Description};
  254. background-color:{color:DescriptionBG};
  255. margin-bottom:2px;
  256. -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;}
  257.  
  258. #page:hover
  259. {padding-left:15px;
  260. background-color:{color:Description};
  261. color:{color:DescriptionBG};}
  262.  
  263. </style>
  264. </head>
  265. <body>
  266.  
  267. {block:IfEndlessScroll}
  268. <a style="position:fixed;bottom:2px;right:5px;" href="#top" class="texte">back to top</a>{/block:IfEndlessScroll}
  269.  
  270. <div id="sideband"></div>
  271. <div id="sideline"></div>
  272.  
  273. <div id="posts">
  274. <table border="0" cellpadding="0" cellspacing="0" width="550px">
  275. <tr><td>{block:Posts}
  276.  
  277. {block:Photo}<div class="post">
  278. {block:IndexPage}<span class="bar" id="image">{block:Date}<a href="{Permalink}">{TimeAgo}</a>{/block:Date} - <a href="{ReblogURL}" target="_blank">reblog</a></span>
  279.  
  280.  
  281. {/block:IndexPage}
  282. <div><img class="photo"
  283.  
  284. src="{PhotoURL-500}" {block:IndexPage}
  285. {block:IfPostSize1}width="500px"{/block:IfPostSize1}
  286. {block:IfPostSize2}width="400px"{/block:IfPostSize2}
  287. {block:IfPostSize3}width="250px"{/block:IfPostSize3}{/block:IndexPage}
  288.  
  289. {block:PermalinkPage}
  290. width="500px"
  291. {/block:PermalinkPage}
  292. alt="{PhotoAlt}"/></div>
  293.  
  294. <div class="comments">
  295. {block:IfCaption}
  296. {block:Caption}{Caption}{/block:Caption}
  297. {/block:IfCaption}
  298.  
  299. {block:IfNotCaption}{block:PermalinkPage}
  300. {block:Caption}{Caption}{/block:Caption}
  301. {block:PermalinkPage}{/block:IfNotCaption}
  302. </div>
  303. </div>{/block:Photo}
  304.  
  305.  
  306. {block:Chat}<div class="post">
  307. {block:IndexPage}<span class="bar">{block:Date}<a href="{Permalink}">{TimeAgo}</a>{/block:Date} - <a href="{ReblogURL}" target="_blank">reblog</a></span>
  308.  
  309. {/block:IndexPage}
  310.  
  311. {block:Title}
  312. <a href="{Permalink}"><span class="titlepost">— {Title}</span></a>
  313. {/block:Title}<div>
  314. {block:Lines}<div>
  315. {block:Label}<div style="border-bottom:1px dotted {color:Link};">
  316. <span style="font-weight:800;text-transform:uppercase;letter-spacing:1px;color:{color:Link};">- {Label}</span> {Line}
  317. </div>{/block:Label}
  318. </div>{/block:Lines}
  319. </div>
  320. </div> {/block:Chat}
  321.  
  322.  
  323. {block:Text}
  324. <div class="post">
  325. {block:IndexPage}<span class="bar">{block:Date}<a href="{Permalink}">{TimeAgo}</a>{/block:Date} - <a href="{ReblogURL}" target="_blank">reblog</a></span>{/block:IndexPage}
  326.  
  327. {block:Title}
  328. <a href="{Permalink}"><div class="titlepost">— {Title}</div></a>
  329. {/block:Title}
  330. <div class="comments">{Body}</div>
  331. </div>{/block:Text}
  332.  
  333.  
  334. {block:Quote}<div class="post">
  335. {block:IndexPage}<span class="bar">{block:Date}<a href="{Permalink}">{TimeAgo}</a>{/block:Date} - <a href="{ReblogURL}" target="_blank">reblog</a></span>
  336.  
  337. {/block:IndexPage}
  338.  
  339. <div>"{Quote}"</div>
  340. {block:Source}
  341. <div class="comments">{Source}</div>
  342. {/block:Source}
  343. </div>{/block:Quote}
  344.  
  345.  
  346. {block:Link}<div class="post">
  347. {block:IndexPage}<span class="bar">{block:Date}<a href="{Permalink}">{TimeAgo}</a>{/block:Date} - <a href="{ReblogURL}" target="_blank">reblog</a></span>
  348.  
  349.  
  350. {/block:IndexPage}
  351.  
  352. <a href="{URL}" {Target}><div class="titlepost">>> {Name}</div></a>
  353. {block:Description}
  354. <span class="comments">{Description}</span>
  355. {/block:Description}
  356. </div>{/block:Link}
  357.  
  358.  
  359. {block:Audio}<div class="post" >
  360. {block:IndexPage}<span class="bar">{block:Date}<a href="{Permalink}">{TimeAgo}</a>{/block:Date} - <a href="{ReblogURL}" target="_blank">reblog</a></span>
  361.  
  362. {/block:IndexPage}
  363.  
  364. <div style="margin-left:20px;">
  365. {block:IndexPage}{block:TrackName}{TrackName}{/block:TrackName} {block:Artist}by {Artist}{/block:Artist}{/block:IndexPage} —
  366. {PlayCountWithLabel}</div>
  367. <div style="{block:IndexPage}
  368. {block:IfPostSize1}width:500px;{/block:IfPostSize1}
  369. {block:IfPostSize2}width:400px;{/block:IfPostSize2}
  370. {block:IfPostSize3}width:250px;{/block:IfPostSize3}
  371. {/block:IndexPage}
  372. {block:PermalinkPage}width:500px;{/block:PermalinkPage} background-color:#000;">{AudioPlayerBlack}</div>
  373.  
  374. <div class="comments">
  375. {block:IfCaption}
  376. {block:Caption}{Caption}{/block:Caption}
  377. {/block:IfCaption}
  378.  
  379. {block:IfNotCaption}{block:PermalinkPage}
  380. {block:Caption}{Caption}{/block:Caption}
  381. {block:PermalinkPage}{/block:IfNotCaption}
  382. </div>
  383. </div>{/block:Audio}
  384.  
  385.  
  386. {block:Photoset}<div class="post">
  387. {block:IndexPage}<span class="bar" id="image">{block:Date}<a href="{Permalink}">{TimeAgo}</a>{/block:Date} - <a href="{ReblogURL}" target="_blank">reblog</a></span>
  388.  
  389.  
  390. {/block:IndexPage}
  391. <div>{block:IndexPage}{block:IfPostSize1}{Photoset-500}{/block:IfPostSize1}
  392. {block:IfPostSize2}{Photoset-400}{/block:IfPostSize2}
  393. {block:IfPostSize3}{Photoset-250}{/block:IfPostSize3}
  394. {/block:IndexPage}
  395. {block:PermalinkPage}
  396. {Photoset-500}
  397. {/block:PermalinkPage}</div>
  398.  
  399. <div class="comments">
  400. {block:IfCaption}
  401. {block:Caption}{Caption}{/block:Caption}
  402. {/block:IfCaption}
  403.  
  404. {block:IfNotCaption}{block:PermalinkPage}
  405. {block:Caption}{Caption}{/block:Caption}
  406. {block:PermalinkPage}{/block:IfNotCaption}
  407. </div>
  408.  
  409. </div>{/block:Photoset}
  410.  
  411. {block:Video}<div class="post">
  412. {block:IndexPage}<span class="bar" id="image">{block:Date}<a href="{Permalink}">{TimeAgo}</a>{/block:Date} - <a href="{ReblogURL}" target="_blank">reblog</a></span>
  413.  
  414. {/block:IndexPage}
  415.  
  416. <div>{block:IndexPage}{block:IfPostSize1}{Video-500}{/block:IfPostSize1}
  417. {block:IfNotPostSize1}{/block:IfNotPostSize1}
  418. {block:IfPostSize2}{Video-400}{/block:IfPostSize2}
  419. {block:IfNotPostSize2}{/block:IfNotPostSize2}
  420. {block:IfPostSize3}{Video-250}{/block:IfPostSize3}
  421. {block:IfNotPostSize3}{/block:IfNotPostSize3}{/block:IndexPage}
  422.  
  423. {block:PermalinkPage}{Video-500}{/block:PermalinkPage}</div>
  424.  
  425. <div class="comments">
  426. {block:IfCaption}
  427. {block:Caption}{Caption}{/block:Caption}
  428. {/block:IfCaption}
  429.  
  430. {block:IfNotCaption}{block:PermalinkPage}
  431. {block:Caption}{Caption}{/block:Caption}
  432. {block:PermalinkPage}{/block:IfNotCaption}
  433. </div>
  434.  
  435. </div>{/block:Video}
  436.  
  437. {block:Answer}
  438. <div class="post">
  439. {block:IndexPage}<span class="bar">{block:Date}<a href="{Permalink}">{TimeAgo}</a>{/block:Date} - <a href="{ReblogURL}" target="_blank">reblog</a></span>{/block:IndexPage}
  440.  
  441. <div>
  442. <span style="font-weight:800;">{Asker}</span> asked : <span style="font-style:italic;color:{color:Link};">{Question}</span></div>
  443. <div><span class="comments" style="padding-left:5px;padding-right:5px;">{Answer}</span></div>
  444. </div>{/block:Answer}
  445.  
  446.  
  447. {block:PermalinkPage}<div id="permabar">
  448. <div style="border-bottom:1px dotted;">
  449. <div style="padding:5px;margin-left:10px;">• POSTED {block:Date}<a href="{Permalink}">{TimeAgo}</a> with {NoteCountWithLabel}{/block:Date}{block:PostNotes} {/block:PostNotes}{block:RebloggedFrom} (via <a href="{ReblogParentURL}">{ReblogParentName}</a> , org. <a href="{ReblogRootURL}">{ReblogRootName}</a> ){/block:RebloggedFrom}<br>
  450. {block:HasTags}• TAGGED {block:Tags}&#160#<a href="{TagURL}" class="tags">{Tag}</a>{/block:Tags}{/block:HasTags}
  451. </div>
  452. </div>
  453. {block:PostNotes} {PostNotes}{/block:PostNotes} </div>{/block:PermalinkPage}
  454.  
  455. {block:Posts}</td></tr>
  456. </table>
  457. </div>
  458.  
  459. <div id="side">
  460.  
  461. <div id="left">
  462. <div id="inside"><div><img src="{image:Side Picture}" width="200px"/></div>
  463. <div id="description">{Description}</div></div>
  464.  
  465. <div id="menu">
  466. <a href="/">home</a>
  467. <a href="/ask">ask</a>
  468. <a href="/archive">archive</a>
  469. <a href="{text:link1}">{text:link1 title}</a>
  470. <a href="{text:link2}">{text:link2 title}</a>
  471. <a href="http://gyapo.tumblr.com">©</span></a>
  472. </div>
  473. </div>
  474.  
  475. {block:IfNotEndlessScroll}{block:Pagination}
  476. <div id="pagination">
  477. {block:NextPage}<a href="{NextPage}"><div id="page">→</div></a>{/block:NextPage}
  478. {block:PreviousPage}<a href="{PreviousPage}"> <div id="page">←</div></a>{/block:PreviousPage}
  479. </div>
  480. </div>
  481. {/block:Pagination}{/block:IfNotEndlessScroll}
  482. </body>
  483. </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!