API tools faq
paste
composeur

Hipersia v. 2

composeur
Dec 28th, 2012
1,956
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 8.24 KB | None | 0 0
raw download clone embed print report
  1. <html lang="en">
  2. <!--
  3.  
  4. 2 Columned Theme (Hipersia) Created by
  5. ╭━━┳╮╱╭┳━╮╭┳━━┳━━╮
  6. ┃━━┫┃╱┃┃╭╮╋┫╭━┫━━┫
  7. ┣━━┃╰━╯┃┃┃┃┃╰━╋━━┃
  8. ╰━━┻━╮╭┻╯╰┻┻━━┻━━╯
  9. ╱╱╱╭━╯┃
  10. ╱╱╱╰━━╯
  11.  
  12. Please do not rip off or redistribute, as well as remove the credit link. thank you.
  13.  
  14. font called 'Averia Serif Libre', which I do not own.
  15.  
  16. -->
  17. <head>
  18.  
  19. <title>{title}</title>
  20.  
  21. <meta name="color:text" content="#222">
  22. <meta name="color:links" content="#222">
  23. <meta name="color:scrollbar" content="#222">
  24. <meta name="color:hover" content="#ccc">
  25. <meta name="color:background" content="#fff">
  26. <meta name="text:font size" content="11px" />
  27.  
  28. <meta name="font:body" content="Lucida Sans" />
  29.  
  30. <meta name="if:fade photos" content="1" />
  31. <meta name="if:default font" content="1">
  32. <meta name="if:center" content="1">
  33.  
  34. <meta name="text:title font size" content="25px" />
  35. <meta name="text:background image url" content="" />
  36.  
  37.  
  38.  
  39. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  40. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  41.  
  42.  
  43. <link href='http://fonts.googleapis.com/css?family=Averia+Serif+Libre' rel='stylesheet' type='text/css'>
  44.  
  45. <style type="text/css">
  46.  
  47. body{
  48. color:{color:text};
  49. {block:ifdefaultfont}font-family: 'Averia Serif Libre', cursive;{/block:ifdefaultfont} {block:ifnotdefaultfont}font-family:{font:body};{block:ifnotdefaultfont}
  50. font-size:{text:font size};
  51. background-color:{color:background};
  52. background-image: url({text:backgroundimageurl});
  53.  
  54. background-position: bottom left ;
  55.  
  56. background-attachment: fixed;
  57.  
  58. background-repeat: no-repeat;
  59.  
  60. }
  61.  
  62. a {text-decoration:none; color:{color:links}; -webkit-transition: 0.5s ease-in;}
  63. a:hover {-webkit-transition: 0.5s ease-in; color:{color:hover};}
  64.  
  65. #blogtitle
  66. {margin-bottom: -10px; font-family: 'Averia Serif Libre', cursive; font-size:{text:titlefontsize}; padding-bottom: -2px; text-align:right; font-size:{text:title font size}; letter-spacing: 1px;}
  67.  
  68. #wrap{
  69. width:700px;
  70. {block:ifnotcenter}margin-left:220px;{/block:ifnotcenter}
  71. {block:ifcenter}margin-left:400px;{/block:ifcenter}
  72. margin-top:5px;
  73. background-color:#fff;
  74. position:absolute;
  75. padding:5px;
  76. }
  77.  
  78. #post{
  79. padding:10px;
  80. background-color:#fff;
  81. width:300px;
  82. float:left;
  83. margin:10px;
  84. }
  85.  
  86. #header {position:fixed; margin-top:200px; {block:ifnotcenter}margin-left:50px;{/block:ifnotcenter} {block:ifcenter}margin-left:150px;{block:ifcenter} background:{color:background}; width:150px; position:fixed}
  87.  
  88. #permalink {float: left; margin-left: 506px; margin-top:0px; padding-top:0px; position: absolute; text-align: left; width: 50px; height:10px; font-size: 9px; courier new; -webkit-transition: 0.5s ease-in; opacity:0;}
  89. #permalink a {color:{color:permalink};}
  90. #permalink a:hover {color:{color:permalink};}
  91. #entry:hover .permalink {opacity: 1;}
  92.  
  93. {if:FadePhotos}
  94. img{
  95. -webkit-transition: opacity 0.5s linear;
  96. opacity: 0.6;
  97. }
  98. img:hover{
  99. -webkit-transition: opacity 0.7s linear;
  100. opacity: 1;
  101. }
  102. {/if:fadephotos}
  103.  
  104. .pagination {
  105. display: none;
  106. }
  107.  
  108. ::-webkit-scrollbar{width:10px; height:8px;}
  109. ::-webkit-scrollbar-button:start:decrement
  110. ::-webkit-scrollbar-button:end:increment{display:block; height:0; background-color:transparent;}
  111. ::-webkit-scrollbar-track-piece{background-color:{color:background}; -webkit-border-radius:0; -webkit-border-bottom-right-radius:3px; -webkit-border-bottom-left-radius:3px;}
  112. ::-webkit-scrollbar-thumb:vertical{height:10px; background-color:{color:scrollbar};}
  113. ::-webkit-scrollbar-thumb:horizontal{width:10px; background-color:{color:scrollbar};}
  114. {CustomCSS}</style>
  115.  
  116. <script type="text/javascript" src="http://static.tumblr.com/3ikgvxs/0TGl4zgpu/jquery.min.js"></script>
  117. <script type="text/javascript">
  118. $(document).ready(function(){
  119. $(".links_body").hide();
  120. $(".links_head").click(function(){
  121. $(this).next(".links_body").slideToggle('fast');
  122. }); }); </script>
  123. <style type="text/css">
  124. .links_list { margin:0px; padding:0px; width:180px;}
  125. .links_head { padding-top:5px; padding-bottom:5px; cursor:pointer; position:relative; margin:1px; text-align:center;}
  126. .links_body { padding:10px; text-align:left; color: #fff; display:none;}
  127. </style>
  128.  
  129. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
  130.  
  131. <script src="http://static.tumblr.com/6hsqxdt/vmwm2rb4g/infinitescrolling.js"></script><script src="http://static.tumblr.com/6hsqxdt/QBym35odk/jquery.masonry.js"></script>
  132.  
  133. <script>
  134. $(function(){
  135. var $container = $('#wrap');
  136. $container.imagesLoaded(function(){
  137. $container.masonry({
  138. itemSelector: '#post',
  139. });
  140. });
  141. $container.infinitescroll({
  142. itemSelector : "#post",
  143. navSelector : "div.pagination",
  144. nextSelector : ".pagination a#next",
  145. loadingImg : "",
  146. loadingText : "<em></em>",
  147. bufferPx : 10000,
  148. extraScrollPx: 12000,
  149. },
  150. // trigger Masonry as a callback
  151. function( newElements ) {
  152. var $newElems = $( newElements ).css({ opacity: 0 });
  153. // ensure that images load before adding to masonry layout
  154. $newElems.imagesLoaded(function(){
  155. $newElems.animate({ opacity: 1 });
  156. $container.masonry( 'appended', $newElems, true );
  157. });
  158. }
  159. );
  160. });
  161. </script>
  162. </head>
  163. <body>
  164.  
  165. <div style="position:fixed; bottom:5px; left:2px;"><a href="http://synics.tumblr.com" title="SYNICS THEME">theme</a></div>
  166.  
  167. <div id="header">
  168. <div id="blogtitle"> <a href="/"><big>{title}
  169. </big></a></div> <br>
  170.  
  171.  
  172. <div class="links_list">
  173. <p class="links_head">i n f o r m a t i o n</p>
  174. <div class="links_body"> <center>
  175. <a>{description}</a>
  176. </center>
  177. </div></div>
  178.  
  179. <div class="links_list">
  180. <p class="links_head">n a v i g a t i o n</p>
  181. <div class="links_body">
  182. <center>
  183. <a href="LINK URL">refresh</a><br><a href="/archive">history</a><br><a href="/ask">message</a> <br>
  184. {block:HasPages}{block:Pages}<a class="links" href="{URL}">{Label}</a> <br>{/block:Pages}{/block:HasPages}
  185.  
  186. </div>
  187. <div class=”pagination”>
  188. {block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">less is</a>{/block:PreviousPage} {block:NextPage}<a href="{NextPage}">more</a>{/block:NextPage}</div></div>{/block:Pagination} </center>
  189. </div>
  190.  
  191.  
  192.  
  193. </div></div>
  194.  
  195. <div id="wrap">
  196.  
  197. {block:Posts}
  198.  
  199. <div id="post">
  200.  
  201. {block:Title}{Title}{/block:Title} </a>
  202. <span class="permalink"> <a href="{Permalink}">
  203. {block:Text}{Body}{/block:Text} </span>
  204. {block:Photo}
  205. <a href="{permalink}"><img src="{PhotoURL-500}" width="300"/></a>
  206. {/block:Photo}
  207.  
  208. {block:Photoset}<div class="post photoset">{block:IndexPage}<div class="overflow">{Photoset-300}</div>{/block:IndexPage}{block:PermalinkPage}{Photoset-500}{/block:PermalinkPage}{block:indexpage}{block:ifshowcaptions}{block:Caption}<div class="caption">{caption}</div>{/block:Caption}{/block:ifshowcaptions}<a href="{Permalink}"><div class="permalink">{block:Date}{ShortMonth} {DayOfMonth}{/block:Date}</div></a>{/block:indexpage}</div>{/block:Photoset}
  209.  
  210.  
  211. {block:Quote} <span class="permalink"> <img style="width:15px;margin-right:-6px;opacity:0.3;margin-bottom:-2px;" src="http://i42.tinypic.com/okmxi8.png"/><a href="{Permalink}">
  212. {Quote} </a></span>
  213. <div align="right">
  214. {block:Source}-{Source}{/block:Source}
  215. </div>
  216. {/block:Quote}
  217.  
  218.  
  219. {block:Video}
  220. {Video-500}<br>
  221. {PlayCountWithLabel}
  222. {/block:Video}
  223.  
  224.  
  225. {block:Link}
  226. <a href="{URL}" class="link" {Target}>{Name}</a><BR>
  227. {block:Description}{Description}{/block:Description}
  228. {/block:Link}
  229.  
  230. {block:Chat}
  231. {block:Lines}
  232. {block:Label}
  233. <br>{Label}
  234. {/block:Label}
  235. &nbsp;{Line}
  236. {/block:Lines}
  237. {/block:Chat}
  238.  
  239. {block:Audio}
  240. {AudioPlayerGrey}
  241. <br><div align="right">{block:Artist}
  242. Artist: {Artist}</div>
  243. {/block:Artist}<br>
  244. {block:Caption}{Caption}{/block:Caption}
  245. {/block:Audio}
  246.  
  247. {block:Answer}<div class="post answer">{Asker} said: {Question}<p>{answer}{block:indexpage}<a href="{Permalink}"><div class="permalink">{block:Date}{MonthNumber}/{DayOfMonth} @ {24Hour}:{Minutes}{/block:Date}</div></a>{/block:indexpage}</div>{/block:Answer}
  248.  
  249. {block:PermalinkPage}
  250. {block:Caption}
  251. {Caption}
  252. {/block:Caption}
  253. <br>
  254. {block:NoteCount}
  255. {NoteCount} notes
  256. {/block:NoteCount}
  257. <Br>
  258. {block:PostNotes}{PostNotes}{/block:PostNotes}</div>
  259. {/block:PermalinkPage}
  260. </div>
  261.  
  262. {/block:Posts}
  263.  
  264.  
  265.  
  266. </div>
  267.  
  268. </body>
  269. </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!