API tools faq
paste
Advertisement
sunkei

94

sunkei
Jul 28th, 2015
2,699
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 9.95 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2. 94
  3. theme made by gyapo.tumblr.com
  4. don't remove this comment
  5.  
  6. 12 03 2016 extra links fixed
  7. -->
  8.  
  9. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  10.  
  11. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  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}
  19. <meta name="description" content="{MetaDescription}" />
  20. {/block:Description}
  21. <link href='//fonts.googleapis.com/css?family=Inconsolata' rel='stylesheet' type='text/css'>
  22.  
  23. <meta name="image:Background" content="http://static.tumblr.com/..."/>
  24. <meta name="image:Icon" content="http://41.media.tumblr.com/3477c978de0148d978a439857b04ff41/tumblr_ns7sisYGh91r9g6hvo2_100.png"/>
  25.  
  26. <meta name="color:Background" content="#fff" />
  27. <meta name="color:Menu" content="#000" />
  28. <meta name="color:Link" content="#000" />
  29.  
  30.  
  31. <meta name="color:EntryBorder" content="#000" />
  32. <meta name="color:Texts" content="#888" />
  33.  
  34. <meta name="color:TagsBG" content="#000" />
  35. <meta name="color:Tags" content="#fff" />
  36. <meta name="if:EndlessScroll" content="0"/>
  37.  
  38. <meta name="text:link1URL" content=""/>
  39. <meta name="text:link1" content="link 1"/>
  40. <meta name="text:link2URL" content=""/>
  41. <meta name="text:link2" content="link 2"/>
  42.  
  43.  
  44.  
  45.  
  46.  
  47.  
  48. {block:IfEndlessScroll}
  49. <script src="http://static.tumblr.com/ko3o6ju/QzNls3n3y/smoothscroll.js" type="text/javascript"></script>
  50.  
  51. <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>{/block:IfEndlessScroll}
  52.  
  53. <style type="text/css">
  54.  
  55. 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;}
  56.  
  57. 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;}
  58.  
  59.  
  60.  
  61. body
  62. {font-family:inconsolata,courrier;
  63. font-size:12px;
  64. cursor: crosshair;
  65. color:{color:Texts};
  66. background-color:{color:Background};
  67. background-image:url('{image:Background}');
  68. background-position: fixed;
  69. background-attachment:fixed;
  70. background-repeat:repeat;}
  71.  
  72. a
  73. {text-decoration:none;
  74. color:{color:Link};}
  75.  
  76.  
  77. #all
  78. {margin:0 auto;width:272px;}
  79.  
  80. ul {list-style-type: circle;}
  81.  
  82. blockquote
  83. {border-left:1px solid;
  84. margin-left:10px;
  85. padding-left:5px;}
  86.  
  87.  
  88.  
  89. .post
  90. {width:250px;
  91. border:1px solid {color:EntryBorder};
  92. padding:10px;
  93. overflow:hidden;
  94. min-height:70px;
  95. margin-top:80px;
  96. text-align:justify;
  97. margin-bottom:80px;
  98. }
  99. .post img
  100. {max-width:250px;}
  101. img
  102. {margin-bottom:-3px;}
  103. .infos
  104. {position:absolute;
  105. text-transform:uppercase;font-size:10px;
  106. text-align:right;
  107. width:250px;
  108. opacity:1;
  109. margin-top:-25px;
  110. -webkit-transition: opacity 0.3s linear;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
  111.  
  112.  
  113.  
  114. .post:hover .infos
  115. {opacity:1;}
  116.  
  117. .post:hover .reblogbutton
  118. {opacity:1;}
  119.  
  120. .tags
  121. {text-align:center;
  122. background-color:{color:TagsBG};
  123. opacity:1;margin-top:10px;
  124. -webkit-transition: opacity 0.3s linear;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
  125.  
  126. .hashtag
  127. {margin-right:5px;
  128. color:{color:Tags};
  129. }
  130. .post:hover .tags
  131. {opacity:1;}
  132.  
  133. .posttitle
  134. {font-size:16px;color:{color:PostTitle};
  135. }
  136. .linkname
  137. {font-size:16px;color:{color:PostTitle};padding:0px 2px 0px 2px;border:2px solid;
  138. }
  139.  
  140. .text a
  141. {text-transform:uppercase;font-size:11px;}
  142. .line
  143. {margin-bottom:5px;}
  144. .label
  145. {text-transform:uppercase;font-size:10px;}
  146. .asker
  147. {text-transform:uppercase;font-size:13px;letter-spacing:1px;}
  148. .question
  149. {font-size:16px;color:{color:PostTitle};}
  150.  
  151.  
  152. #above
  153. {border:1px solid {color:EntryBorder};
  154. width:270px;
  155. height:72px;
  156. margin-top:-9px;
  157. }
  158.  
  159. #title
  160. {padding-left:5px;background-color:{color:TagsBG};color:{color:Tags};}
  161. #picture
  162. {padding:10px;border-right:1px solid {color:EntryBorder};width:50px;height:50px;}
  163. #description
  164. {height:40px;overflow:hidden;padding:5px;}
  165. #menu td
  166. {text-align:center;border-top:1px solid {color:EntryBorder};}
  167. #menu a
  168. {color:{color:Menu};}
  169. #menu td:hover
  170. {background-color:{color:Menu};}
  171.  
  172.  
  173. ol.notes {list-style-type:none;padding:0px;text-align:left;}
  174. ol.notes li.note {margin:0px 0px 10px 5px;
  175. }
  176. ol.notes li.note img.avatar {width:0px;height:0px;}
  177. .reblogbutton
  178. {position:absolute;margin-left:265px;font-size:10px;text-align:center;
  179.  
  180. -webkit-transition: opacity 0.3s linear;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;transition: all 0.3s ease-out;
  181. opacity:1;
  182. }
  183.  
  184. .arrow
  185. {border:1px solid {color:EntryBorder};font-family:arial;padding:0px 3px 3px 3px;}
  186. .arrow:hover
  187. {color:{color:EntryBorder};background-color:{color:EntryBorder};}
  188. .currentpage
  189. {text-decoration:underline;padding:0px 3px 0px 3px;}
  190. </style>
  191. </head>
  192. <body>
  193. {block:IfEndlessScroll}
  194. <div id="top"></div>
  195. {/block:IfEndlessScroll}
  196. <div id="all">
  197.  
  198. {block:IfEndlessScroll}
  199. <a href="#top" style="position:fixed;bottom:5px;right:5px;text-transform:uppercase;font-size:10px;" >back to top</a>{/block:IfEndlessScroll}
  200.  
  201. <div >
  202. <table id="above" cellpadding="0" cellspacing="0">
  203. <tr><td rowspan="2" id="picture"><img width="50" height="50" src="{image:Icon}"></td>
  204. <td colspan="5" id="title">{Title}</td>
  205. </tr>
  206. <tr><td colspan="5" ><div id="description">{Description}</div></td></tr>
  207. <tr id="menu"><td><a href="/">home</a></td>
  208. <td><a href="/ask">ask</a></td>
  209. <td><a href="/archive">past</a></td>
  210. <td><a href="{text:link1URL}">{text:link1}</a></td>
  211. <td><a href="{text:link2URL}">{text:link2}</a></td>
  212. <td><a style="font-size:12px;font-family:arial;" href="http://gyapo.tumblr.com/">©</a></td></tr>
  213. </table>
  214. </div>
  215.  
  216. <div id="posts">
  217. {block:Posts}
  218. <div class="post" >
  219. <div class="infos">
  220. <a href="{Permalink}">{NoteCountWithLabel}</a></div>
  221. <a href="{ReblogURL}"><div class="reblogbutton">R<br>E<br>B<br>L<br>O<br>G<br></div></a>
  222.  
  223.  
  224. {block:Answer}
  225. <div class="question"><span class="asker">{Asker} :</span> <span class="quest">{Question}</span></div>
  226. <div>{Answer}</div>{/block:Answer}
  227.  
  228. {block:Photo}<a href="{Permalink}"><div><img src="{PhotoURL-500}"/></div></a>{/block:Photo}
  229.  
  230.  
  231. {block:Photoset}
  232. <div> {block:IndexPage}{Photoset-250}{/block:IndexPage}
  233. {block:PermalinkPage}{Photoset-500}{/block:PermalinkPage}
  234. </div>{/block:Photoset}
  235.  
  236. {block:Video}
  237. <div> {block:IndexPage}{Video-250}{/block:IndexPage}
  238. {block:PermalinkPage}{Video-500}{/block:PermalinkPage}
  239. </div>{/block:Video}
  240.  
  241. {block:Quote}<div class="quote">" {Quote}" </div>
  242. {block:Source}
  243. <div class="posttitle"><span >— {Source}</span></div>
  244. {/block:Source}{/block:Quote}
  245.  
  246.  
  247.  
  248. {block:Text}{block:Title}
  249. <div class="posttitle">{Title}</div> {/block:Title}
  250. <div class="text">{Body}</div>{/block:Text}
  251.  
  252. {block:Chat}{block:Title}<div class="posttitle">{Title}</div>{/block:Title}
  253. {block:Lines}<div class="line">{block:Label}<span class="label"> {Label}</span>{/block:Label} {Line}</div>{/block:Lines}{/block:Chat}
  254.  
  255. {block:Link}
  256. <a href="{URL}"><div class="linkname">{Name}</div></a>
  257. <div class="text">{Description}</div>{/block:Link}
  258.  
  259. {block:Audio}
  260. {block:AudioPlayer}<div>{AudioPlayer}</div>{/block:AudioPlayer}
  261. <div>{block:TrackName}{TrackName}{/block:TrackName} {block:Artist}by {Artist}{/block:Artist}<br>{PlayCountWithLabel}</div>{/block:Audio}
  262.  
  263.  
  264. {block:HasTags}<div class="tags" >{block:Tags}<a href="{TagURL}"><span class="hashtag">#{Tag}</span></a>{/block:Tags}</div>{/block:HasTags}
  265.  
  266. {block:PermalinkPage}
  267.  
  268. <div class="text" style="margin-top:25px">{Caption}</div>
  269.  
  270. {block:Date}
  271. <div class="text" style="margin-top:25px;padding-top:5px;border-top:1px solid {color:EntryBorder}">{DayOfWeek} {DayOfMonth}{DayOfMonthSuffix} {Month} {Year} </div>{/block:Date}
  272. {block:RebloggedFrom}
  273. <div class="text">VIA : <a href="{ReblogParentURL}">{ReblogParentName}</a> ORIGIN : <a href="{ReblogRootURL}">{ReblogRootName}</a></div>{/block:RebloggedFrom}
  274.  
  275. {block:PostNotes}
  276. <div style="border-top:1px solid {color:EntryBorder};padding-top:25px;margin-top:5px;"><div style="height:150px;overflow:auto;">{PostNotes}</div></div>
  277. {/block:PostNotes}
  278. {/block:PermalinkPage}
  279.  
  280. </div>
  281.  
  282. {block:RebloggedFrom}
  283. <!--{ReblogParentName}-->
  284. {/block:RebloggedFrom}
  285.  
  286. {block:ContentSource}
  287. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  288. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  289. {/block:SourceLogo}
  290. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo}-->
  291. {/block:ContentSource}
  292.  
  293.  
  294. {/block:Posts}
  295.  
  296. {block:IfNotEndlessScroll}
  297. {block:Pagination}
  298. <div style="text-align:center;margin-bottom:50px;" >
  299. {block:PreviousPage}<a style="margin-right:25px" class="arrow" href="{PreviousPage}">«­</a>{/block:PreviousPage} {block:JumpPagination length="4"}{block:CurrentPage}
  300. <span class="currentpage">{CurrentPage}</span>
  301. {/block:CurrentPage}{block:JumpPage}
  302. <a class="jump_page" href="{URL}">{PageNumber}</a>
  303. {/block:JumpPage}{/block:JumpPagination}{block:NextPage}<a class="arrow" style="margin-left:25px" href="{NextPage}">»</a>{/block:NextPage}
  304. </div>
  305. {/block:Pagination}
  306. {/block:IfNotEndlessScroll}
  307. </div>
  308.  
  309.  
  310.  
  311.  
  312. </div>
  313. </body>
  314. </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!