API tools faq
paste
Advertisement
sunkei

mini theme

sunkei
Oct 19th, 2014
1,766
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 13.22 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2. Mini
  3. theme made by gyapo.tumblr.com
  4. don't remove this comment
  5. -->
  6.  
  7. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  8.  
  9. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  10.  
  11.  
  12. <head>
  13. <title>{Title}</title>
  14. <link rel="shortcut icon" href="{Favicon}">
  15. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  16. {block:Description}
  17. <meta name="description" content="{MetaDescription}" />
  18. {/block:Description}
  19.  
  20.  
  21. <meta name="image:Background" content="http://static.tumblr.com/onhp7lq/yiWndp97g/sans_titre-1.png"/>
  22. <meta name="image:EntryBG" content="http://static.tumblr.com/724e5e00276451786ebe0ce3eba9d4d2/onhp7lq/TGCn9zhbp/tumblr_static_83i4lnzzki04ggkcwsss0wc4g.png"/>
  23. <meta name="image:Picture" content="http://static.tumblr.com/7321cb5d5cc5ab802e15911ba6f10b6e/onhp7lq/UJ7najvyq/tumblr_static_1jtf8pu1mr9cs00w0occw8cc8.png"/>
  24.  
  25. <meta name="color:Background" content="#fff"/>
  26. <meta name="color:Borders" content="#999"/>
  27. <meta name="color:Texts" content="#aaa"/>
  28.  
  29. <meta name="color:Description" content="#000"/>
  30. <meta name="color:DescriptionBG" content="#fff"/>
  31. <meta name="color:Date" content="#f38429"/>
  32. <meta name="color:Title" content="#444"/>
  33. <meta name="color:Links" content="#3db077"/>
  34.  
  35.  
  36. <meta name="text:URL1" content="URL 1"/>
  37. <meta name="text:link1" content="link 1"/>
  38. <meta name="text:URL2" content="URL 2"/>
  39. <meta name="text:link2" content="link 2"/>
  40. <meta name="text:URL3" content="URL 3"/>
  41. <meta name="text:link3" content="link 3"/>
  42.  
  43.  
  44. <meta name="if:EndlessScroll" content="0"/>
  45.  
  46.  
  47. {block:IfEndlessScroll}<script src="http://static.tumblr.com/ko3o6ju/QzNls3n3y/smoothscroll.js" type="text/javascript"></script>
  48. <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>{/block:IfEndlessScroll}
  49.  
  50. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
  51. <script type="text/javascript">
  52.  
  53.  
  54. $(document).ready(function() {
  55. $("#show").click(function() {
  56. $(".button").slideToggle(500);
  57. });
  58. });
  59. </script>
  60.  
  61.  
  62.  
  63. <style type="text/css">
  64.  
  65.  
  66.  
  67.  
  68. body
  69. {font-family:lucida console;
  70. font-size:9px;
  71. color:{color:Texts};
  72. background-color:{color:Background};
  73. background-image:url('{image:Background}');
  74. background-position: fixed;
  75. background-attachment:fixed;
  76. background-repeat:repeat;}
  77.  
  78. a
  79. {text-decoration:none;
  80. color:{color:Links};}
  81.  
  82. blockquote
  83. {border-left:1px dotted;
  84. padding-left:5px;margin-left:30px;}
  85.  
  86.  
  87. #all
  88. {position:fixed;
  89. bottom:3px;
  90. margin-left:200px;}
  91.  
  92. img
  93. {margin-bottom:-2px;}
  94.  
  95. #top
  96. {border:1px solid {color:Borders};
  97. border-radius:3px;
  98. text-align:center;
  99. width:386px;
  100. color:{color:Description};
  101. margin-bottom:3px;
  102. padding:10px 3px 10px 3px;
  103. background-color:{color:DescriptionBG};
  104. font-family:courier;text-transform:uppercase;letter-spacing:1px;font-size:8px;z-index:999;
  105. border-radius:3px;}
  106.  
  107. #photo
  108. {width:175px;
  109. border:1px solid {color:Borders};
  110. padding:3px;
  111. border-radius:3px;
  112. moz-border-radius:3px;
  113. }
  114.  
  115. #explanation
  116. {text-align:center;
  117. font-family:courier;text-transform:uppercase;letter-spacing:1px;font-size:8px;margin:-15px 0px 0px 42px;width:84px;
  118. padding:7px;
  119. background-color:{color:DescriptionBG};
  120. color:{color:Description};
  121. position:absolute;
  122. border-radius:3px;
  123. moz-border-radius:3px;
  124. border:1px solid {color:Borders};}
  125.  
  126. .title
  127. {margin-bottom:3px;color:{color:Title};}
  128.  
  129. .entry
  130. {width:200px;
  131. overflow:hidden;
  132. text-align:justify;
  133. padding:3px;
  134. margin-left:3px;
  135. margin-bottom:3px;
  136. border-radius:3px;
  137. moz-border-radius:3px;
  138. border:1px solid {color:Borders};
  139. background-image:url('{image:EntryBG}');}
  140. .entry img
  141. {max-width:200px;}
  142. .entry a
  143. {text-decoration:underline;}
  144. .entry a:hover
  145. {font-style:italic;}
  146.  
  147.  
  148. .title img
  149. {margin-right:2px;}
  150. .date
  151. {color:{color:Date};text-decoration:underline;}
  152. .title a
  153. {color:{color:Title};text-decoration:none;}
  154.  
  155. #links
  156. {position:absolute;width:84px;text-align:center;margin-top:12px;letter-spacing:5px;padding-left:3px;}
  157. #links a
  158. {color:{color:Description};}
  159.  
  160. #posts
  161. {float:left;height:335px;overflow:auto;width:230px;}
  162.  
  163. #menu
  164. {position:absolute;margin-top:25px;text-align:right;width:85px;}
  165. .button
  166. {margin-bottom:2px;display:none;color:{color:Description};}
  167. .button:hover
  168. {text-decoration:underline;}
  169.  
  170. #show:hover
  171. {cursor:pointer;}
  172. .label
  173. {border-radius:3px;
  174. moz-border-radius:3px;font-family:courier;text-transform:uppercase;letter-spacing:1px;font-size:8px;
  175. border:1px dotted;}
  176. .chat
  177. {margin-bottom:5px;}
  178. #odd
  179. {color:{color:Links};}
  180. #even
  181. {color:{color:Date};}
  182.  
  183. ol.notes li.note img.avatar {
  184. display:none;
  185. }
  186.  
  187. .tag
  188. {opacity:0.7;}
  189.  
  190. #pagination
  191. {text-align:center;min-width:10px;
  192. margin-top:-45px;
  193. color:{color:Description};position:absolute;
  194. margin-left:215px;
  195. }
  196. #pagination a
  197. {color:{color:Description};
  198. }
  199. </style>
  200. </head>
  201. <body>
  202.  
  203.  
  204.  
  205.  
  206. <div id="all">
  207.  
  208. <div id="top">{Description}</div>
  209. <div style="float:left;">
  210.  
  211. <div id="photo">
  212.  
  213. <img width="175px" src="{image:Picture}"></div><!--photo-->
  214. <div id="explanation">{Title}
  215. <div id="links"><a title="Home" href="/">x</a> <a title="Message" href="/ask">x</a> <span title="Menu" id="show">x</span></div>
  216. <div id="menu">
  217. <a href="{text:URL1}"><div class="button">{text:link1}</div></a>
  218. <a href="{text:URL2}"><div class="button">{text:link2}</div></a>
  219. <a href="{text:URL3}"><div class="button">{text:link3}</div></a>
  220. <a href="/archive"><div class="button">archive</div></a>
  221. <a title="mini theme" href="http://gyapo.tumblr.com"><div class="button">theme</div></a>
  222.  
  223. </div></div><!--expl-->
  224.  
  225. </div>
  226.  
  227.  
  228. <div id="posts"> {block:IfNotEndlessScroll}
  229. {block:Pagination}
  230. <div id="pagination" >
  231. {block:PreviousPage}<a href="{PreviousPage}" style="font-size:14px;">←</a> <br>{/block:PreviousPage}{CurrentPage}<br>—<br>{TotalPages}{block:NextPage}<br><a href="{NextPage}" style="font-size:14px;">→</a>{/block:NextPage}<br>
  232.  
  233. </div>
  234. {/block:Pagination}
  235. {/block:IfNotEndlessScroll} {block:Posts}
  236.  
  237. <div class="entry">
  238.  
  239. {block:Text}
  240. <div class="title"> <img width="15px" src="http://media.tumblr.com/3c20f5ce05bb9d10faddbbd3ec063268/tumblr_inline_mkp7o30Kq81qz4rgp.gif">
  241. {block:Date}<a href="{Permalink}" title="{block:NoteCount}({NoteCount}){/block:NoteCount}"> <span class="date">{DayOfMonthWithZero}.{MonthNumberWithZero}.{ShortYear}</span></a>{/block:Date}
  242. {block:Title}{Title}{/block:Title} {block:HasTags}{block:Tags}<a href="{TagURL}" class="tag">#{Tag}</a> {/block:Tags} {/block:HasTags}</div>
  243. <div class="message">{Body}</div>{/block:Text}
  244.  
  245. {block:Answer}
  246. <div class="title"> <img width="15px" src="http://media.tumblr.com/6d66b5b7fd4dcf3eb2fcbbf387cb8a96/tumblr_inline_mzjjhw1oEm1rxsw83.gif">
  247. {block:Date}<a href="{Permalink}" title="{block:NoteCount}({NoteCount}){/block:NoteCount}"> <span class="date">{DayOfMonthWithZero}.{MonthNumberWithZero}.{ShortYear}</span></a>{/block:Date}
  248. <u>{Asker}</u> : {Question} {block:HasTags}{block:Tags}<a href="{TagURL}" class="tag">#{Tag}</a> {/block:Tags} {/block:HasTags}</div>
  249. <div class="message">{Answer}</div>{/block:Answer}
  250.  
  251. {block:Chat}
  252. <div class="title"> <img width="15px" src="http://media.tumblr.com/f0e960c5cf99d23f9e3f00e33545ff57/tumblr_inline_mley6rfNPn1rxsw83.gif">
  253. {block:Date}<a href="{Permalink}" title="{block:NoteCount}({NoteCount}){/block:NoteCount}"> <span class="date">{DayOfMonthWithZero}.{MonthNumberWithZero}.{ShortYear}</span></a>{/block:Date}
  254. {block:Title}{Title}{/block:Title} {block:HasTags}{block:Tags}<a href="{TagURL}" class="tag">#{Tag}</a> {/block:Tags} {/block:HasTags}</div>
  255.  
  256. {block:Lines}<div class="chat">{block:Label}<span class="label" id="{Alt}">{Label}</span>{/block:Label} <span class="line">{Line}</span></div>{/block:Lines}
  257. {/block:Chat}
  258.  
  259. {block:Link}
  260. <div class="title"> <img width="15px" src="http://media.tumblr.com/d006104d56a092521ab1d5acfe97e95c/tumblr_inline_mzjjl1K5pg1rxsw83.gif">
  261. {block:Date}<a href="{Permalink}" title="{block:NoteCount}({NoteCount}){/block:NoteCount}"> <span class="date">{DayOfMonthWithZero}.{MonthNumberWithZero}.{ShortYear}</span></a>{/block:Date}
  262. <a href="{URL}" target="_blank"><u>{Name}</u></a> {block:HasTags}{block:Tags}<a href="{TagURL}" class="tag">#{Tag}</a> {/block:Tags} {/block:HasTags}</div>
  263. {block:Description}
  264. <div class="message">{Description}</div>{/block:Description}{/block:Link}
  265.  
  266. {block:Quote}
  267. <div class="title"> <img width="15px" src="http://media.tumblr.com/dc5cfd47ee6bd923f2111c77f4657b28/tumblr_inline_mkp7nsTJ6S1qz4rgp.gif">
  268. {block:Date}<a href="{Permalink}" title="{block:NoteCount}({NoteCount}){/block:NoteCount}"> <span class="date">{DayOfMonthWithZero}.{MonthNumberWithZero}.{ShortYear}</span></a>{/block:Date} {block:HasTags}{block:Tags}<a href="{TagURL}" class="tag">#{Tag}</a> {/block:Tags} <br>{/block:HasTags} {block:Source}{Source} : {/block:Source}
  269. </div><!--title-->
  270.  
  271. <div class="message">"{Quote}" </div>
  272.  
  273.  
  274. {/block:Quote}
  275.  
  276. {block:Audio}
  277. <div class="title"> <img width="15px" src="http://media.tumblr.com/464e2b5f5969feec0025c815e2f4f7e9/tumblr_inline_mzjjhhQdXu1rxsw83.gif">
  278. {block:Date}<a href="{Permalink}" title="{block:NoteCount}({NoteCount}){/block:NoteCount}"> <span class="date">{DayOfMonthWithZero}.{MonthNumberWithZero}.{ShortYear}</span></a>{/block:Date}
  279. {block:TrackName} {TrackName}{/block:TrackName} {block:Artist} by {Artist}{/block:Artist} {block:PlayCount}({PlayCountWithLabel}){/block:PlayCount}
  280. {block:HasTags}{block:Tags}<a href="{TagURL}" class="tag">#{Tag}</a> {/block:Tags} {/block:HasTags}
  281. </div><!--title-->
  282. {block:AudioPlayer}<div style="width:200px;overflow:hidden;">{AudioPlayer}</div>{/block:AudioPlayer}
  283.  
  284. {block:Caption}<div class="message">{Caption}</div>{/block:Caption}
  285. {/block:Audio}
  286.  
  287. {block:Video}
  288. <div class="title"> <img width="15px" src="http://media.tumblr.com/464e2b5f5969feec0025c815e2f4f7e9/tumblr_inline_mzjjhhQdXu1rxsw83.gif">
  289. {block:Date}<a href="{Permalink}" title="{block:NoteCount}({NoteCount}){/block:NoteCount}"> <span class="date">{DayOfMonthWithZero}.{MonthNumberWithZero}.{ShortYear}</span></a>{/block:Date}
  290.  
  291. {block:HasTags}{block:Tags}<a href="{TagURL}" class="tag">#{Tag}</a> {/block:Tags} {/block:HasTags}
  292. </div><!--title-->
  293. <div style="width:200px;overflow:hidden;">{Video-250}</div>
  294.  
  295. {block:Caption}<div class="message">{Caption}</div>{/block:Caption}
  296. {/block:Video}
  297.  
  298. {block:Photo}
  299. <div class="title"> <img width="15px" src="http://media.tumblr.com/9b59057beae1dd095ef1c7e8e28bc9e2/tumblr_inline_mhrcosBqOY1qz4rgp.gif">
  300. {block:Date}<a href="{Permalink}" title="{block:NoteCount}({NoteCount}){/block:NoteCount}"> <span class="date">{DayOfMonthWithZero}.{MonthNumberWithZero}.{ShortYear}</span></a>{/block:Date}
  301. {block:HasTags}{block:Tags}<a href="{TagURL}" class="tag">#{Tag}</a> {/block:Tags} {/block:HasTags}
  302. </div><!--title-->
  303.  
  304. <img width="200px" src="{PhotoURL-500}">
  305.  
  306. {block:Caption}<div class="message">{Caption}</div>{/block:Caption}
  307. {/block:Photo}
  308.  
  309.  
  310.  
  311. {block:Photoset}
  312. <div class="title"> <img width="15px" src="http://media.tumblr.com/eedeac5a09de6e668d682fe11ff593f1/tumblr_inline_mhrcoa4qcx1qz4rgp.gif">
  313. {block:Date}<a href="{Permalink}" title="{block:NoteCount}({NoteCount}){/block:NoteCount}"> <span class="date">{DayOfMonthWithZero}.{MonthNumberWithZero}.{ShortYear}</span></a>{/block:Date}
  314. {block:HasTags}{block:Tags}<a href="{TagURL}" class="tag">#{Tag}</a> {/block:Tags} {/block:HasTags}
  315. </div><!--title-->
  316. {block:Photos}
  317. <img src="{PhotoURL-500}" width="200px;" style="margin-top:3px;" />
  318. {/block:Photos}
  319. {block:Caption}<div class="message">{Caption}</div>{/block:Caption}
  320. {/block:Photoset}
  321.  
  322. </div><!--entry-->
  323.  
  324. {block:PermalinkPage} {block:RebloggedFrom}<div class="entry">VIA : <a href="{ReblogParentURL}">{ReblogParentName}</a> ORIGIN : <a href="{ReblogRootURL}">{ReblogRootName}</a></div><!--entry-->{/block:RebloggedFrom}
  325.  
  326. {block:PostNotes}<div class="entry" style="height:100px;overflow:auto;">{PostNotes}</div><!--entry>{/block:PostNotes}
  327. {/block:PermalinkPage}
  328.  
  329. {block:RebloggedFrom}
  330. <!--{ReblogParentName}-->
  331. {/block:RebloggedFrom}
  332.  
  333. {block:ContentSource}
  334. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  335. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  336. {/block:SourceLogo}
  337. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo}-->
  338. {/block:ContentSource}
  339. {/block:Posts}
  340. </div><!--posts-->
  341. </div><!--all-->
  342.  
  343.  
  344.  
  345.  
  346.  
  347. </body>
  348. </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!