API tools faq
paste
composeur

Avery Theme

composeur
Jan 8th, 2013
583
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 9.27 KB | None | 0 0
raw download clone embed print report
  1. <html lang="en">
  2. <!--
  3.  
  4. Avery 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. <link rel=”shortcut icon” href=”{Favicon}”/>
  23.  
  24. <meta name="color:scrollbar" content="#fafafa" />
  25. <meta name="color:hover" content="#ccc" />
  26. <meta name="color:background" content="#ebecec" />
  27. <meta name="text:font size" content="11px" />
  28.  
  29. <meta name="font:body" content="Lucida Sans" />
  30. <meta name="font:title" content="Georgia" />
  31.  
  32. <meta name="if:repeat background" content "1">
  33. <meta name="if:Grey Images" content="1" />
  34. <meta name="if:Fancy Font" content="1" />
  35.  
  36. <meta name="text:link 1 text" content="link 1" />
  37. <meta name="text:link 1" content="http://" />
  38. <meta name="text:link 2 text" content="link 2" />
  39. <meta name="text:link 2" content="http://" />
  40. <meta name="text:blogtitlesize" concent="30px"/>
  41. <meta name="text:background url" concent="http://" />
  42.  
  43.  
  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=Iceland' rel='stylesheet' type='text/css'>
  51.  
  52.  
  53. <style type="text/css">
  54.  
  55. body{
  56. color:{color:text};
  57. font-family:{font:body};
  58. font-size:{text:font size};
  59. background-color:{color:background};
  60. background-image: url({text:backgroundurl});
  61. background-position: bottom right ;
  62. background-attachment: fixed;
  63. background-repeat: {block:ifrepeatbackground}repeat;{/block:ifrepeatbackground} {block:ifnotrepeatbackground}no-repeat;{block:ifnotrepeatbackground}
  64. }
  65.  
  66. a {text-decoration:none; color:{color:links}; -webkit-transition: 0.5s ease-in;}
  67. a:hover {-webkit-transition: 0.5s ease-in; color:{color:hover};}
  68.  
  69.  
  70. {block:IndexPage}{block:Ifgreyimages}
  71. img { -webkit-transition: opacity 0.7s linear;opacity: 0.75; -webkit-filter: grayscale(100%); }
  72. img:hover {-webkit-transition: opacity 0.7s linear;opacity: 1; -webkit-filter: grayscale(0%); }
  73. {/block:Ifgreyimages}{/Block:IndexPage}
  74. img {border:0px;} img:hover{; }
  75.  
  76.  
  77. .dis {margin-left:8px;
  78. border-color:{color:Background} #ccc #ccc {color:Background};
  79. z-index:1000;
  80. border-style:solid;
  81. border-width:0px; width:0; height:0; opacity:0;
  82. -moz-transition:0.3s ease-in; -webkit-transition:0.3s ease-in; -o-transition:0.3s ease-in; transition:0.3s ease-in;
  83. }
  84.  
  85.  
  86. #blogtitle
  87. {margin-bottom: -10px; {block:iffancyfont}font-family: 'Iceland', cursive;{/block:iffancyfont}{block:ifnotfancyfont}font-family:{font:title}{/block:ifnotfancyfont} font-size: {text:blogtitlesize}; padding-bottom: -2px; text-align:center; font-size:55px; letter-spacing: 1px;}
  88.  
  89. #wrap{
  90. width:600px;
  91. margin-left:400px;
  92. background-color:{color:background};
  93. position:absolute;
  94. padding:5px;
  95. }
  96.  
  97. #post{
  98. padding:2px;
  99. background-color:{color:background};
  100. width:{block:indexpage}250px{/block:indexpage} {block:permalinkpage}600px{/block:permalinkpage};
  101. float:left;
  102. margin:10px;
  103. position:left;
  104. }
  105.  
  106.  
  107. #sidebar{
  108. background-color:{color:background};
  109. width:250px;
  110. margin-top:800px;
  111. margin-left:150px;
  112. position:fixed;
  113. padding:3px;
  114. }
  115.  
  116. .pagination {
  117. display: none;
  118. }
  119.  
  120. ::-webkit-scrollbar-thumb:vertical {
  121. background-color: {color:scrollbar};
  122. border:4px solid {color:Background};
  123. height:100px;
  124. }
  125. ::-webkit-scrollbar-thumb:horizontal {
  126. background-color:{color:Background};
  127. border:4px solid {color:Background};
  128. height:10px !important;
  129. }
  130. ::-webkit-scrollbar {
  131. height:16px;
  132. width:16px;
  133. background-color:{color:Background};
  134. }
  135.  
  136. #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;}
  137. #permalink a {color:{color:permalink};}
  138. #permalink a:hover {color:{color:permalink};}
  139. #entry:hover .permalink {opacity: 1;}
  140.  
  141. {if:FadePhotos}
  142. img{
  143. -webkit-transition: opacity 0.5s linear;
  144. opacity: 0.6;
  145. }
  146. img:hover{
  147. -webkit-transition: opacity 0.7s linear;
  148. opacity: 1;
  149. }
  150. {/if:fadephotos}
  151.  
  152.  
  153. .notecounts {text-align:center; opacity:0; font-size:10px; width:50px; background: rgba(250, 250, 250, 0.8); position:absolute; margin-left:175px; padding:3px; height:10px; overflow:hidden; -moz-transition: 0.3s ease-in; -webkit-transition: 0.3s ease-in; -o-transition: 0.3s ease-in; transition: 0.3s ease-in;}
  154.  
  155. .reblogness {text-align:center; opacity:0; font-size:10px; width:50px; background: rgba(250, 250, 250, 0.8); position:absolute; margin-left:15px; padding:3px; height:10px; overflow:hidden; -moz-transition: 0.3s ease-in; -webkit-transition: 0.3s ease-in; -o-transition: 0.3s ease-in; transition: 0.3s ease-in;}
  156.  
  157. #cube3{
  158. border:1px dashed {color:background};
  159. position:fixed;
  160. left:250px; padding-top:12px;
  161. bottom:150px;
  162. padding-bottom:12px;
  163. text-align:center;
  164. height:10px;
  165. width:68px;
  166. overflow:hidden;
  167. -webkit-transition: opacity 0.7s linear;
  168. -webkit-transition: all 0.7s ease-in-out;
  169. -moz-transition: all 0.7s ease-in-out;
  170. -o-transition: all 0.7s ease-in-out;
  171. background:transparent;
  172. z-index:999999999;
  173. border-radius:5px;}
  174.  
  175. #cube3:hover{
  176. border-radius: 5px;
  177. border:1px dashed {color:linkhover};
  178. padding:5px;
  179. height:140px;
  180. overflow:hidden;
  181. width:100px;
  182. opacity:1.0;
  183. background:transparent;
  184. z-index:999999999;}
  185.  
  186. {CustomCSS]</style>
  187.  
  188. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
  189.  
  190. <script src="http://static.tumblr.com/6hsqxdt/vmwm2rb4g/infinitescrolling.js"></script><script src="http://static.tumblr.com/6hsqxdt/QBym35odk/jquery.masonry.js"></script>
  191.  
  192. <script>
  193. $(function(){
  194. var $container = $('#wrap');
  195. $container.imagesLoaded(function(){
  196. $container.masonry({
  197. itemSelector: '#post',
  198. });
  199. });
  200. $container.infinitescroll({
  201. itemSelector : "#post",
  202. navSelector : "div.pagination",
  203. nextSelector : ".pagination a#next",
  204. loadingImg : "",
  205. loadingText : "<em></em>",
  206. bufferPx : 10000,
  207. extraScrollPx: 12000,
  208. },
  209. // trigger Masonry as a callback
  210. function( newElements ) {
  211. var $newElems = $( newElements ).css({ opacity: 0 });
  212. // ensure that images load before adding to masonry layout
  213. $newElems.imagesLoaded(function(){
  214. $newElems.animate({ opacity: 1 });
  215. $container.masonry( 'appended', $newElems, true );
  216. });
  217. }
  218. );
  219. });
  220. </script>
  221.  
  222. </head>
  223. <body>
  224.  
  225.  
  226. <div style="position:fixed; bottom:2px; left:1px;"><a href="http://synics.tumblr.com" title="SYNICS THEME">theme</a></div>
  227.  
  228.  
  229. <div id="sidebar"> <center>
  230. <div id="blogtitle"> <big><a href="/">{title}</a></big></div>
  231. <div id="cube3">
  232. Information<p> <div id="box">{Description} <Br><br> <a href="/ask">inquiry</a> <a href="/archive">history</a> <a href="{text:link 1}">{text:link 1 text}</a>&nbsp;&nbsp;<a href="{text:link 2}">{text:link 2 text}</a><Br>
  233.  
  234. {block:Pagination}{block:PreviousPage}<a href={PreviousPage}><u>less</u> is</a> &middot;{/block:PreviousPage} {block:NextPage}<a href={NextPage} id=”next”><u>more</u></a>{/block:NextPage}{/block:Pagination}
  235.  
  236. </div></div>
  237.  
  238. <br><Br>
  239.  
  240. <Br><br>
  241. <!--this is the navigation -->
  242.  
  243.  
  244. <br>
  245.  
  246. </div>
  247. <div id="wrap">
  248.  
  249. {block:Posts}
  250. <div id="post">
  251.  
  252. {block:Title}{Title}{/block:Title} </a>
  253. <span class="permalink"> <a href="{Permalink}">
  254. {block:Text}{Body}{/block:Text} </span>
  255.  
  256.  
  257. {block:Photo}
  258. {LinkOpenTag}<meta name="{PhotoAlt}" content="{PhotoAlt}"/> {block:indexpage}<a href="{Permalink}">{/block:indexpage}<img src="{PhotoURL-500}" alt="{PhotoAlt}" border="0" width="{block:IndexPage}250{/block:IndexPage}{block:PermalinkPage}500{/block:PermalinkPage}px"></a>
  259. {LinkCloseTag}
  260. {block:PermalinkPage}<br>{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}
  261. {block:indexpage}
  262. <div class="notecounts"><a href="{Permalink}">{NoteCountWithLabel} ×</a></div> <div class="reblogness"><a href="{ReblogURL}" target="_blank">× Reblog</a></div>
  263. {/block:indexpage}
  264. {/block:Photo}
  265. {block:Photoset}
  266. {Photoset-250}
  267. {/block:Photoset}
  268.  
  269.  
  270. {block:Quote} {block:Source}{Source}{/block:Source}: <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}">
  271. {Quote} </a></span>
  272. <div align="right">
  273.  
  274. </div>
  275. {/block:Quote}
  276.  
  277.  
  278. {block:Video}
  279. {Video-500}<br>
  280. {PlayCountWithLabel}
  281. {/block:Video}
  282.  
  283.  
  284. {block:Link}
  285. <a href="{URL}" class="link" {Target}>{Name}</a><BR>
  286. {block:Description}{Description}{/block:Description}
  287. {/block:Link}
  288.  
  289. {block:Chat}
  290. {block:Lines}
  291. {block:Label}
  292. <br>{Label}
  293. {/block:Label}
  294. &nbsp;{Line}
  295. {/block:Lines}
  296. {/block:Chat}
  297.  
  298. {block:Audio}
  299. {AudioPlayerGrey}
  300. <br><div align="right">{block:Artist}
  301. Artist: {Artist}</div>
  302. {/block:Artist}<br>
  303. {block:Caption}{Caption}{/block:Caption}
  304. {/block:Audio}
  305.  
  306.  
  307.  
  308. {block:Answer}<div class="question"><strong>{asker}:</strong> {Question}</div>{answer}{/block:Answer}
  309.  
  310. {block:PermalinkPage}
  311. {block:Caption}
  312. {Caption}
  313. {/block:Caption}
  314. <br>
  315. {block:NoteCount}
  316. {NoteCount} notes
  317. {/block:NoteCount}
  318. <Br>
  319. {block:PostNotes}{PostNotes}{/block:PostNotes}</div>
  320. {/block:PermalinkPage}
  321. </div>
  322.  
  323. {/block:Posts}
  324.  
  325. </div>
  326.  
  327. </body>
  328. </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!