API tools faq
paste
Advertisement
sadmilks

Umi thm.06

sadmilks
Feb 2nd, 2014
824
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 15.31 KB | None | 0 0
raw download clone embed print report
  1. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  2. <!--
  3.  
  4. UMI THEME BY JPISM (R-EIORA)
  5.  
  6. { DON'T REMOVE THIS COMMENT AND LEAVE THE CODES ALONE PLS }
  7.  
  8. //*insp by http://engrampixel.tumblr.com*//
  9. //*music player insp by http://gyapo.tumblr.com*//
  10.  
  11. -->
  12. <html>
  13. <head>
  14. <title>{Title}</title>
  15. <link rel="shortcut icon" href="{Favicon}">
  16. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  17. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  18.  
  19. <meta name="color:background" content="" />
  20. <meta name="color:txt" content="#000" />
  21. <meta name="color:links" content="#858585" />
  22. <meta name="color:links hover" content="#858585" />
  23. <meta name="color:txt shadow" content="#999" />
  24. <meta name="color:perma bg" content="#000" />
  25. <meta name="color:perma txt" content="#fff" />
  26. <meta name="color:scrllbar" content="#fff" />
  27.  
  28. <meta name="image:background" content="http://static.tumblr.com/palmvjm/NWimukcpo/bg.dt.png" />
  29. <meta name="image:totoro img" content="http://static.tumblr.com/palmvjm/s7Smujc4d/ghb.gif" />
  30. <meta name="image:bottom brdr" content="http://static.tumblr.com/mcvceax/ntHmshm40/awh.png" />
  31. <meta name="image:music player img" content="http://static.tumblr.com/rltvkjt/jwflmr3vh/marcadores71.gif" />
  32.  
  33. <meta name="text:link1" content="/" />
  34. <meta name="text:link2" content="/" />
  35. <meta name="text:linktitle1" content="link one" />
  36. <meta name="text:linktitle2" content="link two" />
  37.  
  38. <meta name="if:bottom brdr" content="1" />
  39. <meta name="if:music player" content="1"/>
  40.  
  41. <style type="text/css">
  42. @font-face {font-family: 'pix';font-style: normal;font-weight: normal;src: local('pix'), url('http://static.tumblr.com/s4afcug/sJzmj12zk/pix-webfont.woff') format('woff');}@font-face {font-family:"bitxmap"; src: url("http://static.tumblr.com/ofgksh6/md0mkd9yd/bitxmap_font_tfb.ttf")}@import url(http://static.tumblr.com/6hsqxdt/md2mgu4of/tinytots.css);
  43.  
  44. iframe#tumblr_controls {right:3px !important; z-index:999999;
  45. position: fixed !important;
  46. opacity: 0;
  47. -webkit-filter:invert(1);
  48. filter:alpha(opacity=0);
  49. -moz-opacity: 0;
  50. -khtml-opacity: 0;
  51. -webkit-transition: all 0.9s ease;
  52. -moz-transition: all 0.9s ease;
  53. -o-transition: all 0.9s ease;}
  54. iframe#tumblr_controls:hover{
  55. opacity: 1;
  56. filter:alpha(opacity=100);
  57. -moz-opacity: 1;
  58. -khtml-opacity: 1;
  59. -webkit-transition: all 0.9s ease;
  60. -moz-transition: all 0.9s ease;
  61. -o-transition: all 0.9s ease;}
  62.  
  63. ::-webkit-scrollbar-thumb:vertical {background:{color:scrllbar};border:solid 1px #000;width: 5px;}
  64. ::-webkit-scrollbar {width: 10px; background:transparent;height: auto;}
  65.  
  66. body{font:9px tinytots;font-style:italic;text-align:justify;text-transform:lowercase;color:{color:txt};margin:0px;background: #fff url('{image:background}') fixed;}
  67.  
  68. a {cursor:normal;text-decoration:none;color:{color:links};-webkit-transition:all 0.4s ease-in-out;-moz-transition:all 0.4s ease-in-out;-o-transition:all 0.4s ease-in-out;transition:all 0.4s ease-in-out;}
  69.  
  70. a:hover {color:{color:links hover}; text-shadow:1px 1px 1px {color:txt shadow};-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
  71.  
  72. #all {margin:auto;}
  73.  
  74. #posts {margin-left:270px;float: left;background:#fff;padding-top:20px;height:50%;overflow:auto;position:fixed;margin-bottom:80px;margin-top:60px;width:270px;{block:permalinkpage}width:295px;margin-bottom:-20px;margin-left:260px;{/block:permalinkpage}}
  75.  
  76. .po {background:transparent;padding:17px;margin:15px;float:left;{block:indexpage}width:200px;float:left;{/block:indexpage}{block:permalinkpage}padding:2px 5px;margin-top:3px;width:250px;margin-top:5px;margin-left:24px;font-size:9px;{/block:permalinkpage} float:none; padding-bottom:1px;}
  77.  
  78. .brdr {{block:ifbottombrdr}background:url('{image:bottom brdr}');padding:2px 4px;margin-top:3px;{/block:ifbottombrdr}}
  79.  
  80. #txt {text-align:left;padding:7px;overflow:hidden;background:transparent;width:100%;{block:permalinkpage}width:500px;{/block:permalinkpage}}
  81.  
  82. #txt a{width:100%;{block:permalinkpage}width:500px;{/block:permalinkpage}}
  83.  
  84. #ph {width:200px;overflow:hidden;-webkit-transition:all 0.4s ease-in-out;-moz-transition:all 0.4s ease-in-out;-o-transition:all 0.4s ease-in-out;transition:all 0.4s ease-in-out;{block:permalinkpage}width:250px;{/block:permalinkpage}}
  85.  
  86. #ph img {width:200px;{block:permalinkpage}width:250px;{/block:permalinkpage}}
  87.  
  88. #per{right:3px;opacity: 0;-webkit-transition: opacity 0.6s linear;-webkit-transition: all 0.6s ease-in-out;-moz-transition: all 0.6s ease-in-out;position:absolute;width: 50px;height; 53px;text-align: center;background-color:{color:perma bg};{block:permalinkpage}display:none;{/block:permalinkpage} }
  89.  
  90. #per a{text-decoration: none;color:{color:perma txt};}
  91.  
  92. .po:hover #per {margin-top:-5px;opacity:1;}
  93.  
  94. .he {font: 9px tinytots; z-index:999999; text-align:left;text-transform:lowercase;font-style: italic;line-height:15px;}
  95.  
  96. .body { }
  97. .body img { {block:indexpage} max-width:100px;{/block:indexpage}{block:permalinkpage}max-width:400px;{/block:permalinkpage} }
  98.  
  99. .qu {font-family:new courier;font-size:10px;font-style:italic;letter-spacing:0px;}
  100. .qu2 {text-align:left;color:#fff;font-family:arial;font-size: 40px;padding: 0px;padding-bottom: 0px;margin-top:-7px;margin-left:-50px;position: relative;float: left;left:40px;width:50px;opacity:0.2;line-height:90%;{block:permalinkpage}color:#fff;{/block:permalinkpage}}
  101. .qusrc {text-align:right;}
  102.  
  103. .le {width:100px;height:80px;}
  104. .le img {width:80px;height:80px;display:block;}
  105.  
  106. .be {background:#fff;width:26px;height:26px;border:1px solid transparent;margin:25px;overflow: hidden; z-index: 9999; opacity: 0.5; }
  107. .button {margin-top:-23px;margin-left: -32px;width:10px;height:15px;background:none;position:absolute;z-index:8;-webkit-transition:all 0.4s ease-in-out;-moz-transition:all 0.4s ease-in-out;-o-transition:all 0.4s ease-in-out;transition:all 0.4s ease-in-out;}
  108. .po:hover .button {opacity:.75;}
  109.  
  110. .ri {float:right;margin:-78px 0 0 0;margin-right:-10px;{block:indexpage}width:180px;{/block:indexpage}{block:permalinkpage}width:450px;{/block:permalinkpage}}
  111.  
  112. #ppage{margin-top:5px;padding:0 5px 5px 5px;}
  113.  
  114. .nav {font:8px consolas;text-transform:uppercase;letter-spacing:1px;margin-top:5px;display:none;}
  115.  
  116. ol.notes li.note {padding:5px;z-index: 999;}
  117. ol.notes {margin-left: -30px; max-height: 70px; width:220px; overflow: auto; margin-top: 20px; margin-bottom: 30px;background:transparent;}
  118. img.avatar {display:none!important;}
  119.  
  120. blockquote { padding-left:5px;padding-right:5px;margin-left:0px; margin-right:5px;border-left:0px solid #888;width:180px;border-right: 0px solid #888;overflow: hidden;}
  121.  
  122. /* side codes (´･ω･`)*/
  123. #s-m-t-tooltip{ margin-left:15px; font:9px/8px tinytots; text-transform:lowercase; letter-spacing:1px; padding:2px 2px; font-style:italic; background:#000; color:#fff;margin: 22px 14px 7px 12px;}
  124.  
  125. #umi{width:160px;position:fixed;top:-80px;padding:2px;margin-left:10px;}
  126.  
  127. #koko{width:160px;opacity:0.9;;position:fixed;top:-2px;padding:2px;margin-left:293px;}
  128.  
  129. .pgi {position:fixed;display:block;width:120px; margin:auto;left:540px;color:#000;bottom:200px;font-family:tinytots;font-size:10px;font-weight:;background:url('');}.pgi a {color:#000;}.pgi a:hover {text-shadow:1px 1px 1px #999999;-moz-transition:all 0.3s ease-out;-o-transition: all 0.3s ease-out;-webkit-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
  130.  
  131. #sore {width:90px;top:200px;text-align:left;opacity:1;position:fixed;margin-left:630px;z-index:9999;}
  132.  
  133. #sore:hover .bx{opacity:1;margin-top:10px;-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;-webkit-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
  134. .bx{background:url('');width:90px;margin-top:-10px;margin-right:69px;opacity:0;-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;-webkit-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
  135.  
  136. .en {text-align:left;margin-bottom:10px;display:inline-block;width:50px;}
  137. .en a {display:block;font-family:pix;font-size:8px;text-align:left;color:#000;}.en a:hover {color:#333;}
  138.  
  139. #msc{text-align:center;padding:2px;padding-top:4px;margin-top:0px;margin-left:570px;height:13px;width:23px;position:fixed;z-index:999;border-radius:2px;overflow:Hidden;padding-left:4px;padding-right:4px;background-color:#ffffff;-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;-ms-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;}
  140.  
  141. #mscplayer{padding-top:10px;font-family:pix;margin-left:-13px;}
  142. #msc:hover{padding-bottom:30px;}/*end side codes (´･ω･`)*/
  143.  
  144. </style>
  145. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  146. <script type="text/javascript" src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
  147. <script>
  148. (function($){
  149. $(document).ready(function(){
  150. $("[title]").style_my_tooltips();
  151. });
  152. })(jQuery);
  153. </script>
  154.  
  155. <script type="text/javascript">
  156. $(window).load(function () {
  157. $('#posts').masonry(),
  158. $('.masonryWrap').infinitescroll({
  159. navSelector : ".nav a",
  160. // selector for the paged navigation (it will be hidden)
  161. nextSelector : ".nav a",
  162. // selector for the NEXT link (to page 2)
  163. itemSelector : ".po",
  164. // selector for all items you'll retrieve
  165. bufferPx : 10000,
  166. extraScrollPx: 11000,
  167. loadingImg : "http://b.imagehost.org/0548/Untitled-2.png",
  168. loadingText : "<em></em>",
  169. },
  170. // call masonry as a callback.
  171. function() { $('#posts').masonry({ appendedContent: $(this) }); }
  172. );
  173. });
  174. </script>
  175. <script src="toggle.js" type="text/javascript"></script>
  176. <script type="text/javascript">
  177. </script>
  178.  
  179. </head><body>
  180.  
  181. {block:ContentSource} <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}" width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" /> {/block:SourceLogo} {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} --> {/block:ContentSource}<!-- {block:NoRebloggedFrom}
  182. {block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}
  183. {/block:NoRebloggedFrom} -->
  184.  
  185. {block:IndexPage}
  186. {block:ifmusicplayer}
  187. <div id='msc'><center><img src="{image:music player img}"/></center> <div id='mscplayer'><center>{music code here}</center></div></div>{/block:ifmusicplayer}{/block:IndexPage}
  188.  
  189. <div id="umi"><img src="http://static.tumblr.com/palmvjm/Rdpmukcmk/ntbktrns.png"/></a></div><div id="koko"><img src="http://static.tumblr.com/palmvjm/cXkmujbzd/ghbl.gif"/></a></div>
  190.  
  191. <div id="sore">
  192. <div class="yume"><img src="{image:totoro img}"/> {Description}<div style="width:90px;"><div class="brdr"></div></div>
  193. </div>
  194.  
  195. <div class="bx"><div class="en">
  196. <a href="/">home</a>
  197. <a href="/ask">mail</a>
  198. <a href="/archive"> past</a>
  199. <a href="{text:link1}"> {text:linktitle1}</a>
  200. <a href="{text:link2}"> {text:linktitle2}</a>
  201. <div style="width:93px;"><div class="brdr">
  202. </div></div></div>
  203.  
  204. </div></div></div></div>
  205.  
  206. <div id="all"> <div class="nav">
  207.  
  208. </div></div><div id="posts">{block:Posts}<div class="po">
  209. {block:Text}<div id="per"><a href="{permalink}" title="{NoteCount}">{ShortMonth}. {DayOfMonthWithZero} <a href="{ReblogUrl}" title="スキ？"> +</a></a></div><div id="he">{block:Title}<div class="he"> {Title}</div>{/block:Title}<div class="body">{Body}</div></div><div class="brdr"></div><div style="width:100%;"></div>{/block:Text}{block:Source}{/block:Source}
  210.  
  211. {block:Quote}{block:permalinkpage}<div id="qu2"></div>{/block:permalinkpage}<div id="txt"><div class="qu"><span class="qu2"><a href="{permalink}" title="{NoteCount}">❝</a></span>{Quote}</div>{block:Source}<div class="qusrc"><br> </div>{/block:Source}</div><div class="brdr"></div>{/block:Quote}
  212.  
  213. {block:Link}<div id="per"><a href="{permalink}" title="{NoteCount}">{ShortMonth}. {DayOfMonthWithZero}<a href="{ReblogUrl}" title="スキ？">+</a></a></div><div id="txt"><div class="he"><a href="{URL}" target="_blank">&nbsp; {Name}</a></div>{block:permalinkpage}{block:Description}<div class="body">{Description}<div>{/block:Description}{/block:permalinkpage}</div><div class="brdr"></div>{/block:Link}
  214.  
  215. {block:Chat}<a href="{Permalink}">{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}{block:Label}<font color="{color:link}"><b>{Label}</b></font> {Line}<br>{/block:Label}{/block:Lines}</a><div class="brdr"></div>{/block:Chat}
  216.  
  217. {block:Audio}<div id="per"><a href="{permalink}" title="{NoteCount}">{ShortMonth}. {DayOfMonthWithZero}<a href="{ReblogUrl}" title="スキ？">+</a></a></div><div id="txt">{block:AudioEmbed}<div style="margin:0 -15px 0 -5px;">{block:indexpage}{AudioEmbed-250}{/block:indexpage}{block:permalinkpage}{AudioEmbed-500}{/block:permalinkpage}</div>{/block:AudioEmbed}{block:AudioPlayer}<div class="le"><div class="button">
  218. <div class="be">{AudioPlayerWhite}</div></div></div><div class="ri">
  219. {block:TrackName}{TrackName}<br>{/block:TrackName}{block:Artist}<b></b> {Artist}<br>{/block:Artist}</div>{/block:AudioPlayer}{block:permalinkpage}{block:Caption}<div class="body">{Caption}</div>{/block:Caption}{/block:permalinkpage}</div><div class="brdr"></div>{/block:Audio}
  220.  
  221. {block:Answer}<div id="per"><a href="{permalink}" title="{NoteCount}">{ShortMonth}. {DayOfMonthWithZero}<a href="{ReblogUrl}" title="スキ？">+</a></a></div><div id="txt"><div class="qu">{Question}</div><div class="qusrc">&nbsp;{Asker} </div></div><div class="body">{Answer}</div><div class="brdr"></div>{/block:Answer}
  222.  
  223. {block:Photo}<div id="ph"><a href="{permalink}" title="{NoteCount}">{block:permalinkpage}{LinkOpenTag}{/block:permalinkpage}{block:indexpage}{/block:indexpage}<img src="{PhotoURL-500}"></a>{LinkCloseTag}{block:permalinkpage}{block:HighRes}{/block:HighRes}{block:Caption}<div class="body">{Caption}</div>{/block:Caption}{/block:permalinkpage}</div><div class="brdr"></div>{/block:Photo}
  224.  
  225. {block:Photoset}<div id="ph">{block:indexpage}{block:Photos}<a href="{Permalink}" title="{NoteCount}">{/block:indexpage}<img src="{PhotoURL-250}"></a>{/block:Photos}{/block:indexpage}{block:permalinkpage}{Photoset-250}{block:Caption}<div class="body">{Caption}</div>{/block:Caption}{/block:permalinkpage}</div><div class="brdr"></div>{/block:Photoset}
  226.  
  227. {block:Video}<div id="per"><a href="{permalink}" title="{NoteCount}">{ShortMonth}. {DayOfMonthWithZero}<a href="{ReblogUrl}" title="スキ？">+</a></a></div><div id="ph">{block:indexpage}{Video-250}{/block:indexpage}{block:permalinkpage}{Video-400}{PlayCountWithLabel}<br>{block:Caption}<div class="body">{Caption}</div>{/block:Caption}{/block:permalinkpage}</div><div class="brdr"></div>{/block:Video}
  228.  
  229. {block:permalinkpage}
  230. <div id="ppage">
  231.  
  232. <br><span style="font:9px font-family:; text-transform:lowercase; letter-spacing:1px;font-style:normal;margin-left:2px;">{block:RebloggedFrom}<a href="{ReblogParentURL}" title="{ReblogParentName}; {ReblogParentTitle}"> via</a> . <a href="{ReblogRootURL}" title="{ReblogRootName}; {ReblogRootTitle}">source</a>{/block:RebloggedFrom}
  233. <br> {block:HasTags}filed: {block:Tags} <a href="{TagURL}"> #{Tag}</a>, {/block:Tags}{/block:HasTags}</span>
  234.  
  235. <p>{block:PostNotes}{PostNotes}{/block:PostNotes}
  236. </div>{/block:permalinkpage}</div>{/block:Posts}</p>
  237.  
  238. <div class="pgi">{block:PreviousPage}<a href="{PreviousPage}"> <div style="float:left; margin-left:-30px;"><div style="width:;background:url('';">↩ </a></div>{/block:PreviousPage} {block:NextPage} <div style="float:left; margin-left:5px;"><div style="float:right;"><a href="{NextPage}"> ↪</a></div>{/block:NextPage}
  239.  
  240. </div></div></div>
  241.  
  242. </body>
  243.  
  244. </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!