API tools faq
paste
namunamoo

Yanlei

namunamoo
May 22nd, 2012
1,569
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 18.32 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2. THEME MADE BY NAMUNAMOO (http://namunamoo.tumblr.com)
  3. PLEASE DON'T REMOVE THE CREDITS. THANK YOU.
  4. -->
  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. <html>
  11. <head>
  12.  
  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. <!--LOOK AT ALL THESE FREAKIN' OPTIONS. ^^"-->
  21.  
  22. <meta name="color:Background" content=""/>
  23. <meta name="color:Body Font" content="#050505"/>
  24. <meta name="color:Posts" content="#f7f6f2"/>
  25. <meta name="color:Links" content="#05990c"/>
  26. <meta name="color:Links hover" content="#000000"/>
  27. <meta name="color:Link Highlights" content="#C7E363"/>
  28. <meta name="image:Description Background" content="#ffffff"/>
  29.  
  30. <meta name="color:Post Title" content="#000000"/>
  31. <meta name="color:Quote" content="#363636"/>
  32. <meta name="color:Answer Background" content="#F5F5F5"/>
  33. <meta name="color:ScrollBar" content="#484848"/>
  34. <meta name="color:ScrollBar Background" content="#e8e8e8"/>
  35. <meta name="color:Blockquote" content="#898989"/>
  36.  
  37. <meta name="color:Title" content="#93C9CA"/>
  38. <meta name="color:Nav Links" content="#93C9CA" />
  39. <meta name="color:Nav Links Hover" content="#24C0EB" />
  40. <meta name="color:Nav font hover" content="#ffffff" />
  41.  
  42. <meta name="image:Sidebar" content="http://27.media.tumblr.com/tumblr_m2yamwOCMa1rpehnco1_500.jpg"/>
  43. <meta name="image:Background" content="http://static.tumblr.com/14xu0fs/8TIlyott4/tumblr_lxs1e8cjnr1rnpeyto1_250.png"/>
  44. <meta name="image:Post Box Background" content=""/>
  45. <meta name="image:Description Background" content="http://media.tumblr.com/tumblr_lpwpjqUCmx1qcn2vb.png"/>
  46.  
  47. <meta name="text:link 1" content="/"/>
  48. <meta name="text:link 1 name" content="Link 1"/>
  49. <meta name="text:link 2" content=""/>
  50. <meta name="text:link 2 name" content=""/>
  51. <meta name="text:link 3" content=""/>
  52. <meta name="text:link 3 name" content=""/>
  53.  
  54. <meta name="if:Infinite Scrolling" content="1"/>
  55. <meta name="if:Smaller Posts" content="0">
  56.  
  57. <style type="text/css">
  58.  
  59. body {
  60. background-color: {color:Background};
  61. font-family: calibri;
  62. font-size: 11px;
  63. color: {color:Body Font};
  64. text-align: justify;
  65. background-image: url('{image:Background}');
  66. background-attachment: fixed;
  67. }
  68.  
  69.  
  70.  
  71. @font-face {font-family:"existence light unicase";src: url("http://static.tumblr.com/3j38nb8/uEwly5p5l/existence-unicaselight.otf");}
  72.  
  73. #posts {
  74. position: absolute;
  75. left: 25px;
  76. top: 25px;
  77.  
  78. }
  79.  
  80. #lineup {
  81. background-image: url('{image:Post Box Background}');
  82. position: relative;
  83. {block:IfSmallerPosts}margin-left: 350px;{/block:IfSmallerPosts}
  84. {block:IfNotSmallerPosts}margin-left: 300px;{/block:IfNotSmallerPosts}
  85. top:5px;
  86. {block:IfSmallerPosts}width: 250px;{/block:IfSmallerPosts}
  87. {block:IfNotSmallerPosts}width: 500px;{/block:IfNotSmallerPosts}
  88. background-color:{color:Posts};
  89. margin-bottom: 5px;
  90. padding: 5px;
  91. z-index:500;
  92. }
  93.  
  94. #permalink {
  95. font-family: Century Gothic;
  96. font-size: 9px;
  97. opacity: 0;
  98. left: 0px;
  99. filter: alpha (opacity=0);
  100. position: absolute;
  101. bottom: -20px;
  102. text-align: center;
  103. padding-right: 5px;
  104. {block:IfSmallerPosts}width: 250px;{/block:IfSmallerPosts}
  105. {block:IfNotSmallerPosts}width: 500px;{/block:IfNotSmallerPosts}
  106. background-color:{color:Posts};
  107. background-image: url('{image:Post Box Background}');
  108. -webkit-transition: all 0.6s ease;
  109. -moz-transition: all 0.6s ease;
  110. -o-transition: all 0.6s ease;
  111.  
  112. }
  113.  
  114. #lineup:hover #permalink {
  115. background-image: url('{image:Post Box Background}');
  116. background-color:{color:Posts};
  117. opacity: 1;
  118. filter: alpha (opacity=1);
  119. {block:IfSmallerPosts}width: 250px;{/block:IfSmallerPosts}
  120. {block:IfNotSmallerPosts}width: 500px;{/block:IfNotSmallerPosts}
  121. bottom: 0px;
  122. -webkit-transition: all 0.6s ease;
  123. -moz-transition: all 0.6s ease;
  124. -o-transition: all 0.6s ease;
  125. }
  126.  
  127.  
  128. .answer {
  129. background-color: {color:Answer Background};
  130. padding-top: 1px;
  131. padding-bottom: 1px;
  132. padding-left: 10px;
  133.  
  134. }
  135.  
  136. #header {
  137. text-align: center;
  138. font-family: "existence light unicase";
  139. font-size: 30px;
  140. letter-spacing: {text:Title letter spacing};
  141. background-color: {color:Title Background};
  142. color: {color:Title};
  143. text-shadow: 1px 1px 1px #C4C4C4;
  144. font-weight: lighter;
  145.  
  146. }
  147.  
  148.  
  149. a.perma {
  150. color: {color:Links};
  151.  
  152. }
  153.  
  154. a.perma:hover {
  155. color: {color:Links hover};
  156. }
  157.  
  158. .story {
  159. font-family: "existence light unicase";
  160. font-size: 18px;
  161. color: {color:Post Title};
  162. background-color: {color:Link Highlights};
  163. text-align: center;
  164. text-shadow: 1px 1px 1px #C4C4C4;
  165. }
  166.  
  167.  
  168. #lineup img {max-width: 100%;}
  169.  
  170. .quote {
  171. font-family: "existence light unicase";
  172. font-size: 14px;
  173. font-style: italic;
  174. color: {color:Quote};
  175. }
  176.  
  177. blockquote {
  178. border-left: 3px solid;
  179. color: {color:Blockquote};
  180. padding: 3px;
  181. }
  182.  
  183. .tags {
  184. padding: 3px;
  185. }
  186.  
  187. a {
  188. color:{color:Links};
  189. font-family:"existence light unicase";
  190. font-size: 10px;
  191. -webkit-transition: all 0.5s ease;
  192. -moz-transition: all 0.5s ease;
  193. -o-transition: all 0.5s ease;
  194. text-decoration: none;
  195. }
  196.  
  197. a:hover {
  198. color:{color:Links hover};
  199. font-family:"existence light unicase";
  200. font-size: 10px;
  201. -webkit-transition: all 0.4s ease-out;
  202. -moz-transition: all 0.4s ease-out;
  203. transition: all 0.4s ease-out;
  204. background-color: {color:Link Highlights};
  205.  
  206. }
  207.  
  208. ::-webkit-scrollbar-thumb:vertical {
  209. background-color:{color:ScrollBar};
  210. border-top:2px solid {color:ScrollBar};
  211. border-bottom:2px solid {color:ScrollBar};
  212. height:auto;
  213. }
  214.  
  215. ::-webkit-scrollbar-thumb:vertical:hover{
  216. background-color:{color:ScrollBar};
  217. }
  218.  
  219.  
  220.  
  221. ::-webkit-scrollbar-thumb:horizontal{
  222. background-color:{color:ScrollBar};
  223. height:auto;
  224. }
  225.  
  226. ::-webkit-scrollbar-thumb:horizontal:hover{
  227. background-color:{color:ScrollBar};
  228. }
  229.  
  230.  
  231.  
  232. ::-webkit-scrollbar{
  233. height:6px;
  234. width:6px;
  235. background-color: {color:ScrollBar Background};
  236. }
  237.  
  238. .topp {
  239. font-family: consolas;
  240. font-size: 10px;
  241. }
  242.  
  243. #scrollToTop:link,
  244. #scrollToTop:visited {
  245. color: #000000;
  246. background-color: transparent;
  247. display: none;
  248. position: fixed;
  249. bottom: 10px;
  250. right: 10px;
  251. }
  252.  
  253. .exo{
  254. margin-left: 25px;
  255. top:100px;
  256. font-family:trebuchet ms;
  257. position: fixed;
  258. font-size: 9px;
  259. background-color: {color:Description Background};
  260. background-image: url('{image:Description Background}');
  261. width: 250px;
  262. text-align: center;
  263. z-index:999;
  264. }
  265.  
  266. #whee{
  267. }
  268.  
  269.  
  270. .navi a{
  271. float: left;
  272. width: 150px;
  273. height: 5px;
  274. border-left: 10px solid {color:Nav Links};
  275. padding-left:5px;
  276.  
  277. color: {color:Nav Links};
  278. margin-left: 0px;
  279. padding-right: 5px;
  280. margin-top: 2px;
  281. padding-bottom: 5px;
  282. text-align: left;
  283. font-family: trebuchet ms;
  284. font-size: 8px;
  285. letter-spacing:1px;
  286. padding-top: 5px; z-index:1;}
  287. .navi a:hover{
  288. float: left;
  289. width: 170px;
  290. height: 5px;
  291. font-family:trebuchet ms;
  292. background-color: {color:Nav Links Hover};
  293. color: {color:Nav font hover};
  294. margin-right: 0px;
  295. padding-left: 5px;
  296. margin-top: 2px;
  297. text-align: left;
  298. padding-left: 5px;
  299. border-left: 70px solid {color:Nav Links Hover};
  300. letter-spacing:2px;
  301. -webkit-transition: all 0.5s ease;
  302. -moz-transition: all 0.5s ease;
  303. -o-transition: all 0.5s ease;
  304. padding-top: 5px; z-index:1;}
  305.  
  306. .navbar {
  307. width:250px;
  308. height:20px;
  309. overflow:hidden;
  310. -webkit-transition: all 2s ease;
  311. -moz-transition: all 2s ease;
  312. -o-transition: all 2s ease
  313. }
  314. .navbar:hover{
  315. height: 150px;
  316. overflow: auto;
  317. }
  318. .visible_label a {
  319. font-family:trebuchet ms;
  320. font-size:10px;
  321. text-align: center;
  322. background-color: #transp;
  323. color: #000000;
  324. width: 225px;
  325. display:block;
  326. }
  327. .invisible_label a{
  328. font-family:trebuchet ms;
  329. font-size:10px;
  330. text-align: center;
  331. background-color: #transp;
  332. color: #000000;
  333. -webkit-transition: all 0.8s ease;
  334. -moz-transition: all 0.8s ease;
  335. -o-transition: all 0.8s ease;
  336. display:block;
  337. padding:0px;
  338. }
  339. .invisible_label a:hover{
  340. background-color: #f8f8f8;
  341. color: #transp;
  342. }
  343. iframe#tumblr_controls {
  344. top: 0% !important;
  345. right:0% !important;
  346. position: fixed !important;}
  347.  
  348.  
  349. {CustomCSS}
  350.  
  351. </style>
  352.  
  353. {Block:IfInfiniteScrolling}
  354. <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>
  355. {/Block:IfInfiniteScrolling}
  356.  
  357. </head>
  358.  
  359. <body>
  360. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
  361. <script src="http://static.tumblr.com/ikeq9mi/DfYl6o46t/scrolltotop.min.js"></script>
  362.  
  363. <div class="topp">
  364. <a href="javascript:;" id="scrollToTop"><font size="3"><font color="#000000">Back to Top</font></font></a>
  365. </div>
  366.  
  367. <div class="exo"><img src="{image:Sidebar}" id="whee" width="250"><br><table width="100%" border="0">
  368. <tr>
  369. <td>
  370. <div class="sidebar">
  371. <div class="navbar">
  372. <div class="visible_label" align="center"><div style="font-family: existence light unicase; font-size: 20px; color: {color:Title};">{title}</div></div>
  373. <div class="invisible_label">
  374. <br>
  375. {description}
  376. </div>
  377. </div>
  378. </td>
  379. </tr>
  380. </table>
  381.  
  382. <div style="border-bottom: 1px dashed {color:Title};"></div><br>
  383. <div class="navi"><a href="/"> Index</a><br></div>
  384. <div class="navi"><a href="/ask"> Message</a><br></div>
  385. <div class="navi"><a href="/archive"> History</a><br></div>
  386. {block:IfLink1}<div class="navi"><a href="{text:Link 1}"> {text:link 1 name}</a><br></div>{/block:IfLink1}
  387. {block:IfLink2}<div class="navi"><a href="{text:Link 2}"> {text:link 2 name}</a><br></div>{/block:IfLink2}
  388. {block:IfLink3}<div class="navi"><a href="{text:Link 3}"> {text:link 3 name}</a><br></div>{/block:IfLink3}
  389. {Block:IfNotInfiniteScrolling}
  390. {block:PreviousPage}
  391. <div class="navi"><a href="{PreviousPage}"> Rewind</a><br></div>
  392. {/block:PreviousPage}
  393. {block:NextPage}
  394. <div class="navi"><a href="{NextPage}"> Fast Foward</a><br></div>
  395. {/block:NextPage}
  396. {/Block:IfNotInfiniteScrolling}
  397. <div class="navi"><a href="http://namunamoo.tumblr.com"> Theme</a><br></div>
  398. </div>
  399.  
  400. {Block:IfInfiniteScrolling}
  401. <div class = "autopagerize_page_element" >
  402. {/Block:IfInfiniteScrolling}
  403.  
  404. {block:Posts}
  405.  
  406. <div id="lineup">
  407.  
  408.  
  409. {block:Text}
  410.  
  411. {block:Title}
  412. <div class="story">
  413. {Title}
  414. </div>
  415. {/block:Title}
  416.  
  417. {Body}
  418.  
  419. {Block:PermalinkPage}
  420.  
  421. Posted {block:Date} {TimeAgo} with {NoteCountWithLabel}{/block:Date}{block:PostNotes} {/block:PostNotes}.
  422. {block:HasTags}
  423. <div class="tags">
  424. tags: {block:Tags}#<a href="{TagURL}">{Tag}</a> {/block:Tags}
  425. </div>
  426. {/block:HasTags}
  427.  
  428. {block:PostNotes}
  429. {PostNotes}
  430. {/block:PostNotes}
  431.  
  432. {/Block:PermalinkPage}
  433.  
  434. {/block:Text}
  435.  
  436.  
  437.  
  438. {block:Photo}
  439.  
  440. {LinkOpenTag}
  441. {block:IfNotSmallerPosts}<img src="{PhotoURL-HighRes}" width="500px" alt="{PhotoAlt}">{/block:IfNotSmallerPosts}
  442. {block:IfSmallerPosts}<img src="{PhotoURL-HighRes}" width="250px" alt="{PhotoAlt}">{/block:IfSmallerPosts}
  443. {LinkCloseTag}
  444.  
  445. {Block:PermalinkPage}
  446. {block:Caption}
  447. {Caption}
  448. {/block:Caption}
  449.  
  450. Posted {block:Date} {TimeAgo} with {NoteCountWithLabel}{/block:Date}{block:PostNotes} {/block:PostNotes}.
  451.  
  452. {block:HasTags}
  453. <div class="tags">
  454. tags: {block:Tags}#<a href="{TagURL}">{Tag}</a> {/block:Tags}
  455. </div>
  456. {/block:HasTags}
  457.  
  458. {block:PostNotes}
  459. <div style="height:200px; text-align:left;overflow:auto;border-top:1px {color:Border};">
  460. {PostNotes}</div>
  461. {/block:PostNotes}
  462.  
  463.  
  464. {/Block:PermalinkPage}
  465.  
  466. {/block:Photo}
  467.  
  468.  
  469.  
  470. {block:Photoset}
  471.  
  472. {block:IfNotSmallerPosts}{Photoset-500}{/block:IfNotSmallerPosts}
  473. {block:IfSmallerPosts}{Photoset-250}{/block:IfSmallerPosts}
  474.  
  475. {Block:PermalinkPage}
  476. {block:Caption}
  477. {Caption}
  478. {/block:Caption}
  479.  
  480. Posted {block:Date} {TimeAgo} with {NoteCountWithLabel}{/block:Date}{block:PostNotes} {/block:PostNotes}.
  481.  
  482. {block:HasTags}
  483. <div class="tags">
  484. tags: {block:Tags}#<a href="{TagURL}">{Tag}</a> {/block:Tags}
  485. </div>
  486. {/block:HasTags}
  487.  
  488. {block:PostNotes}
  489. {PostNotes}
  490. {/block:PostNotes}
  491.  
  492. {/Block:PermalinkPage}
  493.  
  494. {/block:Photoset}
  495.  
  496.  
  497.  
  498. {block:Quote}
  499.  
  500. <div class="quote">
  501. <div style="font-size: 30px; display: inline-block; line-height: 0px; margin-bottom: -3px; margin-right: 3px;">❝</div>{Quote}
  502. </div>
  503.  
  504. {block:Source}
  505. <div style="text-align:right">—{Source}</div>
  506. {/block:Source}
  507.  
  508. {Block:PermalinkPage}
  509. Posted {block:Date} {TimeAgo} with {NoteCountWithLabel}{/block:Date}{block:PostNotes} {/block:PostNotes}.
  510. {block:HasTags}
  511. <div class="tags">
  512. tags: {block:Tags}#<a href="{TagURL}">{Tag}</a> {/block:Tags}
  513. </div>
  514. {/block:HasTags}
  515.  
  516. {block:PostNotes}
  517. {PostNotes}
  518. {/block:PostNotes}
  519.  
  520. {/Block:PermalinkPage}
  521.  
  522. {/block:Quote}
  523.  
  524.  
  525.  
  526. {block:Link}
  527.  
  528. <a href="{URL}" {Target}>
  529.  
  530. <div class="story"><div style="margin-left:0px">{Name}</div></div>
  531. </a>
  532.  
  533. {block:Description}
  534. {Description}
  535. {/block:Description}
  536.  
  537. {Block:PermalinkPage}
  538. Posted {block:Date} {TimeAgo} with {NoteCountWithLabel}{/block:Date}{block:PostNotes} {/block:PostNotes}.
  539. {block:HasTags}
  540. <div class="tags">
  541. tags: {block:Tags}#<a href="{TagURL}">{Tag}</a> {/block:Tags}
  542. </div>
  543. {/block:HasTags}
  544.  
  545. {block:PostNotes}
  546. {PostNotes}
  547. {/block:PostNotes}
  548.  
  549. {/Block:PermalinkPage}
  550.  
  551. {/block:Link}
  552.  
  553.  
  554.  
  555. {block:Chat}
  556.  
  557. {block:Title}
  558. <div class="story">
  559. {Title}
  560. </div>
  561. {/block:Title}
  562.  
  563. {block:Lines}
  564. {block:Label}
  565. <b><font color="{color:Quote}">{Label}</font></b>
  566. {/block:Label}
  567.  
  568. {Line}<br>
  569. {/block:Lines}
  570.  
  571. {Block:PermalinkPage}
  572. Posted {block:Date} {TimeAgo} with {NoteCountWithLabel}{/block:Date}{block:PostNotes} {/block:PostNotes}.
  573. {block:HasTags}
  574. <div class="tags">
  575. tags: {block:Tags}#<a href="{TagURL}">{Tag}</a> {/block:Tags}
  576. </div>
  577. {/block:HasTags}
  578.  
  579. {block:PostNotes}
  580. {PostNotes}
  581. {/block:PostNotes}
  582.  
  583. {/Block:PermalinkPage}
  584.  
  585. {/block:Chat}
  586.  
  587.  
  588.  
  589. {block:Audio}
  590.  
  591. {block:AlbumArt}
  592. <img src="{AlbumArtURL}" align="left" width="100px" height="100px" style="margin-right:5px;margin-bottom:5px;"/>{/block:AlbumArt}
  593. <div class="audio">{AudioPlayerWhite}</div>
  594. {block:Caption}{Caption}{/block:Caption}
  595.  
  596. <p>{PlayCountWithLabel}</p>
  597. <br clear="all">
  598.  
  599. {Block:PermalinkPage}
  600. Posted {block:Date} {TimeAgo} with {NoteCountWithLabel}{/block:Date}{block:PostNotes} {/block:PostNotes}.
  601. {block:HasTags}
  602. <div class="tags">
  603. tags: {block:Tags}#<a href="{TagURL}">{Tag}</a> {/block:Tags}
  604. </div>
  605. {/block:HasTags}
  606.  
  607. {block:PostNotes}
  608. {PostNotes}
  609. {/block:PostNotes}
  610.  
  611. {/Block:PermalinkPage}
  612.  
  613.  
  614. {/block:Audio}
  615.  
  616.  
  617.  
  618. {block:Video}
  619.  
  620. {block:IfNotSmallerPosts}{Video-500}{/block:IfNotSmallerPosts}
  621. {block:IfSmallerPosts}{Video-250}{/block:IfSmallerPosts}
  622.  
  623. {Block:PermalinkPage}
  624. {block:Caption}
  625. {Caption}
  626. {/block:Caption}
  627.  
  628. Posted {block:Date} {TimeAgo} with {NoteCountWithLabel}{/block:Date}{block:PostNotes} {/block:PostNotes}.
  629. {block:HasTags}
  630. <div class="tags">
  631. tags: {block:Tags}#<a href="{TagURL}">{Tag}</a> {/block:Tags}
  632. </div>
  633. {/block:HasTags}
  634.  
  635. {block:PostNotes}
  636. {PostNotes}
  637. {/block:PostNotes}
  638.  
  639. {/Block:PermalinkPage}
  640.  
  641. {/block:Video}
  642.  
  643.  
  644.  
  645. {block:Answer}
  646.  
  647. <img src="{AskerPortraitURL-16}">&nbsp;<b>{Asker}</b> whispered: {Question}<div class="answer">{Answer}</div>
  648.  
  649. {Block:PermalinkPage}
  650. Posted {block:Date} {TimeAgo} with {NoteCountWithLabel}{/block:Date}{block:PostNotes} {/block:PostNotes}.
  651. {block:HasTags}
  652. <div class="tags">
  653. tags: {block:Tags}#<a href="{TagURL}">{Tag}</a> {/block:Tags}
  654. </div>
  655. {/block:HasTags}
  656.  
  657. {block:PostNotes}
  658. {PostNotes}
  659. {/block:PostNotes}
  660.  
  661. {/Block:PermalinkPage}
  662.  
  663. {/block:Answer}
  664.  
  665. {Block:IndexPage}<div id="permalink">
  666. <a href="{Permalink}" class="perma">
  667. {NoteCountWithLabel}
  668.  
  669. </a>
  670. <font color="{color:Links}">&#9632;</font>&nbsp; <a href="{ReblogURL}" target="_blank"> reblog</a>
  671. </div>
  672. </div>{/Block:IndexPage}
  673.  
  674. {/block:Posts}{Block:IfInfiniteScrolling}</div>{/Block:IfInfiniteScrolling}
  675. </body>
  676. </html>
Add Comment
Please, Sign In to add comment
Public Pastes
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!