API tools faq
paste
Advertisement
Guest User

"Starry Nights"- Madeleine Themes 4

a guest
Apr 4th, 2014
175
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 8.48 KB | None | 0 0
raw download clone embed print report
  1. <html lang="en">
  2.  
  3. <!-- Theme by Radiateregrets. Keep this credit here, keep the credit on the blog. If you delete it and I find out (and I will find out), you will be reported, unfollowed, and blocked. Dont do it. -->
  4.  
  5. <head>
  6.  
  7.  
  8.  
  9.  
  10. <title>{title}</title>
  11. <link rel=”shortcut icon” href=”{Favicon}”/>
  12. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  13. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  14.  
  15. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  16. <meta name="color:background" content="#ffffff"/>
  17. <meta name="color:sidebar background" content="#ffffff"/>
  18. <meta name="color:link" content=""/>
  19. <meta name="color:text" content=""/>
  20. <meta name="color:title" content=""/>
  21. <meta name="image:sidebar" content=""/>
  22. <meta name="image:Background" content="http://oi57.tinypic.com/30k7vva.jpg"/>
  23. <meta name="image:Sidebar Background" content="http://oi57.tinypic.com/30k7vva.jpg"/>
  24. <meta name="text:link one" content="/" />
  25. <meta name="text:link one title" content="" />
  26. <meta name="text:link two" content="" />
  27. <meta name="text:link two title" content="" />
  28. <meta name="text:link three" content="" />
  29. <meta name="text:link three title" content="" />
  30. <meta name="text:link four" content="" />
  31. <meta name="text:link four title" content="" />
  32. <meta name="text:link five" content="" />
  33. <meta name="text:link five title" content="" />
  34.  
  35. <style type="text/css">
  36.  
  37. #container-bottom-right {
  38. position:fixed; /*don't change*/
  39. bottom:5px; /*don't change*/
  40. z-index:999; /*don't change*/
  41. right:10px; /*higher number = farther to left*/
  42.  
  43. /*transition speed: 0.1 = fastest and 1 = slowest*/
  44. -webkit-transition: all .7s ease-in-out;
  45. -moz-transition: all .7s ease-in-out;
  46. -o-transition: all .7s ease-in-out;
  47. }
  48.  
  49. #text-bottom-right {
  50. font-size:10px;
  51. font-family:calibri;
  52. text-align:center;
  53. width:100px; /*should match the image width*/
  54.  
  55. /*don't change anything below this*/
  56. padding:0px 0px 0px 0px;
  57. position:fixed;
  58. }
  59.  
  60. #image-bottom-right img {
  61. width: 100px; /*should match the text width*/
  62. height: auto; /*don't change*/
  63. }
  64.  
  65.  
  66. body{
  67. color:black;
  68. font-family:verdana;
  69. font-size:10px;
  70. background-color: {color:Background};
  71. background-image:url({image:Background});
  72.  
  73. }
  74.  
  75.  
  76. #cent{
  77. width:200px;
  78. margin-left:375px;
  79. margin-top:23px;
  80. background-color:{color:Background};
  81. position:absolute;
  82. padding:5px;
  83. background-image:url({image:Background});
  84. }
  85.  
  86. #post{
  87. padding-left:60px;
  88. background-color:{color:Background};
  89. margin:2px;
  90. padding-bottom:50px;
  91. background-image:url({image:Background});
  92.  
  93. }
  94.  
  95. #sidebar{
  96. z-index:9999;
  97. background-color:{color: sidebar background};
  98. width:126px;
  99. margin-top:500px;
  100. margin-left:60px;
  101. position:fixed;
  102. padding:3px;
  103. background-image:url({image:Sidebar Background});
  104. }
  105.  
  106. #links {
  107. opacity:1;
  108. position:fixed;
  109. bottom:205px;
  110. left:175px;
  111. width:auto;
  112. z-index:999999;
  113.  
  114. }
  115. #link1 {
  116. position:fixed;
  117. height:8px;
  118. width:8px;
  119. margin-top:4px;
  120. background-color:#aaa;
  121. border:1px solid #aaa;
  122. -webkit-transition: all .4s ease;
  123. -moz-transition: all .4s ease;
  124. -o-transition: all .4s ease;
  125. transition: all .4s ease;
  126. }
  127. #link1:hover {
  128. background-color:#fff;
  129. width:20px;
  130. -webkit-transition: all .4s ease;
  131. -moz-transition: all .4s ease;
  132. -o-transition: all .4s ease;
  133. transition: all .4s ease;
  134. }
  135. #link2 {
  136. position:fixed;
  137. height:8px;
  138. width:8px;
  139. margin-top:18px;
  140. background-color:#aaa;
  141. border:1px solid #aaa;
  142. -webkit-transition: all .4s ease;
  143. -moz-transition: all .4s ease;
  144. -o-transition: all .4s ease;
  145. transition: all .4s ease;
  146. }
  147. #link2:hover {
  148. background-color:#fff;
  149. width:20px;
  150. -webkit-transition: all .4s ease;
  151. -moz-transition: all .4s ease;
  152. -o-transition: all .4s ease;
  153. transition: all .4s ease;
  154. }
  155. #link3 {
  156. position:fixed;
  157. height:8px;
  158. width:8px;
  159. margin-top:32px;
  160. background-color:#aaa;
  161. border:1px solid #aaa;
  162. -webkit-transition: all .4s ease;
  163. -moz-transition: all .4s ease;
  164. -o-transition: all .4s ease;
  165. transition: all .4s ease;
  166. }
  167. #link3:hover {
  168. background-color:#fff;
  169. width:20px;
  170. -webkit-transition: all .4s ease;
  171. -moz-transition: all .4s ease;
  172. -o-transition: all .4s ease;
  173. transition: all .4s ease;
  174. }
  175. #link4 {
  176. position:fixed;
  177. height:8px;
  178. width:8px;
  179. margin-top:46px;
  180. background-color:#aaa;
  181. border:1px solid #aaa;
  182. -webkit-transition: all .4s ease;
  183. -moz-transition: all .4s ease;
  184. -o-transition: all .4s ease;
  185. transition: all .4s ease;
  186. }
  187. #link4:hover {
  188. background-color:#fff;
  189. width:20px;
  190. -webkit-transition: all .4s ease;
  191. -moz-transition: all .4s ease;
  192. -o-transition: all .4s ease;
  193. transition: all .4s ease;
  194. }
  195. #link5 {
  196. position:fixed;
  197. height:8px;
  198. width:8px;
  199. margin-top:60px;
  200. background-color:#aaa;
  201. border:1px solid #aaa;
  202. -webkit-transition: all .4s ease;
  203. -moz-transition: all .4s ease;
  204. -o-transition: all .4s ease;
  205. transition: all .4s ease;
  206. }
  207. #link5:hover {
  208. background-color:#fff;
  209. width:20px;
  210. -webkit-transition: all .4s ease;
  211. -moz-transition: all .4s ease;
  212. -o-transition: all .4s ease;
  213. transition: all .4s ease;
  214. }
  215.  
  216.  
  217. #description{
  218. font-family:calibri;
  219. margin-top:3px;
  220. margin-left:-8.5px;
  221.  
  222.  
  223. }
  224.  
  225. #sidebarimg{
  226. background-color:#fff;
  227. width:100px;
  228. margin-top:500px;
  229. margin-left:80px;
  230. position:fixed;
  231. padding:3px;
  232. }
  233.  
  234.  
  235. {CustomCSS]</style>
  236.  
  237. <script type="text/javascript"
  238. src="http://static.tumblr.com/dbek3sy/iBElrgjim/jquerymasonry.js"></script>
  239. <script type="text/javascript"
  240. src="http://static.tumblr.com/dbek3sy/Qyblrgjfn/jqueryinfintescroll.js"></script>
  241.  
  242. <script type="text/javascript">
  243. $(window).load(function () {
  244. var $content = $('#content');
  245. $content.masonry({itemSelector: '#entry'}),
  246. $content.infinitescroll({
  247. navSelector : 'div#pagination',
  248. nextSelector : 'div#pagination a#nextPage',
  249. itemSelector : '#entry',
  250. loading: {
  251. finishedMsg: '',
  252. img: 'http://static.tumblr.com/dbek3sy/pX1lrx8xv/ajax-loader.gif'
  253. },
  254. bufferPx : 600,
  255. debug : false,
  256. },
  257. // call masonry as a callback.
  258. function( newElements ) {
  259. var $newElems = $( newElements );
  260. $newElems.hide();
  261. // ensure that images load before adding to masonry layout
  262. $newElems.imagesLoaded(function(){
  263. $content.masonry( 'appended', $newElems, true,
  264. function(){$newElems.fadeIn(300);} );
  265.  
  266.  
  267. });
  268. });
  269. });
  270. </script>
  271.  
  272. </head>
  273. <body>
  274.  
  275. <div id="container-bottom-right">
  276. <div id="image-bottom-right"><a href="http://radiateregrets.tumblr.com"</a>☾</div>
  277. <div id="text-bottom-right">
  278. </div>
  279. </div>
  280.  
  281. <div id="sidebar">
  282.  
  283.  
  284. <a href="/"><img src="{image:sidebar}" width="100"></a>
  285.  
  286. <div id="description"> <center>{Description}</center></div>
  287.  
  288.  
  289. </div>
  290. </div>
  291.  
  292.  
  293. </div>
  294.  
  295. <div id="links">
  296. <a href="{text:Link One}"><div id="link1"></div></a> <a href="{text:Link Two}"><div id="link2"></div></a> <a href="{text:Link Three}"><div id="link3"></div></a> <a href="{text:Link Four}"><div id="link4"></div></a> <a href="{text:Link Five}">{text: Text Link Five}<div id="link5"></div></a></div>
  297.  
  298. <div id="cent">
  299.  
  300. {block:Posts}
  301.  
  302. <div id="post">
  303.  
  304. {block:Title}{Title}{/block:Title}
  305.  
  306. {block:Text}{Body}{/block:Text}
  307.  
  308. {block:Photo}
  309. <a href="{permalink}"><img src="{PhotoURL-500}" width="250"/></a>
  310. {/block:Photo}
  311.  
  312. {block:Photoset}
  313. {Photoset-500}
  314. <a href="{permalink}"><img src="{Photoset-500}" width="200"/></a>
  315. {/block:Photoset}
  316.  
  317.  
  318. {block:Quote}
  319. {Quote}
  320. <a href="{permalink}"><img src="{QuoteL-500}" width="200"/></a>
  321. <div align="right">
  322. {block:Source}-{Source}{/block:Source}
  323. </div>
  324. {/block:Quote}
  325.  
  326.  
  327. {block:Video}
  328. {Video-500}<br>
  329. {PlayCountWithLabel}
  330. {/block:Video}
  331.  
  332.  
  333. {block:Link}
  334. <a href="{URL}" class="link" {Target}>{Name}</a><BR>
  335. {block:Description}{Description}{/block:Description}
  336. {/block:Link}
  337.  
  338. {block:Chat}
  339. {block:Lines}
  340. {block:Label}
  341. <br>{Label}
  342. {/block:Label}
  343. &nbsp;{Line}
  344. {/block:Lines}
  345. {/block:Chat}
  346.  
  347. {block:Audio}
  348. {AudioPlayerGrey}
  349. <br><div align="right">{block:Artist}
  350. Artist: {Artist}</div>
  351. {/block:Artist}<br>
  352. {block:Caption}{Caption}{/block:Caption}
  353. {/block:Audio}
  354.  
  355.  
  356. {block:Answer}
  357. {Asker} asked <b>{Question}</b><Br>
  358. {Answer}
  359. {/block:Answer}
  360.  
  361. {block:PermalinkPage}
  362. {block:Caption}
  363. {Caption}
  364. {/block:Caption}
  365. <br>
  366. {block:NoteCount}
  367. {NoteCount} notes
  368. {/block:NoteCount}
  369. <Br>
  370. {block:PostNotes}{PostNotes}{/block:PostNotes}</div>
  371. {/block:PermalinkPage}
  372. </div>
  373.  
  374. {/block:Posts}
  375.  
  376. </div>
  377.  
  378. </body>
  379.  
  380. {block:IndexPage}{block:Pagination}<div id="pagination">
  381. {block:NextPage}<a id="nextPage" href="{NextPage}"></a>{/block:NextPage}
  382. {block:PreviousPage}<a href="{PreviousPage}"></a>{/block:PreviousPage}
  383. </div>{/block:Pagination}{/block:IndexPage}
  384. </html>
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!