API tools faq
paste
Advertisement
sunkei

mini multi

sunkei
Nov 1st, 2014
5,111
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 17.38 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2. Mini
  3. multi vers
  4. theme made by gyapo.tumblr.com
  5. don't remove this comment
  6. -->
  7.  
  8. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  9.  
  10. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  11.  
  12.  
  13. <head>
  14. <title>{Title}</title>
  15. <link rel="shortcut icon" href="{Favicon}">
  16. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  17. {block:Description}
  18. <meta name="description" content="{MetaDescription}" />
  19. {/block:Description}
  20.  
  21.  
  22. <meta name="image:Background" content="http://static.tumblr.com/onhp7lq/6zHnec0zn/tumblr_m7v83actj81r4u2g3.png"/>
  23. <meta name="image:EntryBG" content="http://static.tumblr.com/724e5e00276451786ebe0ce3eba9d4d2/onhp7lq/TGCn9zhbp/tumblr_static_83i4lnzzki04ggkcwsss0wc4g.png"/>
  24. <meta name="image:Picture" content="http://36.media.tumblr.com/tumblr_m5tcebuHkc1qjekjeo4_250.png"/>
  25.  
  26. <meta name="color:Background" content="#fff"/>
  27.  
  28.  
  29. <meta name="color:Description" content="#99a8d7"/>
  30. <meta name="color:DescriptionBorder" content="#fecf6b"/>
  31. <meta name="color:TitleBG" content="#000"/>
  32. <meta name="color:Menu" content="#c1c1c1"/>
  33. <meta name="color:MenuBG" content="#fff"/>
  34. <meta name="color:ExtraMenu" content="#888"/>
  35.  
  36. <meta name="color:Borders" content="#999"/>
  37. <meta name="color:Texts" content="#aaa"/>
  38.  
  39. <meta name="color:Date" content="#41dfb0"/>
  40. <meta name="color:Title" content="#315f7a"/>
  41. <meta name="color:Links" content="#f85757"/>
  42.  
  43. <meta name="text:MusicCode" content="Music player code"/>
  44. <meta name="text:URL1" content="URL 1"/>
  45. <meta name="text:link1" content="link one"/>
  46. <meta name="text:URL2" content="URL 2"/>
  47. <meta name="text:link2" content="link two"/>
  48. <meta name="text:URL3" content="URL 3"/>
  49. <meta name="text:link3" content="link three"/>
  50.  
  51. <meta name="text:URL4" content="URL 4"/>
  52. <meta name="text:link4" content="link four"/>
  53. <meta name="text:URL5" content="URL 5"/>
  54. <meta name="text:link5" content="link five"/>
  55. <meta name="text:URL6" content="URL 6"/>
  56. <meta name="text:link6" content="link six"/>
  57. <meta name="text:URL7" content="URL 7"/>
  58. <meta name="text:link7" content="link seven"/>
  59. <meta name="text:URL8" content="URL 8"/>
  60. <meta name="text:link8" content="link height"/>
  61.  
  62.  
  63. <meta name="if:EndlessScroll" content="0"/>
  64. <meta name="if:FixedTop" content="1"/>
  65. <meta name="if:Music" content="1"/>
  66. <meta name="if:2Columns" content="1"/>
  67.  
  68.  
  69.  
  70.  
  71. <style type="text/css">
  72.  
  73.  
  74.  
  75.  
  76. body
  77. {font-family:lucida console;
  78. font-size:9px;
  79. color:{color:Texts};
  80. background-color:{color:Background};
  81. background-image:url('{image:Background}');
  82. background-position: fixed;
  83. background-attachment:fixed;
  84. background-repeat:repeat;}
  85.  
  86. a
  87. {text-decoration:none;
  88. color:{color:Links};}
  89.  
  90. blockquote
  91. {border-left:1px dotted;
  92. padding-left:5px;margin-left:30px;}
  93.  
  94.  
  95. #all
  96. {margin-top:-8px;
  97. margin-left:200px;}
  98.  
  99. img
  100. {margin-bottom:-2px;}
  101.  
  102.  
  103.  
  104. #photo
  105. {width:175px;
  106. border:1px solid {color:Borders};
  107. padding:3px;
  108. border-radius:3px;
  109. moz-border-radius:3px;
  110. }
  111.  
  112. #explanation
  113. {text-align:center;
  114. font-family:courier;text-transform:uppercase;letter-spacing:1px;font-size:8px;margin:-15px 0px 0px 42px;width:84px;
  115. padding:7px;
  116. background-color:{color:DescriptionBG};
  117. color:{color:Description};
  118. position:absolute;
  119. border-radius:3px;
  120. moz-border-radius:3px;
  121. border:1px solid {color:Borders};}
  122.  
  123. .title
  124. {margin-bottom:3px;color:{color:Title};}
  125.  
  126. .post
  127. {width:200px;
  128. overflow:hidden;
  129. text-align:justify;float:left;
  130. padding:3px;
  131. margin-right:3px;
  132. margin-bottom:3px;
  133. border-radius:3px;
  134. moz-border-radius:3px;
  135. border:1px solid {color:Borders};
  136. background-image:url('{image:EntryBG}');}
  137. .post img
  138. {max-width:200px;}
  139. .post a
  140. {text-decoration:underline;}
  141. .post a:hover
  142. {font-style:italic;}
  143.  
  144.  
  145. .title img
  146. {margin-right:2px;}
  147. .date
  148. {color:{color:Date};text-decoration:underline;}
  149. .title a
  150. {color:{color:Title};text-decoration:none;}
  151.  
  152. #links
  153. {position:absolute;width:84px;text-align:center;margin-top:12px;letter-spacing:5px;padding-left:3px;}
  154. #links a
  155. {color:{color:Description};}
  156.  
  157. #posts
  158. {float:left;
  159. {block:IfNot2Columns}
  160. width:750px;{/block:IfNot2Columns}
  161. {block:If2Columns}
  162. width:600px;
  163. {/block:If2Columns}
  164. {block:IfFixedTop}margin-top:155px;{/block:IfFixedTop}}
  165.  
  166. #menu
  167. {position:absolute;margin-top:25px;text-align:right;width:85px;}
  168. .button
  169. {margin-bottom:2px;display:none;color:{color:Description};}
  170. .button:hover
  171. {text-decoration:underline;}
  172.  
  173. #show:hover
  174. {cursor:pointer;}
  175. .label
  176. {border-radius:3px;
  177. moz-border-radius:3px;font-family:courier;text-transform:uppercase;letter-spacing:1px;font-size:8px;
  178. border:1px dotted;}
  179. .chat
  180. {margin-bottom:5px;}
  181. #odd
  182. {color:{color:Links};}
  183. #even
  184. {color:{color:Date};}
  185.  
  186. ol.notes li.note img.avatar {
  187. display:none;
  188. }
  189.  
  190. .tag
  191. {opacity:0.7;}
  192.  
  193. #pagination
  194. {text-align:center;min-width:10px;
  195. margin-top:-45px;
  196. color:{color:Description};position:absolute;
  197. margin-left:215px;
  198. }
  199. #pagination a
  200. {color:{color:Description};
  201. }
  202.  
  203. .pagination {display:none!important;}
  204.  
  205. {block:IfFixedTop}#ha
  206. {background-image:url('{image:Background}');background-position: fixed;position:fixed;
  207. background-attachment:fixed;
  208. background-repeat:repeat;width:650px;z-index:900;}{/block:IfFixedTop}
  209. #haut
  210. {height:150px;padding-bottom:5px;}
  211. td
  212. {vertical-align: bottom;}
  213.  
  214. #picture img
  215. {height:150px;}
  216. .un
  217. {padding:5px 15px 5px 15px;text-align:center;background-color:{color:MenuBG};color:{color:Menu};
  218. font-family:courier;text-transform:uppercase;letter-spacing:1px;font-size:8px;
  219. }
  220. .un:hover
  221. {background-color:{color:TitleBG};text-decoration:underline;}
  222. #abou
  223. {width:175px;padding:5px;border-left:5px solid {color:DescriptionBorder};border-bottom:5px solid {color:DescriptionBorder};color:{color:Description};max-height:110px;margin-left:5px;margin-bottom:5px;}
  224.  
  225.  
  226.  
  227. #haut ol {
  228. list-style-type:hiragana;
  229. }
  230.  
  231. #haut li {color:{color:ExtraMenu};min-width:65px;}
  232. #haut li:hover { text-decoration: line-through;}
  233.  
  234.  
  235. #blog
  236. {background-color:{color:TitleBG};color:{color:Menu};padding:0px 5px 0px 5px;font-family:consolas;font-size:11px;letter-spacing:1px;font-weight:800;}
  237. #bl
  238. {vertical-align:middle;height:15px;padding-left:15px;}
  239. {block:IfMusic}
  240. #musicp
  241. {position:fixed;top:-3px;z-index:999;
  242. {block:If2Columns}
  243. margin-left:395px;
  244. {/block:If2Columns}
  245. {block:IfNot2Columns}
  246. margin-left:607px;{/block:IfNot2Columns}
  247. border-radius:3px;float:right;
  248. moz-border-radius:3px;
  249. border:1px solid {color:Borders};
  250. background-color:#fff;width:10px;
  251. padding:6px;height:10px;-webkit-transition: opacity 0.5s linear;-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;overflow:hidden;}
  252. #musicp #code
  253. {opacity:0;;-webkit-transition: opacity 0.5s linear;-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;}
  254. #musicp:hover #code
  255. {opacity:1;}
  256. #musicp img
  257. {-webkit-transition: opacity 0.5s linear;-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;}
  258. #musicp:hover
  259. {width:80px;}
  260. #musicp:hover img
  261. {opacity:0.3;}{/block:IfMusic}
  262. </style>
  263. {block:IndexPage}
  264. <script src="http://static.tumblr.com/6hsqxdt/s7Vm2rb3k/jquery.masonry.min.js"></script>
  265. {block:IfEndlessScroll}
  266. <script src="http://static.tumblr.com/ko3o6ju/QzNls3n3y/smoothscroll.js" type="text/javascript"></script>
  267.  
  268. <script src="http://static.tumblr.com/6hsqxdt/vmwm2rb4g/infinitescrolling.js"></script> {/block:IfEndlessScroll}
  269. <script src="http://static.tumblr.com/6hsqxdt/JBvm2rb44/masonry.js"></script>
  270. <script>
  271. $(window).load(function () {
  272. $('#posts').masonry(),
  273. $('.masonryWrap').infinitescroll({
  274.  
  275. navSelector : "div.pagination",
  276. nextSelector : ".pagination a#next",
  277. itemSelector : ".post",
  278. bufferPx : 10000,
  279. extraScrollPx: 10000,
  280. loadingImg : "",
  281. loadingText : "<em></em>",
  282. },
  283. // call masonry as a callback.
  284. function() { $('#posts').masonry({ appendedContent: $(this) }); }
  285. );
  286. });
  287. </script>{/block:IndexPage}
  288.  
  289. </head>
  290. <body>
  291.  
  292. {block:IfEndlessScroll}
  293. <div id="top"
  294. ></div>
  295. <a style="position:fixed;bottom:5px;right:5px;font-size:18px;font-weight:800;" href="#top">↑ ↑ </a>{/block:IfEndlessScroll}
  296.  
  297. <div id="all">
  298. {block:IfMusic}
  299. <div id="musicp">
  300. <img src="http://media.tumblr.com/tumblr_m9c43j1CTO1rto88t.gif"> <span id="code">{text:MusicCode}</span>
  301. </div>{/block:IfMusic}
  302. <div id="ha">
  303. <table id="haut" cellpadding="0" cellspacing="0"><tr>
  304. <td rowspan="2"><div id="picture"><a title="{Title}" href="/"><img src="{image:Picture}"></a></div></td>
  305.  
  306. <td colspan="4"><div id="abou">{Description}</div></td>
  307.  
  308. <td>
  309. <ol>
  310. <a href="{text:URL1}"><li>{text:link1}</li></a>
  311. <a href="{text:URL2}"><li>{text:link2}</li></a>
  312. <br>
  313. <a href="{text:URL5}"><li>{text:link5}</li></a>
  314. <a href="{text:URL6}"><li>{text:link6}</li></a>
  315. </ol>
  316. </td>
  317. {block:IfNot2Columns}<td>
  318. <ol style="list-style-type:hiragana-iroha;">
  319.  
  320. <a href="{text:URL3}"><li>{text:link3}</li></a>
  321. <a href="{text:URL4}"><li>{text:link4}</li></a>
  322. <br>
  323. <a href="{text:URL7}"><li>{text:link7}</li></a>
  324. <a href="{text:URL8}"><li>{text:link8}</li></a>
  325. </ol>
  326. </td>{/block:IfNot2Columns}
  327.  
  328. </tr><tr style="height:10px;">
  329. <td><a href="/"><div class="un">home</div></a></td>
  330. <td><a href="/ask"><div class="un">ask</div></a></td>
  331. <td><a href="/archive"><div class="un">archive</div></a></td>
  332. <td><a href="http://gyapo.tumblr.com/"><div class="un">theme</div></a></td>
  333. <td colspan="2" id="bl"><span id="blog">{Title}</span></td>{block:IfNotEndlessScroll}<td>{block:Pagination}
  334. <div id="pagi" >
  335. {block:PreviousPage}<a href="{PreviousPage}" style="font-size:11px;">←</a> {/block:PreviousPage}{CurrentPage}/{TotalPages}{block:NextPage} <a href="{NextPage}" style="font-size:11px;">→</a>{/block:NextPage}
  336.  
  337. </div>
  338. {/block:Pagination}</td>{/block:IfNotEndlessScroll}
  339. </tr></table>
  340. </div>
  341.  
  342.  
  343.  
  344.  
  345.  
  346. <div id="in">
  347. <div id="posts" >
  348.  
  349. {block:Posts}
  350.  
  351. <div class="post">
  352.  
  353. {block:Text}
  354. <div class="title"> <img width="15px" src="http://media.tumblr.com/3c20f5ce05bb9d10faddbbd3ec063268/tumblr_inline_mkp7o30Kq81qz4rgp.gif">
  355. {block:Date}<a href="{Permalink}"> <span class="date">{DayOfMonthWithZero}.{MonthNumberWithZero}.{ShortYear}</span></a>{/block:Date} {block:NoteCount}({NoteCount}){/block:NoteCount}
  356. {block:Title}{Title}{/block:Title} {block:HasTags}{block:Tags}<a href="{TagURL}" class="tag">#{Tag}</a> {/block:Tags} {/block:HasTags}</div>
  357. <div class="message">{Body}</div> {/block:Text}
  358.  
  359. {block:Answer}
  360. <div class="title"> <img width="15px" src="http://media.tumblr.com/6d66b5b7fd4dcf3eb2fcbbf387cb8a96/tumblr_inline_mzjjhw1oEm1rxsw83.gif">
  361. {block:Date}<a href="{Permalink}"> <span class="date">{DayOfMonthWithZero}.{MonthNumberWithZero}.{ShortYear}</span></a>{/block:Date} {block:NoteCount}({NoteCount}){/block:NoteCount}
  362. <u>{Asker}</u> : {Question} {block:HasTags}{block:Tags}<a href="{TagURL}" class="tag">#{Tag}</a> {/block:Tags} {/block:HasTags}</div>
  363. <div class="message">{Answer}</div> {/block:Answer}
  364.  
  365. {block:Chat}
  366. <div class="title"> <img width="15px" src="http://media.tumblr.com/f0e960c5cf99d23f9e3f00e33545ff57/tumblr_inline_mley6rfNPn1rxsw83.gif">
  367. {block:Date}<a href="{Permalink}" > <span class="date">{DayOfMonthWithZero}.{MonthNumberWithZero}.{ShortYear}</span></a>{/block:Date} {block:NoteCount}({NoteCount}){/block:NoteCount}
  368. {block:Title}{Title}{/block:Title} {block:HasTags}{block:Tags}<a href="{TagURL}" class="tag">#{Tag}</a> {/block:Tags} {/block:HasTags}</div>
  369.  
  370. {block:Lines}<div class="chat">{block:Label}<span class="label" id="{Alt}">{Label}</span>{/block:Label} <span class="line">{Line}</span></div>{/block:Lines}
  371. {/block:Chat}
  372.  
  373. {block:Link}
  374. <div class="title"> <img width="15px" src="http://media.tumblr.com/d006104d56a092521ab1d5acfe97e95c/tumblr_inline_mzjjl1K5pg1rxsw83.gif">
  375. {block:Date}<a href="{Permalink}" > <span class="date">{DayOfMonthWithZero}.{MonthNumberWithZero}.{ShortYear}</span></a>{/block:Date} {block:NoteCount}({NoteCount}){/block:NoteCount}
  376. <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>
  377. {block:Description}
  378. <div class="message">{Description}</div>{/block:Description} {/block:Link}
  379.  
  380. {block:Quote}
  381. <div class="title"> <img width="15px" src="http://media.tumblr.com/dc5cfd47ee6bd923f2111c77f4657b28/tumblr_inline_mkp7nsTJ6S1qz4rgp.gif">
  382. {block:Date}<a href="{Permalink}" > <span class="date">{DayOfMonthWithZero}.{MonthNumberWithZero}.{ShortYear}</span></a>{/block:Date} {block:NoteCount}({NoteCount}){/block:NoteCount} {block:HasTags}{block:Tags}<a href="{TagURL}" class="tag">#{Tag}</a> {/block:Tags} <br>{/block:HasTags} {block:Source}{Source} : {/block:Source}
  383. </div><!--title-->
  384.  
  385. <div class="message">"{Quote}" </div>
  386.  
  387.  
  388. {/block:Quote}
  389.  
  390. {block:Audio}
  391. <div class="title"> <img width="15px" src="http://media.tumblr.com/464e2b5f5969feec0025c815e2f4f7e9/tumblr_inline_mzjjhhQdXu1rxsw83.gif">
  392. {block:Date}<a href="{Permalink}" > <span class="date">{DayOfMonthWithZero}.{MonthNumberWithZero}.{ShortYear}</span></a>{/block:Date} {block:NoteCount}({NoteCount}){/block:NoteCount}
  393. {block:TrackName} {TrackName}{/block:TrackName} {block:Artist} by {Artist}{/block:Artist} {block:PlayCount}({PlayCountWithLabel}){/block:PlayCount}
  394. {block:HasTags}{block:Tags}<a href="{TagURL}" class="tag">#{Tag}</a> {/block:Tags} {/block:HasTags}
  395. </div><!--title-->
  396. {block:AudioPlayer}<div style="width:200px;overflow:hidden;">{AudioPlayer}</div>{/block:AudioPlayer}
  397.  
  398. {block:Caption}<div class="message">{Caption}</div>{/block:Caption}
  399. {/block:Audio}
  400.  
  401. {block:Video}
  402. <div class="title"> <img width="15px" src="http://media.tumblr.com/464e2b5f5969feec0025c815e2f4f7e9/tumblr_inline_mzjjhhQdXu1rxsw83.gif">
  403. {block:Date}<a href="{Permalink}" > <span class="date">{DayOfMonthWithZero}.{MonthNumberWithZero}.{ShortYear}</span></a>{/block:Date} {block:NoteCount}({NoteCount}){/block:NoteCount}
  404.  
  405. {block:HasTags}{block:Tags}<a href="{TagURL}" class="tag">#{Tag}</a> {/block:Tags} {/block:HasTags}
  406. </div><!--title-->
  407. <div style="width:200px;overflow:hidden;">{Video-250}</div>
  408.  
  409. {block:Caption}<div class="message">{Caption}</div>{/block:Caption}
  410. {/block:Video}
  411.  
  412. {block:Photo}
  413. <div class="title"> <img width="15px" src="http://media.tumblr.com/9b59057beae1dd095ef1c7e8e28bc9e2/tumblr_inline_mhrcosBqOY1qz4rgp.gif">
  414. {block:Date}<a href="{Permalink}" > <span class="date">{DayOfMonthWithZero}.{MonthNumberWithZero}.{ShortYear}</span></a>{/block:Date} {block:NoteCount}({NoteCount}){/block:NoteCount}
  415. {block:HasTags}{block:Tags}<a href="{TagURL}" class="tag">#{Tag}</a> {/block:Tags} {/block:HasTags}
  416. </div><!--title-->
  417.  
  418. <img width="200px" src="{PhotoURL-500}">
  419.  
  420. {block:Caption}<div class="message">{Caption}</div>{/block:Caption}
  421. {/block:Photo}
  422.  
  423.  
  424.  
  425. {block:Photoset}
  426. <div class="title"> <img width="15px" src="http://media.tumblr.com/eedeac5a09de6e668d682fe11ff593f1/tumblr_inline_mhrcoa4qcx1qz4rgp.gif">
  427. {block:Date}<a href="{Permalink}"> <span class="date">{DayOfMonthWithZero}.{MonthNumberWithZero}.{ShortYear}</span></a>{/block:Date} {block:NoteCount}({NoteCount}){/block:NoteCount}
  428. {block:HasTags}{block:Tags}<a href="{TagURL}" class="tag">#{Tag}</a> {/block:Tags} {/block:HasTags}
  429. </div><!--title-->
  430. {block:Photos}
  431. <img src="{PhotoURL-500}" width="200px;" style="margin-top:3px;" />
  432. {/block:Photos}
  433. {block:Caption}<div class="message">{Caption}</div>{/block:Caption}
  434. {/block:Photoset}
  435.  
  436. </div><!--entry-->
  437.  
  438. {block:PermalinkPage} {block:RebloggedFrom}<div class="entry">VIA : <a href="{ReblogParentURL}">{ReblogParentName}</a> ORIGIN : <a href="{ReblogRootURL}">{ReblogRootName}</a></div><!--entry-->{/block:RebloggedFrom}
  439.  
  440. {block:PostNotes}<div class="entry" style="height:100px;overflow:auto;">{PostNotes}</div><!--entry>{/block:PostNotes}
  441. {/block:PermalinkPage}
  442.  
  443. {block:RebloggedFrom}
  444. <!--{ReblogParentName}-->
  445. {/block:RebloggedFrom}
  446.  
  447. {block:ContentSource}
  448. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  449. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  450. {/block:SourceLogo}
  451. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo}-->
  452. {/block:ContentSource}
  453.  
  454.  
  455.  
  456. {/block:Posts}
  457.  
  458.  
  459. <div class="pagination">
  460. {block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">previous</a> &middot;{/block:PreviousPage} {block:NextPage}<a href="{NextPage}" id="next">next</a>{/block:NextPage}{/block:Pagination}
  461. </div>
  462. </div><!--posts-->
  463. </div>
  464. </div><!--all-->
  465.  
  466.  
  467.  
  468.  
  469. </body>
  470. </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!