API tools faq
paste
Advertisement
kawaiibuu

textile theme

kawaiibuu
Jul 13th, 2013
2,755
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 11.46 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <!--
  3. side textile theme by meancutie
  4. jubileethemes.tumblr.com
  5. -->
  6. <html xmlns="http://www.w3.org/1999/xhtml">
  7. <link rel="shortcut icon" href="{Favicon}">
  8. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  9. <title>{Title}</title>
  10. {block:Description}
  11. <meta name="description" content="{MetaDescription}"/>
  12. {/block:Description}
  13. <head>
  14.  
  15.  
  16.  
  17. <meta name="font:body" content="Courier New"/>
  18. <meta name="font:navigation links" content="Courier New"/>
  19.  
  20. <meta name="text:font size" content="12"/>
  21. <meta name="text:bottom align" content="-1"/>
  22. <meta name="text:left align" content="30"/>
  23.  
  24. <meta name="image:background" content="">
  25. <meta name="image:sidebar" content="">
  26. <meta name="image:bottom image" content="" />
  27.  
  28. <meta name="color:background" content="#FFF" />
  29. <meta name="color:text" content="#000" />
  30. <meta name="color:links" content="#000">
  31. <meta name="color:image border" content="#000">
  32. <meta name="color:links hover" content="#000" />
  33. <meta name="color:sidebar border" content="#000" />
  34. <meta name="color:captions background color" content="#FFF" />
  35.  
  36. <meta name="if:caption" content="1" />
  37. <meta name="if:transparent captions" content="1" />
  38. <meta name="if:light shadow" content="0" />
  39. <meta name="if:shadow" content="0" />
  40. <meta name="if:sidebar" content="0" />
  41. <meta name="if:image border" content="1" />
  42.  
  43.  
  44. <style type="text/css">
  45.  
  46.  
  47.  
  48. #tumblr_controls{top: 1px !important; margin: 0 0 0 0; right: 1px !important; position:absolute !important; opacity:0.60;-moz-transition:0.5s ease-in; -webkit-transition:0.5s ease-in; -o-transition:0.5s ease-in; transition:0.5s ease-in;}
  49.  
  50. #tumblr_controls:hover {opacity:1;-moz-transition:0.5s ease-in; -webkit-transition:0.5s ease-in; -o-transition:0.5s ease-in; transition:0.5s ease-in;}
  51.  
  52. body {font-size:{text:font size}px;font-family:{font:body};color:{color:text};background-color:{color:background};background-image:url({image:Background});background-size:cover;background-attachment:fixed;background-repeat:no-repeat;}
  53.  
  54. a {color:{color:links};text-decoration:none;text-transform:none;border-bottom:0px;}
  55.  
  56. a:hover {color:{color:links hover};text-decoration:none;text-transform:none;}
  57.  
  58. .wrap {width:950px;padding-left:50px;padding-top:65px;}
  59.  
  60. .wrapped {{block:indexpage}opacity:1;z-index:99999999;width:330px;margin:10px;padding:10px;{/block:indexpage}{block:permalinkpage}width:450px;margin-left:30px;margin-top:70px;{/block:permalinkpage}}
  61.  
  62. .wrapped img {{block:Ifshadow}{block:IfLightShadow}
  63. box-shadow: 0 0 12px rgba(255, 255, 255, 1);
  64. -webkit-box-shadow: 0 0 12px rgba(255, 255, 255, 1);
  65. -moz-box-shadow: 0 0 12px rgba(255, 255, 255, 1); {/block:IfLightShadow}
  66. {block:IfnotlightShadow}
  67. box-shadow: 0 0 12px rgba(0, 0, 0, 1);
  68. -webkit-box-shadow: 0 0 12px rgba(0, 0, 0, 1);
  69. -moz-box-shadow: 0 0 12px rgba(0, 0, 0, 1);{/block:IfnotlightShadow}{/block:Ifshadow}{block:indexpage}opacity:1;max-width:330px;padding:0px;{/block:indexpage}
  70. {block:ifimageborder}border:1px solid {color:image border};{/block:ifimageborder}
  71. }
  72.  
  73. .wrapped img:hover {{block:indexpage}padding:0px;opacity:1;{/block:indexpage}}
  74.  
  75. .permalink {padding:2px;text-align:center;}
  76.  
  77. .wrapped .permalink {opacity:1;-moz-transition:0.5s ease-in; -webkit-transition:0.5s ease-in; -o-transition:0.5s ease-in; transition:0.5s ease-in;}
  78.  
  79. .wrapped:hover .permalink {opacity:1;{block:permalinkpage}opacity:0;{/block:permalinkpage}}
  80.  
  81. .wrapped:hover .permalink {-moz-transition:0.5s ease-in; -webkit-transition:0.5s ease-in; -o-transition:0.5s ease-in; transition:0.5s ease-in;}
  82.  
  83. .notec {padding:3px;text-align:center;background-color:transparent;float:center;width:60px;margin-left:138px;}
  84.  
  85. .wrapped .notec {opacity:0;-moz-transition:0.5s ease-in; -webkit-transition:0.5s ease-in; -o-transition:0.5s ease-in; transition:0.5s ease-in;}
  86.  
  87. .wrapped:hover .notec {opacity:1;{block:permalinkpage}opacity:0;{/block:permalinkpage}}
  88.  
  89. .wrapped:hover .notec {-moz-transition:0.5s ease-in; -webkit-transition:0.5s ease-in; -o-transition:0.5s ease-in; transition:0.5s ease-in;}
  90.  
  91.  
  92. .acap , .vcap {padding-top:2px;margin-top:-6px;}
  93.  
  94. .wrapped .photoset iframe{display:block;{block:IndexPage}width:330px !important;{/block:IndexPage}{block:PermalinkPage}width:500px;{/block:PermalinkPage}}
  95.  
  96. .wrapped .video iframe{display:block;{block:IndexPage}width:330px !important;{/block:IndexPage}{block:PermalinkPage}width:500px;{/block:PermalinkPage}}
  97.  
  98. .blogtitle {width:200px;{block:ifnotblogtitlepositionfixed}position:absolute;{/block:ifnotblogtitlepositionfixed}{block:ifblogtitlepositionfixed}position:fixed;text-align:center;{/block:ifblogtitlepositionfixed}top:35px;padding:2px;letter-spacing:1px;left:498px;text-align:center;font-size:{text:blog title size}px;{block:permalinkpage}top:45px;left:575px;padding:2px;letter-spacing:1px;text-align:center;{/block:permalinkpage}z-index:999999999;float:center;}
  99.  
  100. .blogtitle a {text-transform:lowercase;text-decoration:none;font-size:{text:blog title size}px;text-align:center;float:center;}
  101. .blogtitle a:hover {text-decoration:underline;font-size:{text:blog title size}px;text-align:center;float:center;}
  102.  
  103. #sidebar {position:fixed;left:790px;top:90px;{block:permalinkpage}left:950px;top:130px;{/block:permalinkpage}z-index:9999999;}
  104.  
  105. .information {text-align:left;border-left:1px solid {color:sidebar border};padding-bottom:6px;padding-left:6px;z-index:99999;height:100%;}
  106.  
  107. .links {padding:2px;margin-top:10px;z-index:999999;position:absolute;float:center;font-size:{text:fontsize}px;font-family:{font:navigation links};width:170px;}
  108.  
  109. .captions {width:324px;text-align:center;padding:3px;{block:ifnottransparentcaptions}background-color:{color:captions background color};{/block:ifnottransparentcaptions}{block:iftransparentcaptions}background-color:;{/block:iftransparentcaptions}margin:3px;float:center;margin-left:0px;}
  110.  
  111. .photohov {border-bottom:0px;}
  112. .photohov a {border-bottom:0px;}
  113. .photohov a:hover {border-bottom:0px;}
  114.  
  115. .posted {font-size:9px;}
  116. .viewed{margin-top:10px;font-size:10px;text-align:left;}
  117. .notes {padding-left:20px; font-weight:bold; font-size:9px;}
  118. ol.notes {width:500px; height:300px; padding-left:5px; margin-top:10px; overflow:scroll; overflow-x:hidden; over-flow-y:scroll; list-style-type:none; font-weight:normal; font-size:9px; text-transform:none;}
  119. ol.notes li.note {padding-top:2px; opacity:.8; -moz-transition:0.1s ease-in; -webkit-transition:0.1s ease-in; -o-transition:0.1s ease-in; transition:0.1s ease-in;} ol.notes li.note:hover {opacity:1;} ol.notes li.note img.avatar {width:14px; height:14px;}
  120.  
  121. .tumblrAutoPager_page_info, .tumblrAutoPager_page_separator {display:none;}
  122. #infscr-loading {display:none;}
  123. .navigation{display:none;}
  124.  
  125. </style>
  126.  
  127. <script type='text/javascript' src='http://static.tumblr.com/d0qlne1/DiAl6ekb7/jquery-1.4.2.min.js'></script>
  128.  
  129. {block:IndexPage}
  130. <script src="http://static.tumblr.com/twte3d7/H8Glm663z/masonry.js"></script>
  131. <script src="http://static.tumblr.com/twte3d7/0pellzh2t/infinitescroll.js"></script>
  132.  
  133. <script type="text/javascript">
  134. $(window).load(function () {
  135. $('.wrap').masonry(),
  136. $('.masonryWrap').infinitescroll({
  137. navSelector : ".navigation",
  138. nextSelector : ".navigation a#next",
  139. itemSelector : ".wrapped",
  140. bufferPx : 10000,
  141. extraScrollPx: 10000,
  142. loadingImg : "http://static.tumblr.com/di6vmmh/umVm7zqip/invisible.gif",
  143. loadingText : "<em>loading posts</em>",
  144. },
  145. function() { $('.wrap').masonry({ appendedContent: $(this) }); }
  146. );
  147. });
  148. </script>
  149. {/block:IndexPage}
  150.  
  151. {block:indexpage}<div class="navigation">{block:Pagination}{block:NextPage}<p id="page_nav"><a style="float:right" href="{NextPage}" id="next">Older</a>{/block:NextPage}{block:PreviousPage}<a style="float:left" href="{PreviousPage}">Newer</a></p>{/block:PreviousPage}{/block:Pagination}</div>{/block:indexpage}
  152.  
  153.  
  154.  
  155. <div id="sidebar">
  156.  
  157. <div class="information">{block:ifsidebar}<img src="{image:Sidebar}" height="150"><br>{/block:ifsidebar}<i>{Description}</i><br><br><br>
  158. <a href="/ask">message</a> <br> <a href="/submit">submit</a> <br><a href="/archive">index</a> <br> <a href="http://jubileethemes.tumblr.com">credit</a> {block:HasPages}{block:Pages}<a href="{URL}">{Label}</a> {/block:Pages}{/block:HasPages}</div>
  159.  
  160. </div>
  161.  
  162.  
  163. </head>
  164. <body>
  165.  
  166. <div class="wrap">
  167. {block:Posts}
  168.  
  169. {block:Text}
  170. <div class="wrapped"><div style="margin-top:-13px;padding:2px;">
  171. {block:Title}<h2>{Title}</h2>{/block:Title}{Body}</div><div class="permalink"><a href="{Permalink}">{NoteCount}<big>%</big></a></div></div>
  172. {/block:Text}
  173.  
  174. {block:Photoset}
  175. <div class="wrapped"><div class="photoset"><center>{Photoset-400}</center><div class="permalink"><a href="{Permalink}">{NoteCount}<big>%</big></a></div></div></div>
  176. {/block:Photoset}
  177.  
  178. {block:Quote}
  179. <div class="wrapped quote">{Quote}<br>-{block:source}{source}{/block:source}</div>
  180. {/block:Quote}
  181.  
  182. {block:Link}
  183. <div class="wrapped link">
  184. <a href="{URL}" class="link" {Target}>{Name}</a>{block:Description}<div class="description">{Description}</div>{/block:Description}<div class="permalink"><a href="{Permalink}">{NoteCount}<big>%</big></a></div></div>
  185. {/block:Link}
  186.  
  187. {block:Chat}
  188. <div class="wrapped chat">{block:Title}<h3>{Title}</h3>{/block:Title}<div class="chat">{block:Lines}<br>{block:Label}<b>{Label}</b>{/block:Label}&nbsp;{Line}{/block:Lines}</div><div class="permalink"><a href="{Permalink}">{NoteCount}<big>%</big></a></div></div>
  189. {/block:Chat}
  190.  
  191. {block:Video}
  192. <div class="wrapped"><div class="video">{Video-400}{block:Caption}<div class="vcap">{Caption}</div>{/block:Caption}<div class="permalink"><a href="{Permalink}">{NoteCount}<big>%</big></a></div></div></div>
  193. {/block:Video}
  194.  
  195. {block:Audio}
  196. <div style="padding-top:10px;margin-bottom:-2px;"><div class="wrapped audio">{AudioPlayerBlack}{block:Caption}<div class="acap">{Caption}</div>{/block:Caption}<div class="permalink"><a href="{Permalink}">{NoteCount}<big>%</big></a></div></div>
  197. </div>
  198. {/block:Audio}
  199.  
  200. {block:Photo}
  201. <div class="wrapped photo">{block:PermalinkPage}{LinkOpenTag}{/block:PermalinkPage}{block:indexpage}<div class="photohov"><a href="{Permalink}">{/block:indexpage}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{block:indexpage}</a></div><div class="captions">{block:ifcaption}{block:caption}{caption}{/block:caption}{/block:ifcaption}</div><div class="notec">{NoteCount}<big>%</big></div>{/block:indexpage}{block:PermalinkPage}{LinkCloseTag}{/block:PermalinkPage}</div>
  202. {/block:Photo}
  203.  
  204. {block:Answer}<div class="wrapped ask"><b>{Asker}&nbsp;<b>asked</b>:&nbsp;</b> {Question}<br><i>{Answer}</i><div class="permalink"><a href="{Permalink}">+ {12Hour}:{Minutes}</a></div></div>{/block:Answer}
  205.  
  206. {block:PermalinkPage}<div style="padding-left:25px;"><div class="note">{block:caption}{caption}{/block:caption}<br>Posted {block:Date}{ShortDayOfWeek} {ShortMonth} {DayOfMonthWithZero} at {12Hour}:{Minutes}{AmPm}{/block:Date} with {block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}{block:PostNotes}{PostNotes}{/block:PostNotes}</div></div>{/block:PermalinkPage}
  207.  
  208. <!-- {block:NoRebloggedFrom}
  209. {block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}
  210. {/block:NoRebloggedFrom} -->
  211.  
  212. {block:ContentSource} <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}" width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" /> {/block:SourceLogo} {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} --> {/block:ContentSource}
  213.  
  214. {/block:Posts}
  215. </div>
  216.  
  217. </body>
  218. </html>
  219. <div style="position:fixed; bottom:{text:bottom align}px;right:{text:left align}px;z-index:-1;"><img src="{image:bottom Image}"></div>
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!