API tools faq
paste
cloverfield

t#6 window

cloverfield
Oct 10th, 2014
9,350
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 33.36 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html> <!--
  2.  
  3.  
  4.  
  5. > theme 06:window by 01kido
  6. > thanks for using and please keep credit intact!
  7.  
  8.  
  9.  
  10. --><html> <head> <title>{Title}</title>
  11. <link rel="shortcut icon" href="{image:favicon}"/>
  12. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  13. {block:Description}
  14. <meta name="description" content="{MetaDescription}" />
  15. {/block:Description}
  16. <meta name="image:favicon" content=""/>
  17. <meta name="image:cursor" content="http://i.imgur.com/BJn1PCh.png"/>
  18. <meta name="image:background" content=""/>
  19. <meta name="image:sidebar 1" content=""/>
  20. <meta name="image:sidebar 2" content=""/>
  21. <meta name="image:side pic" content=""/>
  22. <meta name="color:background" content="#f9f9f9"/>
  23. <meta name="color:posts" content="#fff"/>
  24. <meta name="color:border" content="#aaa"/>
  25. <meta name="color:sidebar" content="#fff"/>
  26. <meta name="color:sidebar border" content="#aaa"/>
  27. <meta name="color:menu" content="#fff"/>
  28. <meta name="color:text" content="#555"/>
  29. <meta name="color:sidebar text" content="#555"/>
  30. <meta name="color:select text" content="#8fe99e"/>
  31. <meta name="color:accent" content="#f7f7f7"/>
  32. <meta name="color:accent text" content="#555"/>
  33. <meta name="color:accent border" content="#eaeaea"/>
  34. <meta name="color:links" content="#ffafef"/>
  35. <meta name="color:links hover" content="#af91ef"/>
  36. <meta name="color:links hover bg" content="#eaf6ff"/>
  37. <meta name="color:sidebar links" content="#ffb4ef"/>
  38. <meta name="color:sidebar links hover" content="#af97ef"/>
  39. <meta name="color:sidebar links hover bg" content="#edf5e8"/>
  40. <meta name="color:permalinks" content="#fff"/>
  41. <meta name="color:permalinks border" content="#aaa"/>
  42. <meta name="color:permalinks hover" content="#000"/>
  43. <meta name="color:update tab" content="#fff"/>
  44. <meta name="color:update tab text" content="#555"/>
  45. <meta name="color:update tab border" content="#aaa"/>
  46. <meta name="color:scrollbar" content="#000"/>
  47. <meta name="color:scrollbar bg" content="#fff"/>
  48. <meta name="color:blockquote" content="#def3c7"/>
  49. <meta name="color:chat 1" content="#f7f7f7"/>
  50. <meta name="color:chat 2" content="#f2f2f2"/>
  51. <meta name="if:400px posts" content="1"/>
  52. <meta name="if:300px posts" content="0"/>
  53. <meta name="if:250px posts" content="0"/>
  54. <meta name="if:posts center" content="1"/>
  55. <meta name="if:posts left" content="0"/>
  56. <meta name="if:posts right" content="0"/>
  57. <meta name="if:rounded posts" content="1"/>
  58. <meta name="if:rounded sidebar" content="1"/>
  59. <meta name="if:rounded update tab" content="1"/>
  60. <meta name="if:show captions" content="1"/>
  61. <meta name="if:show tags" content="1"/>
  62. <meta name="if:background cover" content="0"/>
  63. <meta name="if:infinite scroll" content="0"/>
  64. <meta name="if:update tab" content="1"/>
  65. <meta name="if:update tab right" content="0"/>
  66. <meta name="if:side image right" content="0"/>
  67. <meta name="if:extra border top" content="0"/>
  68. <meta name="if:faded images" content="1"/>
  69. <meta name="if:custom cursor" content="1"/>
  70. <meta name="if:quote thing" content="1"/>
  71. <meta name="if:sidebar 1" content="1"/>
  72. <meta name="if:sidebar 2" content="0"/>
  73. <meta name="if:sidebar 3" content="0"/>
  74. <meta name="if:link 1" content="0"/>
  75. <meta name="if:link 2" content="0"/>
  76. <meta name="if:link 3" content="0"/>
  77. <meta name="if:link 4" content="0"/>
  78. <meta name="select:font" content="arial"/>
  79. <meta name="select:font" content="consolas"/>
  80. <meta name="select:font" content="inconsolata"/>
  81. <meta name="select:font" content="trebuchet ms"/>
  82. <meta name="select:font" content="lucida console"/>
  83. <meta name="select:font" content="century gothic"/>
  84. <meta name="select:font" content="courier new"/>
  85. <meta name="select:font" content="ms gothic"/>
  86. <meta name="text:update tab title" content="updates"/>
  87. <meta name="text:update tab content" content="stuff here"/>
  88. <meta name="text:font size" content="11px"/>
  89. <meta name="text:menu" content="navigation"/>
  90. <meta name="text:reblog" content="reblog"/>
  91. <meta name="text:tags" content="#"/>
  92. <meta name="text:sidebar top" content="40px"/>
  93. <meta name="text:sidebar left" content="-170px"/>
  94. <meta name="text:link 1" content="/"/>
  95. <meta name="text:link 2" content="/"/>
  96. <meta name="text:link 3" content="/"/>
  97. <meta name="text:link 4" content="/"/>
  98. <meta name="text:link 1 title" content="link 1"/>
  99. <meta name="text:link 2 title" content="link 2"/>
  100. <meta name="text:link 3 title" content="link 3"/>
  101. <meta name="text:link 4 title" content="link 4"/>
  102.  
  103. <link href='http://fonts.googleapis.com/css?family=Inconsolata' rel='stylesheet' type='text/css'><script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script><script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script><script>(function($){$(document).ready(function(){$("[title]").style_my_tooltips({tip_follows_cursor:true,tip_delay_time:90,tip_fade_speed:0,attribute:"title"});});})(jQuery);</script> <style type="text/css">
  104.  
  105. iframe#tumblr_controls { position:fixed; margin:0px; padding:0px; -webkit-filter: invert(100%); -moz-filter: invert(100%); -o-filter: invert(100%); -ms-filter: invert(100%); filter: invert(100%); right:0px; opacity:0.1; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition:all 0.5s ease-in-out; } iframe#tumblr_controls:hover { opacity:0.5; }
  106.  
  107. {block:ifcustomcursor} *, body { cursor: url({image:cursor}), auto; } {/block:ifcustomcursor}
  108.  
  109. .tooltip { display:inline; position:relative; }
  110.  
  111. #s-m-t-tooltip { max-width:300px; padding:1px 3px 1px 3px; margin:0px 20px; background:rgba(255,255,255,0.8); border:1px solid #eee; letter-spacing:2px; color:#aaa; text-shadow:1px 1px #fff; z-index:999999; word-wrap:break-word; font-style:italic; font-size:9px; font-family:arial; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; }
  112.  
  113. ::selection { color:{color:select text}; }
  114. ::-moz-selection { color:{color:select text}; }
  115.  
  116. ::-webkit-scrollbar { width:5px; height:0px; }
  117. ::-webkit-scrollbar-track { border:2px solid {color:scrollbar bg}; background:{color:scrollbar}; }
  118. ::-webkit-scrollbar-thumb { background: {color:scrollbar}; border:1px solid {color:scrollbar bg}; }
  119.  
  120. body { font-family:{select:font}; font-size:{text:font size}; font-weight:100; line-height:15px; letter-spacing:1px; color:{color:text}; background:{color:background}; word-wrap:break-word; background-image:url('{image:background}'); background-attachment:fixed; -webkit-animation:fadein 1s; -moz-animation:fadein 1s; -ms-animation:fadein 1s; -o-animation:fadein 1s; animation:fadein 1s; {block:ifbackgroundcover} -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover; {/block:ifbackgroundcover} }
  121.  
  122. @keyframes fadein {from {opacity:0} to {opacity:1} } @-moz-keyframes fadein {from {opacity:0} to {opacity:1} } @-webkit-keyframes fadein {from {opacity:0} to {opacity:1} } @-ms-keyframes fadein {from {opacity:0} to {opacity:1} } @-o-keyframes fadein { from {opacity:0} to {opacity:1} }
  123.  
  124. p { margin: 0px 0px 4px 0px; } ol, ul { margin:10px 0px 10px 30px; padding:0px; } br { margin:7px 0px; }
  125.  
  126. a { text-decoration:none; color:{color:links}; border-bottom:1px solid transparent; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; }
  127.  
  128. a:hover { color:{color:links hover}; border-bottom:1px dotted {color:links hover}; background:{color:links hover bg}; }
  129.  
  130. blockquote { margin:6px 0px; border-left:3px double {color:blockquote}; padding-left:10px; } pre { font-family:consolas; font-size:10px; letter-spacing:1px; background:rgba(220,220,220,0.1); padding:0px 3px;} b, #url, #titles, strong, h1 { text-shadow:1px 1px rgba(220,220,220,0.4) } #cap { margin-top:10px; } h1, big { font-size:12px; } small { font-size:9px; }
  131.  
  132. #titles { font-size:12px; font-weight:bold; text-align:center; margin-bottom:10px; color:{color:titles}; }
  133.  
  134. #content { {block:ifpostscenter} margin:auto; {/block:ifpostscenter} {block:ifpostsleft} margin-left:140px; {/block:ifpostsleft} {block:ifpostsright} float:right; margin-right:150px; {/block:ifpostsright} {block:if250pxposts} width:282px; {/block:if250pxposts} {block:if300pxposts} width:332px; {/block:if300pxposts} {block:if400pxposts} width:432px; {/block:if400pxposts} }
  135.  
  136. #sidebar { color:{color:sidebar text}; position:fixed; margin:{text:sidebar top} 0px 0px {text:sidebar left}; z-index:2; }
  137.  
  138. #sb { padding:9px; border:1px solid {color:sidebar border}; background:{color:sidebar}; {block:ifroundedsidebar} {block:ifnotsidebar2} -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; {/block:ifnotsidebar2} {/block:ifroundedsidebar} {block:ifsidebar2} border-bottom:none; padding-bottom:10px; {block:ifroundedsidebar} -webkit-border-top-left-radius: 5px; -moz-border-top-left-radius: 5px; border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-top-right-radius: 5px; border-top-right-radius: 5px; {/block:ifroundedsidebar} {/block:ifsidebar2} }
  139.  
  140. #glass { width:100px; height:100px; border:1px solid {color:sidebar}; background-image:url('{image:sidebar 2}'); -moz-background-size:100px 100px; -webkit-background-size:100px 100px; -o-background-size:100px 100px; background-size:100px 100px; overflow:hidden; }
  141.  
  142. #glass, #ds { {block:ifroundedsidebar} -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; {/block:ifroundedsidebar} }
  143.  
  144. #window, #pane { width:50px; height:100px; background:{color:sidebar}; overflow:hidden; -webkit-transition: all 0.9s ease-in-out; -moz-transition: all 0.9s ease-in-out; -o-transition: all 0.9s ease-in-out; transition: all 0.9s ease-in-out; } #window img, #pane img { width:100px; height:100px; pointer-events:none; }
  145.  
  146. #window { } #glass:hover #window { margin-left:-50px; } #pane { margin:-100px 0px 0px 50px; } #glass:hover #pane { margin-left:100px; } #pane img { margin-left:-50px; }
  147.  
  148. #ds { width:100px; padding:10px; background:{color:sidebar}; border:1px solid {color:sidebar border}; margin-top:15px; text-align:center; }
  149.  
  150. #des { margin-bottom:10px; }
  151.  
  152. #menu { background:{color:menu}; font-size:9px; font-family:arial; letter-spacing:2px; max-height:15px; text-align:center; border:1px solid {color:sidebar border}; overflow:hidden; -webkit-transition: all 0.8s ease-out; -moz-transition: all 0.8s ease-out; -o-transition: all 0.8s ease-out; transition: all 0.8s ease-out; {block:ifroundedsidebar} -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; {/block:ifroundedsidebar} }
  153. #menu:hover { max-height:140px; -webkit-transition: all 0.8s ease-in-out; -moz-transition: all 0.8s ease-in-out; -o-transition: all 0.8s ease-in-out; transition: all 0.8s ease-in-out; }
  154.  
  155. .m { border-bottom:1px solid {color:sidebar border}; color:{color:sidebar links}; line-height:15px; }
  156.  
  157. .l { margin:0px; } .lorelei { color:{color:sidebar links}; line-height:10px; display:block; padding:3px 5px; border:none; } .lorelei:hover { background:{color:sidebar links hover bg}; color:{color:sidebar links hover}; border:none; }
  158.  
  159. #chiyorin { max-width:120px; background:{color:sidebar}; border:1px solid {color:sidebar border}; border-top:none; {block:ifroundedsidebar} -webkit-border-bottom-left-radius: 5px; -moz-border-bottom-left-radius: 5px; border-bottom-left-radius: 5px; -webkit-border-bottom-right-radius: 5px; -moz-border-bottom-right-radius: 5px; border-bottom-right-radius: 5px; {/block:ifroundedsidebar} } #chiyo { padding:3px 6px; border-top:1px solid {color:sidebar border}; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } #chiyo:hover { background:{color:sidebar links hover bg}; } #sakura { letter-spacing:3px; font-style:italic; font-family:trebuchet ms; line-height:11px; color:{color:sidebar links} } #sakura:hover { color:{color:sidebar links hover}; background:{color:sidebar links hover bg}; } #sakura, #sakura:hover, #sakura a { border:none; }
  160.  
  161. #box { margin:50px 0px 40px 0px; }
  162.  
  163. #posts, #postsp { {block:if250pxposts} width:250px; {/block:if250pxposts} {block:if300pxposts} width:300px; {/block:if300pxposts} {block:if400pxposts} width:400px; {/block:if400pxposts} background:{color:posts}; border:1px solid {color:border}; {block:ifextrabordertop} border-top:3px double {color:border}; {/block:ifextrabordertop} padding:15px; {block:ifroundedposts} -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; {/block:ifroundedposts} } #posts { overflow:hidden; } #posts img, #posts iframe, #posts object, #posts embed { max-width:100%; }
  164.  
  165. #postsp { font-family:arial; font-size:9px; text-transform:uppercase; margin-top:40px; overflow:scroll; max-height:300px; } #postsp ol { margin:0; padding:0; list-style:none; } #postsp li { margin-bottom:5px; line-height:16px; } #postsp img { display:none; }
  166.  
  167. .p, .photoset, #posts img { {block:iffadedimages} opacity:0.9; -webkit-transition: all 0.9s ease-in-out; -moz-transition: all 0.9s ease-in-out; -o-transition: all 0.9s ease-in-out; transition: all 0.9s ease-in-out; {/block:iffadedimages} {block:ifroundedposts} -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; {/block:ifroundedposts} } .photoset { -webkit-transition-property: opacity; -moz-transition-property: opacity; -o-transition-property: opacity; transition-property: opacity; }
  168.  
  169. .p:hover, .photoset:hover, #posts img:hover { opacity:1; } .p img, .photoset { margin-bottom:-2px; width:100%; }
  170.  
  171. .ask { } .askr { font-weight:bold; text-transform:uppercase; font-size:9px; line-height:9px; position:absolute; margin: -24px 0px 0px 55px; } .q { padding:10px; background: {color:accent} ; color:{color:accent text}; border:1px solid {color:accent border};} .ans { margin-top:10px; } #it img { -webkit-border-radius:0px; -moz-border-radius:0px; border-radius:0px; }
  172.  
  173. .chat { border-left:4px solid {color:blockquote}; padding-left:1px; }
  174. .chat .odd { background:{color:chat 1}; }
  175. .chat .even { background:{color:chat 2}; }
  176. .chat .even, .chat .odd { padding:1% 2% 1% 2%; margin-bottom:1px; border-right:16px solid {color:blockquote}; }
  177.  
  178. #q { font-size:14px; text-align:right; background-image:url('http://i.imgur.com/14HFWDA.png'); background-repeat:no-repeat;} #src { text-align:right; font-style:italic; margin-top:5px; }
  179.  
  180. .link { padding:5px; background:{color:accent}; border:1px solid {color:accent border}; text-align:center; } #url { font-size:12px; color:{color:titles}; } #url:hover { color:{color:links hover}; }
  181. #host { font-size:9px; color:rgba(100,100,100,0.4); }
  182.  
  183. #art { background-image:url('http://i.imgur.com/Rac2oJd.png'); overflow:hidden; margin-right:15px; } #art, #art img { width:89px; height:89px; }
  184. #art img, #art img:hover { opacity:1; }
  185.  
  186. #art, #nice { float:left; }
  187.  
  188. #nice { position:absolute; width:27px; height:27px; border:31px solid #fff; overflow:hidden; opacity:0.2; -webkit-transition: all 0.7s ease-in-out; -moz-transition: all 0.7s ease-in-out; -o-transition: all 0.7s ease-in-out; transition: all 0.7s ease-in-out; }
  189.  
  190. #nice:hover { opacity:1; border:31px solid {color:posts}; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }
  191.  
  192. #murasaki { height:89px; overflow:scroll; }
  193.  
  194. .dr { } .dr:before, .dr:after { content:""; width:0; height:0; position:absolute; margin-top:-1px; } .dr:before { margin-left:52px; border-top:15px solid {color:accent border} ; border-right:15px solid transparent; } .dr:after { margin-left:53px; border-top:13px solid {color:accent}; border-right:13px solid transparent; }
  195.  
  196. .tr { } .tr:before, .tr:after { content:""; width:0; height:0; position:absolute; margin-top:-1px; } .tr:before { margin-left:52px; border-top:35px solid {color:border} ; border-right:35px solid transparent; } .tr:after { margin-left:53px; border-top:33px solid {color:posts}; border-right:33px solid transparent; }
  197.  
  198. .i, .it { width:40px; height:40px; margin-top:10px; } .i img { border:5px solid {color:posts} ; } .it img { border:5px solid {color:accent} ; } .i { border:1px solid {color:border}; } .it { border:1px solid {color:accent border}; } .i a, .it a, .i a:hover, .it a:hover { border:none; background:rgba(0,0,0,0); }
  199.  
  200. #kp { font-family:arial; opacity:0; width:20px; height:80px; margin:-16px 0px 0px {block:if400pxposts} 405px {/block:if400pxposts} {block:if300pxposts} 305px {/block:if300pxposts} {block:if250pxposts} 255px {/block:if250pxposts} ; padding:0px 15px 0px 15px; position:absolute; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } #posts:hover #kp { margin-left: {block:if400pxposts} 414px {/block:if400pxposts} {block:if300pxposts} 314px {/block:if300pxposts} {block:if250pxposts} 264px {/block:if250pxposts} ; opacity:1; } #sm { width:10px; height:10px; border:1px solid {color:permalinks border}; background:{color:permalinks}; margin-bottom:7px; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; {block:ifroundedposts} -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; {/block:ifroundedposts} } #sm:hover { border:1px solid {color:permalinks hover}; background:{color:permalinks hover}; }
  201.  
  202. #am { opacity:0; width:90px; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } #fx { position:absolute; width:8px; height:8px; } #fx:hover #am { opacity:1; } .v { font-style:italic; }
  203.  
  204. .v { font-size:9px; letter-spacing:2px; line-height:14px; } #fx p { margin:0px 0px 1px 0px; }
  205.  
  206. #pg { font-family:consolas; font-size:12px; line-height:18px; background:{color:posts}; border:1px solid {color:border}; height:18px; margin:0px 0px 40px 0px; text-align:center; width:100px; overflow:hidden; {block:ifroundedposts} -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; {/block:ifroundedposts} }
  207.  
  208. #pn { font-family:ms ui gothic; font-size:14px; line-height:14px; padding:3px 5px 3px 5px; background:{color:posts}; border: 1px solid {color:border}; margin:20px 0px; {block:ifroundedposts} -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; {/block:ifroundedposts} }
  209.  
  210. .ap, .bp { width:20px; } #pg a { color:{color:text}; }
  211. .ap { float:left; border-right:1px solid {color:sidebar border}; } .bp { float:right; border-left:1px solid {color:sidebar border}; }
  212.  
  213. #psrc { border-top:1px dotted; margin-top:5px; padding-top:3px; text-transform:uppercase; }
  214.  
  215. #cp { position:fixed; bottom:-10px; {block:ifsideimageright} right:-10px; {/block:ifsideimageright} {block:ifnotsideimageright} left:-10px; {/block:ifnotsideimageright} z-index:-2; pointer-events:none; }
  216.  
  217. #cc { position:fixed; z-index:9; bottom:10px; {block:ifsideimageright} left:10px; {/block:ifsideimageright} {block:ifnotsideimageright} right:10px; {/block:ifnotsideimageright} width:10px; height:10px; padding:1px 2px; border:1px solid {color:border}; background:{color:posts}; overflow:hidden; line-height:10px; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; }
  218.  
  219. #ubar { position:fixed; color:{color:update tab text}; {block:ifnotupdatetabright} top:10px; left:10px; {/block:ifnotupdatetabright} {block:ifupdatetabright} top:40px; right:92px; {/block:ifupdatetabright} z-index:999; font-family:arial; font-size:9px; letter-spacing:2px; word-wrap:break-word;}
  220.  
  221. #ucont, #utab { {block:ifroundedupdatetab} -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; {/block:ifroundedupdatetab} }
  222.  
  223. #utab { position:absolute; z-index:777; background:{color:update tab}; border:1px solid {color:update tab border}; overflow:hidden; width:70px; height:14px; line-height:15px; text-transform:uppercase; padding: 0px 5px; }
  224.  
  225. #ucont { position:absolute; z-index:666; opacity:0; max-height:0px; width:70px; background:{color:update tab}; border:1px solid {color:update tab border}; padding:5px; margin-top:10px; overflow:hidden; -webkit-transition: all 0.7s ease-in-out; -moz-transition: all 0.7s ease-in-out; -o-transition: all 0.7s ease-in-out; transition: all 0.7s ease-in-out; }
  226.  
  227. #ubar:hover #ucont { opacity:1; margin-top:20px; max-height:100px; overflow:hidden; }
  228.  
  229. </style>
  230.  
  231. </head>
  232.  
  233. <body>
  234.  
  235. {block:ifupdatetab}
  236. <div id="ubar">
  237. <div id="utab">
  238. <center>{text:update tab title}</center>
  239. </div>
  240. <div id="ucont">
  241. {text:update tab content}
  242. </div>
  243. </div>
  244. {/block:ifupdatetab}
  245. <div id="cp">
  246. <img src="{image:side pic}">
  247. </div>
  248. <a id="cc" title="theme" href="http://01kido.tumblr.com/" target="_blank">
  249. <img src="http://i.imgur.com/8h0nbvk.gif">
  250. </a>
  251. <div id="content">
  252. <div class="autopagerize_page_element">
  253. <div id="sidebar">
  254. <div id="sb">
  255. <div id="glass">
  256. <div id="window">
  257. <img src="{image:sidebar 1}">
  258. </div>
  259. <div id="pane">
  260. <img src="{image:sidebar 1}">
  261. </div>
  262. </div><!--glass-->
  263. </div> <!--sb-->
  264.  
  265. {block:ifsidebar2}
  266. <div id="chiyorin">
  267. <div id="chiyo">
  268. <a id="sakura" href="/">refresh</a>
  269. </div>
  270. <div id="chiyo">
  271. <a id="sakura" href="/ask">message</a>
  272. </div>
  273.  
  274. {block:iflink1}
  275. <div id="chiyo">
  276. <a id="sakura" href="{text:link 1}">{text:link 1 title}</a>
  277. </div>
  278. {/block:iflink1}
  279. {block:iflink2}
  280. <div id="chiyo">
  281. <a id="sakura" href="{text:link 2}">{text:link 2 title}</a>
  282. </div>
  283. {/block:iflink2}
  284. {block:iflink3}
  285. <div id="chiyo">
  286. <a id="sakura" href="{text:link 3}">{text:link 3 title}</a>
  287. </div>
  288. {/block:iflink3}
  289. {block:iflink4}
  290. <div id="chiyo">
  291. <a id="sakura" href="{text:link 4}">{text:link 4 title}</a>
  292. </div>
  293. {/block:iflink4}
  294.  
  295. </div>
  296. {/block:ifsidebar2}
  297.  
  298. {block:ifsidebar1}
  299. <div id="ds">
  300. {block:Description}
  301. <div id="des">
  302. {Description}
  303. </div>
  304. {/block:Description}
  305. <div id="menu">
  306. <div class="m">{text:menu}</div>
  307. <div class="l">
  308. <a class="lorelei" href="/">refresh</a>
  309. <a class="lorelei" href="/ask">message</a>
  310. {block:iflink1}
  311. <a class="lorelei" href="{text:link 1}">{text:link 1 title}</a>
  312. {/block:iflink1}
  313. {block:iflink2}
  314. <a class="lorelei" href="{text:link 2}">{text:link 2 title}</a>
  315. {/block:iflink2}
  316. {block:iflink3}
  317. <a class="lorelei" href="{text:link 3}">{text:link 3 title}</a>
  318. {/block:iflink3}
  319. {block:iflink4}
  320. <a class="lorelei" href="{text:link 4}">{text:link 4 title}</a>
  321. {/block:iflink4}
  322. </div><!--l-->
  323. </div>
  324.  
  325. </div><!--ds-->
  326. {/block:ifsidebar1}
  327.  
  328. {block:ifsidebar3}
  329. <div id="ds">
  330. {block:Description}
  331. <div id="des">
  332. {Description}
  333. </div>
  334. {/block:Description}
  335. <select onChange="location.href=this.options[this.selectedIndex].value;" style="background:{color:menu}; border:1px solid {color:sidebar border}; width:100%; color:{color:sidebar links}; font-family:consolas; font-size:10px; letter-spacing:1px;" >
  336.  
  337. <option value="">{text:menu}</option>
  338. <option value="/">refresh</option>
  339. <option value="/ask">message</option>
  340. {block:iflink1}
  341. <option value="{text:link 1}">{text:link 1 title}</option>
  342. {/block:iflink1}
  343. {block:iflink2}
  344. <option value="{text:link 2}">{text:link 2 title}</option>
  345. {/block:iflink2}
  346. {block:iflink3}
  347. <option value="{text:link 3}">{text:link 3 title}</option>
  348. {/block:iflink3}
  349. {block:iflink4}
  350. <option value="{text:link 4}">{text:link 4 title}</option>
  351. {/block:iflink4}
  352. </select></div><!--ds-->
  353. {/block:ifsidebar3}
  354.  
  355. </div> <!--sidebar-->
  356.  
  357. {block:posts}
  358. <div id="box">
  359. <div id="posts">
  360.  
  361. <!--{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}{block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}{/block:NoRebloggedFrom} -->
  362.  
  363. {block:date}
  364. <div id="kp">
  365.  
  366. <a href="{Permalink}" title="{lang:Posted TimeAgo}">
  367. <div id="sm"> </div>
  368. </a>
  369.  
  370. <a href="{Permalink}" title="{NoteCountWithLabel}">
  371. <div id="sm"> </div>
  372. </a>
  373. {block:indexpage}
  374. <a href="{ReblogURL}" target="_blank" title="Reblog">
  375. <div id="sm"> </div>
  376. </a>
  377. {/block:indexpage}
  378.  
  379. {block:permalinkpage}
  380. {block:ContentSource}
  381. <a href="{SourceURL}" target="_blank" title="{lang:Originally from ReblogRootName}">
  382. <div id="sm"> </div>
  383. </a>
  384. {/block:ContentSource}
  385. {/block:permalinkpage}
  386.  
  387. {block:indexpage}
  388. {block:ifshowtags}
  389. {block:HasTags}
  390. <div id="fx">
  391. <div id="sm" title="{lang:tags}"></div>
  392. <div id="am">
  393. {block:Tags}
  394. <p><a class="v" href="{TagURL}">{text:tags}{Tag}</a></p>
  395. {/block:Tags}
  396. </div><!--am-->
  397. </div><!--fx-->
  398. {/block:HasTags}
  399. {/block:ifshowtags}
  400. {/block:indexpage}
  401.  
  402. {block:permalinkpage}
  403. {block:HasTags}
  404. <div id="fx">
  405. <div id="sm" title="{lang:tags}"></div>
  406. <div id="am">
  407. {block:Tags}
  408. <p><a class="v" href="{TagURL}">{text:tags}{Tag}</a></p>
  409. {/block:Tags}
  410. </div><!--am-->
  411. </div><!--fx-->
  412. {/block:HasTags}
  413. {/block:permalinkpage}
  414.  
  415. </div><!--kp-->
  416. {/block:date}
  417.  
  418. {block:photo}
  419. <div class="p">
  420. {block:ifnot400pxposts}
  421. <img src="{photourl-400}">
  422. {/block:ifnot400pxposts}
  423. {block:if400pxposts}
  424. <img src="{photourl-500}">
  425. {/block:if400pxposts}
  426. </div>
  427. {/block:photo}
  428.  
  429. {block:text}
  430. <div class="t">
  431. {block:Title}
  432. <div id="titles">
  433. {Title}
  434. </div><!--titles-->
  435. {/block:Title}
  436. {body}
  437. </div><!--t-->
  438. {/block:text}
  439.  
  440. {block:Answer}
  441. <div class="ask">
  442. <div class="q">
  443. {Question}
  444. </div><!--q-->
  445. <div class="dr"></div>
  446. <div class="it">
  447. <a href="{AskerURL}" target="_blank"><img src="{AskerPortraitURL-30}"></a>
  448. </div><!--i-->
  449. <div class="askr">
  450. <a href="{AskerURL}" target="_blank">{AskerName}</a>
  451. </div><!--askr-->
  452.  
  453. <div class="ans">{Answer}</div>
  454. </div><!--ask-->
  455. {/block:Answer}
  456.  
  457. {block:Photoset}
  458. <div class="photoset">
  459. {Photoset}
  460. </div>
  461. {/block:Photoset}
  462.  
  463. {block:Chat}
  464. {block:Title}
  465. <div id="titles">
  466. {Title}
  467. </div><!--titles-->
  468. {/block:Title}
  469. <div class="chat">
  470. {block:Lines}
  471. <div class="{Alt}">
  472. {block:Label}<b>{Label}</b>{/block:Label}
  473. {Line}
  474. </div>
  475. {/block:Lines}
  476. </div>
  477. {/block:Chat}
  478.  
  479. {block:Quote}
  480. <div id="q">
  481. “&nbsp{Quote}&nbsp”
  482. </div>
  483. {block:Source}
  484. <div id="src">
  485. ━&nbsp{Source}
  486. </div>
  487. {/block:Source}
  488. {/block:Quote}
  489.  
  490. {block:Link}
  491. <div class="link">
  492. <a id="url" href="{URL}" target="_blank">{Name}</a>
  493. {block:host}<div id="host">{host}</div>{/block:host}
  494. </div>
  495. {block:Description}
  496. <div id="cap">{description}</div>
  497. {/block:Description}
  498. {/block:Link}
  499.  
  500. {block:Video}
  501. {block:if400pxposts}
  502. {Video-400}
  503. {/block:if400pxposts}
  504. {block:if300pxposts}
  505. {Video-400}
  506. {/block:if300pxposts}
  507. {block:if250pxposts}
  508. {Video-250}
  509. {/block:if250pxposts}
  510. {/block:Video}
  511.  
  512. {block:Audio}
  513.  
  514. <div id="art">
  515. {block:AlbumArt}
  516. <img src="{AlbumArtURL}">
  517. {/block:AlbumArt}
  518. </div>
  519.  
  520. <div id="nice">
  521. {AudioPlayerWhite}
  522. </div>
  523.  
  524. <div id="murasaki">
  525. {block:TrackName}<p><b>{TrackName}</b></p>{/block:TrackName}
  526. {block:Artist}<p>{Artist}</p>{/block:Artist}
  527. {block:Album}<p>{Album}</p>{/block:Album}
  528. {block:PlayCount}<p>({PlayCountWithLabel})</p>{/block:PlayCount}
  529. </div>
  530. {/block:Audio}
  531.  
  532. {block:IndexPage}
  533. {block:ifshowcaptions}
  534. {block:Caption}
  535. <div id="cap">{Caption}</div>
  536. {/block:Caption}
  537. {/block:ifshowcaptions}
  538. {/block:IndexPage}
  539.  
  540. {block:PermalinkPage}
  541. {block:Caption}
  542. <div id="cap">{Caption}</div>
  543. {/block:Caption}
  544. {/block:PermalinkPage}
  545.  
  546.  
  547. </div> <!--posts-->
  548.  
  549. {block:ifquotething}
  550.  
  551. {block:text}
  552. <div class="tr"></div>
  553. <div class="i">
  554. {block:NotReblog}
  555. <img src="{PortraitURL-30}">
  556. {/block:NotReblog}
  557. {block:RebloggedFrom}
  558. <a href="{ReblogParentURL}" title="{lang:Reblogged from ReblogParentName}" target="_blank">
  559. <img src="{ReblogParentPortraitURL-30}">
  560. </a>
  561. {/block:RebloggedFrom}
  562. </div><!--i-->
  563. {/block:text}
  564.  
  565. {block:quote}
  566. <div class="tr"></div>
  567. <div class="i">
  568. {block:NotReblog}
  569. <img src="{PortraitURL-30}">
  570. {/block:NotReblog}
  571. {block:RebloggedFrom}
  572. <a href="{ReblogParentURL}" title="{lang:Reblogged from ReblogParentName}" target="_blank">
  573. <img src="{ReblogParentPortraitURL-30}">
  574. </a>
  575. {/block:RebloggedFrom}
  576. </div><!--i-->
  577. {/block:quote}
  578.  
  579. {/block:ifquotething}
  580.  
  581. {block:PermalinkPagination}
  582. {block:PreviousPost}
  583. <a id="pn" style="float:right" href="{PreviousPost}">»</a>
  584. {/block:PreviousPost}
  585. {block:NextPost}
  586. <a id="pn" style="float:left" href="{NextPost}">«</a>
  587. {/block:NextPost}
  588. {/block:PermalinkPagination}
  589.  
  590. {block:PostNotes}
  591. <div id="postsp">
  592. {PostNotes}
  593. </div>
  594. {/block:PostNotes}
  595.  
  596. </div><!--box-->
  597. {/block:posts}
  598.  
  599. {block:ifnotinfinitescroll}
  600. {block:Pagination}
  601. <center>
  602. <div id="pg">
  603. {block:PreviousPage}
  604. <a class="ap" href="{PreviousPage}">«</a>
  605. {/block:PreviousPage}
  606. {CurrentPage}/{TotalPages}
  607. {block:NextPage}
  608. <a class="bp" href="{NextPage}">»</a>
  609. {/block:NextPage}
  610. </div>
  611. </center>
  612. {/block:Pagination}
  613. {/block:ifnotinfinitescroll}
  614.  
  615. </div> <!--content-->
  616. {block:ifinfinitescroll}
  617. <script type="text/javascript" src="http://codysherman.tumblr.com/tools/infinite-scrolling/code"></script>
  618. {/block:ifinfinitescroll}
  619.  
  620. </body> </html>
Advertisement
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!