API tools faq
paste
composeur

Pleaides v.2

composeur
Dec 23rd, 2012
1,086
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 7.77 KB | None | 0 0
raw download clone embed print report
  1. <html lang="en">
  2. <!--
  3.  
  4. Pleaides v.2 Theme
  5.  
  6. Created by:
  7. ╭━━┳╮╱╭┳━╮╭┳━━┳━━╮
  8. ┃━━┫┃╱┃┃╭╮╋┫╭━┫━━┫
  9. ┣━━┃╰━╯┃┃┃┃┃╰━╋━━┃
  10. ╰━━┻━╮╭┻╯╰┻┻━━┻━━╯
  11. ╱╱╱╭━╯┃
  12. ╱╱╱╰━━╯
  13.  
  14. Please don't redistribute or steal, thank you :)
  15. -->
  16. <head>
  17.  
  18. <title>{title}</title>
  19.  
  20. <meta name="color:text" content="#222">
  21. <meta name="color:links" content="#222">
  22. <meta name="color:scrollbar" content="#222">
  23. <link rel=”shortcut icon” href=”{Favicon}”/>
  24.  
  25.  
  26. <meta name="color:hover" content="#ccc" />
  27. <meta name="color:background" content="#ebecec" />
  28. <meta name="text:font size" content="11px" />
  29.  
  30.  
  31. <meta name="font:body" content="Lucida Sans" />
  32.  
  33. <meta name="if:fade photos" content="1" />
  34. <meta name="if:repeat background" content "1">
  35. <meta name="if:Grey Images" content="1" />
  36.  
  37. <meta name="text:link 1 text" content="link 1" />
  38. <meta name="text:link 1" content="http://" />
  39. <meta name="text:link 2 text" content="link 2" />
  40. <meta name="text:link 2" content="http://" />
  41. <meta name="text:background url" concent="http://" />
  42.  
  43. <meta name="text:quote" content="Why do people have to be this lonely? What's the point of it all? Millions of people in this world, all of them yearning, looking to others to satisfy them, yet isolating themselves. Why? Was the earth put here just to nourish human loneliness?” " />
  44.  
  45.  
  46. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  47. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  48.  
  49.  
  50. <link href='http://fonts.googleapis.com/css?family=Londrina+Sketch' rel='stylesheet' type='text/css'>
  51.  
  52. <link href='http://fonts.googleapis.com/css?family=Qwigley' rel='stylesheet' type='text/css'>
  53.  
  54.  
  55.  
  56. <style type="text/css">
  57.  
  58. body{
  59. color:{color:text};
  60. font-family:{font:body};
  61. font-size:{text:font size};
  62. background-color:{color:background};
  63. background-image: url({text:backgroundurl});
  64. background-position: bottom right ;
  65. background-attachment: fixed;
  66. background-repeat: {block:ifrepeatbackground}repeat;{/block:ifrepeatbackground} {block:ifnotrepeatbackground}no-repeat;{block:ifnotrepeatbackground}
  67. }
  68.  
  69. a {text-decoration:none; color:{color:links}; -webkit-transition: 0.5s ease-in;}
  70. a:hover {-webkit-transition: 0.5s ease-in; color:{color:hover};}
  71.  
  72.  
  73. {block:IndexPage}{block:Ifgreyimages}
  74. img { -webkit-transition: opacity 0.7s linear;opacity: 0.75; -webkit-filter: grayscale(100%); }
  75. img:hover {-webkit-transition: opacity 0.7s linear;opacity: 1; -webkit-filter: grayscale(0%); }
  76. {/block:Ifgreyimages}{/Block:IndexPage}
  77. img {border:0px;} img:hover{; }
  78.  
  79.  
  80. .pagination {
  81. display: none;
  82. }
  83.  
  84. #blogtitle
  85. {margin-bottom: -10px; font-family: 'Londrina Sketch', cursive; font-size: {text:blogtitlesize}; padding-bottom: -2px; text-align:center; font-size:55px; letter-spacing: 1px;}
  86.  
  87. #container {
  88. width: 600px;
  89. margin-left:400px;
  90. background-color:{color:background};
  91. position:absolute;
  92. padding:5px;
  93. }
  94.  
  95. #post{
  96. padding:2px;
  97. background-color:{color:background};
  98. width:{block:indexpage}250px{/block:indexpage} {block:permalinkpage}600px{/block:permalinkpage};
  99. float:left;
  100. margin:10px;
  101. position:left;
  102. }
  103.  
  104.  
  105.  
  106.  
  107. #sidebar{
  108. background-color:{color:background};
  109. width:225px;
  110. margin-bottom:-12px;
  111. margin-left:150px;
  112. margin-top:150px;
  113. position:fixed;
  114. padding:3px;
  115. }
  116.  
  117.  
  118.  
  119. ::-webkit-scrollbar{width:4px; height:8px;}
  120. ::-webkit-scrollbar-button:start:decrement
  121. ::-webkit-scrollbar-button:end:increment{display:block; height:0; background-color:transparent;}
  122. ::-webkit-scrollbar-track-piece{background-color:{color:background}; -webkit-border-radius:0; -webkit-border-bottom-right-radius:3px; -webkit-border-bottom-left-radius:3px;}
  123. ::-webkit-scrollbar-thumb:vertical{height:50px; background-color:{color:scrollbar};}
  124. ::-webkit-scrollbar-thumb:horizontal{width:50px; background-color:{color:scrollbar};}
  125.  
  126. #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;}
  127. #permalink a {color:{color:permalink};}
  128. #permalink a:hover {color:{color:permalink};}
  129. #entry:hover .permalink {opacity: 1;}
  130.  
  131. {if:FadePhotos}
  132. img{
  133. -webkit-transition: opacity 0.5s linear;
  134. opacity: 0.6;
  135. }
  136. img:hover{
  137. -webkit-transition: opacity 0.7s linear;
  138. opacity: 1;
  139. }
  140. {/if:fadephotos}
  141. {CustomCSS]</style>
  142.  
  143. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
  144.  
  145. <script src="http://static.tumblr.com/6hsqxdt/vmwm2rb4g/infinitescrolling.js"></script><script src="http://static.tumblr.com/6hsqxdt/QBym35odk/jquery.masonry.js"></script>
  146.  
  147. <script>
  148. $(function(){
  149. var $container = $('#container');
  150. $container.imagesLoaded(function(){
  151. $container.masonry({
  152. itemSelector: '#post',
  153. });
  154. });
  155. $container.infinitescroll({
  156. itemSelector : "#post",
  157. navSelector : "div.pagination",
  158. nextSelector : ".pagination a#next",
  159. loadingImg : "",
  160. loadingText : "<em></em>",
  161. bufferPx : 10000,
  162. extraScrollPx: 12000,
  163. },
  164. // trigger Masonry as a callback
  165. function( newElements ) {
  166. var $newElems = $( newElements ).css({ opacity: 0 });
  167. // ensure that images load before adding to masonry layout
  168. $newElems.imagesLoaded(function(){
  169. $newElems.animate({ opacity: 1 });
  170. $container.masonry( 'appended', $newElems, true );
  171. });
  172. }
  173. );
  174. });
  175. </script>
  176. </head>
  177. <body>
  178.  
  179.  
  180. <div style="position:fixed; bottom:5px; left:2px;"><a href="http://synics.tumblr.com" title="SYNICS THEME">theme</a></div>
  181.  
  182.  
  183. <div id="sidebar"> <center>
  184. <div id="blogtitle"> <a href="/"><big>{title}</big></a><Br></div> <Br>
  185. <big>{</big><a href="/archive">archive</a> · <a href="/ask">ask</a>· <a href="{text:link 1}">{text:link 1 text}</a>· <a href="{text:link 2}">{text:link 2 text}</a>
  186. <big>}</big>
  187.  
  188. <Br><Br><Br> <i>{text:quote}</i>
  189. <br><Br>
  190.  
  191. [ {description} ]
  192. <Br><br>
  193. <!--this is the navigation -->
  194. <div class=”pagination”>
  195. {block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">Before</a>{/block:PreviousPage} / {block:NextPage}<a href="{NextPage}">After</a>{/block:NextPage}</div></div>{/block:Pagination}
  196. </div></center>
  197. </div>
  198.  
  199.  
  200.  
  201. <br>
  202. </div>
  203.  
  204.  
  205. <div id="container">
  206.  
  207. {block:Posts}
  208. <div id="post">
  209.  
  210.  
  211. {block:Title}{Title}{/block:Title} </a>
  212. <span class="permalink"> <a href="{Permalink}">
  213. {block:Text}{Body}{/block:Text} </span>
  214.  
  215. {block:Photo}
  216. <a href="{permalink}"><img src="{PhotoURL-HighRes}" width="{block:indexpage}250px{/block:indexpage} {block:permalinkpage}500px{/block:permalinkpage}"
  217. "/></a>
  218. {/block:Photo}
  219.  
  220. {block:Photoset}
  221. {Photoset-250}
  222. {/block:Photoset}
  223.  
  224.  
  225. {block:Quote} <Br><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}">
  226. "{Quote}"</a></span> written by {block:Source}{Source}{/block:Source}
  227. <div align="right">
  228.  
  229. </div>
  230. {/block:Quote}
  231.  
  232.  
  233. {block:Video}
  234. {Video-500}<br>
  235. {PlayCountWithLabel}
  236. {/block:Video}
  237.  
  238.  
  239. {block:Link}
  240. <a href="{URL}" class="link" {Target}>{Name}</a><BR>
  241. {block:Description}{Description}{/block:Description}
  242. {/block:Link}
  243.  
  244. {block:Chat}
  245. {block:Lines}
  246. {block:Label}
  247. <br>{Label}
  248. {/block:Label}
  249. &nbsp;{Line}
  250. {/block:Lines}
  251. {/block:Chat}
  252.  
  253. {block:Audio}
  254. {AudioPlayerGrey}
  255. <br><div align="right">{block:Artist}
  256. Artist: {Artist}</div>
  257. {/block:Artist}<br>
  258. {block:Caption}{Caption}{/block:Caption}
  259. {/block:Audio}
  260.  
  261.  
  262. {block:Answer}
  263. <u>{Asker}</u> asked {Question}</b>
  264. A:{Answer}
  265. {/block:Answer}
  266.  
  267. {block:PermalinkPage}
  268. {block:Caption}
  269. {Caption}
  270. {/block:Caption}
  271. <br>
  272. {block:NoteCount}
  273. {NoteCount} notes
  274. {/block:NoteCount}
  275. <Br>
  276. {block:PostNotes}{PostNotes}{/block:PostNotes}</div>
  277. {/block:PermalinkPage}
  278. </div>
  279.  
  280. {/block:Posts}
  281.  
  282.  
  283.  
  284. </div>
  285.  
  286. </body>
  287. </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!