API tools faq
paste
Advertisement
Cuddly-Themes

Glamorous Dreams

Cuddly-Themes
Oct 13th, 2012
165
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 6.67 KB | None | 0 0
raw download clone embed print report
  1. <html>
  2. <head>
  3.  
  4. <!--
  5.  
  6. Themed By FLAFFI! Stealers are prohibited ♥ Enjoy!
  7.  
  8. -->
  9.  
  10. <style type="text/css">
  11.  
  12. @font-face { font-family: "dawning"; src: url('http://static.tumblr.com/viiafci/Hyzlxws2r/dawningofanewday.ttf'); }
  13. @font-face { font-family: "tinytots"; src: url('http://static.tumblr.com/4yxykdm/NMJlre6xz/04b_03___1_.ttf'); }
  14. @font-face { font-family: "halohandletter"; src: url('http://static.tumblr.com/loouiuu/Ttaloide6/halohandletter.ttf'); }
  15. @font-face { font-family: "arsenale"; src: url(http://static.tumblr.com/emvmfcr/fVPlulq0f/arsenale_white.ttf);}
  16. @font-face{font-family: 'pixel';src: local('04b24'), url('http://static.tumblr.com/zm7jcjw/dtClscghb/04b_24__.ttf') format('woff');}
  17.  
  18.  
  19. body{
  20. color:black;
  21. font-family:'pixel';
  22. font-size:8px;
  23. color:{color:Text};
  24. background-color:{color:background};
  25. }
  26.  
  27. a:link, a:active, a:visited{
  28. color: {color:link};
  29. text-decoration:none;
  30. -webkit-transition-duration: 0.4s;}
  31.  
  32. a:hover{ -webkit-transition-duration: 1s;
  33. border-bottom:1px solid #b5a188;}
  34.  
  35. strong{
  36. text-decoration:none;
  37. letter-spacing: 3px;
  38. color:#ADA59A:
  39. }
  40.  
  41. u{
  42. padding-bottom:3px;
  43. border-bottom:1px solid #ADA59A;
  44. }
  45.  
  46. blockquote{
  47. border-left: 3px double #ffbfbf;
  48. padding:5px;
  49. }
  50.  
  51. ul{
  52. font-size: 7px;
  53. letter-spacing: 2px;
  54. font-family: 'tahoma';
  55. line-height: 12px;
  56. list-style-image: url(http://i42.tinypic.com/id8ux2.png);
  57. }
  58.  
  59. h3{
  60. font-family: "dawning";
  61. font-size:25px;
  62. margin:-5px;
  63. text-align:center;
  64. text-shadow: 0px 0px 5px #d1d1d1;
  65. }
  66.  
  67. #posts{
  68. width:680px;
  69. margin-left:400px;
  70. margin-top:68px;
  71. background-color:transparent;
  72. position:absolute;
  73. padding:5px;
  74. }
  75.  
  76. #entry{
  77. padding:2px;
  78. background-color:#fff;
  79. width:300px;
  80. padding:5px;
  81. float:left;
  82. margin:10px;
  83. border:1px solid {color:Entry};
  84. }
  85.  
  86. #sidebar{
  87. background-color:#fff;
  88. width:200px;
  89. margin-top:88px;
  90. margin-left:150px;
  91. position:fixed;
  92. padding:3px;
  93. }
  94.  
  95. .tippytop{
  96. position:fixed;
  97. margin-left:-670px;
  98. top: 0px;
  99. background: #fff;
  100. background-image: url({image:Header Top});
  101. height:69px;
  102. border-right: 5px solid #000;
  103. box-shadow: 0px 0px 5px {color:Header Top Shadow};
  104. width:2360px;
  105. border-bottom:3px solid #fff;
  106. z-index:230;
  107. border-left: 3px solid #fff;
  108. border-right: 3px solid #fff;
  109. }
  110.  
  111. .date{
  112. background-image:url({image:Permalink});
  113. margin-left:-5px;
  114. margin-top:-5px;
  115. width:310px;
  116. margin-bottom:5px;
  117. border-bottom:2px solid #fff;
  118. padding-bottom:3px;
  119. padding-top:2px;
  120. text-align:center;
  121. box-shadow: 0px 0px 5px {color:Permalink Shadow};
  122. }
  123.  
  124. .date2{
  125. background-image:url({image:Head});
  126. width:200px;
  127. font-family:'halohandletter';
  128. margin-top:3px;
  129. height:30px;
  130. color:{color:Head};
  131. text-shadow: 0px 0px 5px #d1d1d1;
  132. font-size:25px;
  133. text-align:center;
  134. box-shadow: 0px 0px 5px {color:Head Shadow};
  135. }
  136.  
  137. .button a{
  138. background: transparent;
  139. padding:5px;
  140. border:1px dashed {color:Button Border};
  141. margin-top:5px;
  142. margin-left:10px;
  143. }
  144.  
  145. .button a:hover{
  146. -moz-transform: rotate(360deg);
  147. -webkit-transform: rotate(360deg);
  148. -o-transform: rotate(360deg);
  149. -ms-transform: rotate(360deg);
  150. transform: rotate(360deg);
  151. }
  152.  
  153. {CustomCSS}
  154. </style>
  155.  
  156. </head>
  157.  
  158. <meta name="color:Background" content="#fff">
  159. <meta name="color:Text" content="#B5A188">
  160. <meta name="color:Link" content="#b5a188">
  161. <meta name="color:Header Top Shadow" content="#c2c2c2">
  162. <meta name="color:Button Border" content="#d1d1d1">
  163. <meta name="color:Permalink Shadow" content="#d1d1d1">
  164. <meta name="color:Head" content="#000">
  165. <meta name="color:Head Shadow" content="#d1d1d1">
  166. <meta name="color:Entry" content="#d1d1d1">
  167.  
  168. <meta name="image:Header Top" content="http://i268.photobucket.com/albums/jj20/Joca_boca/jj2obc.png">
  169. <meta name="image:Permalink" content="http://i49.tinypic.com/34r6srl.png">
  170. <meta name="image:Head" content="http://i49.tinypic.com/34r6srl.png">
  171. <meta name="image:Sidebar" content="http://25.media.tumblr.com/tumblr_m1w6bmvwMi1qfrvg2o1_500.jpg">
  172.  
  173. <meta name="text:Scrolling Message" content="Write something here here here here here here here here here here here here here here here here here here here here here here here here">
  174.  
  175. <body>
  176.  
  177. <div class="tippytop"></div>
  178.  
  179. <div id="sidebar">
  180. <img src="{image:Sidebar}" align="left" style="border-radius:70px; width:100px;">{Description}<br>
  181. <div class="date2">Navigate</div><br><p>
  182. <div class="button">
  183. <a href="/">Home</a>
  184. <a href="/ask">Ask</a>
  185. <a href="/archive">Archive</a>
  186. <a href="http://flaffi.tumblr.com">Credits</a>
  187. </div><br><p>
  188. <marquee style="border:1px dashed #d1d1d1; padding:3px;">{text:Scrolling Message}</marquee>
  189.  
  190. </div>
  191.  
  192. <div id="posts">
  193. {block:Posts}
  194. <div id="entry">
  195.  
  196. {block:IndexPage}
  197. <div class="date"><a href="{Permalink}">{NoteCountWithLabel}</a> &middot; <a href="{ReblogUrl}">Reblog</a></div>
  198. {/block:IndexPage}
  199.  
  200. {block:Text}
  201. {block:Title}
  202. <h3><a href="{Permalink}">{Title}</a></h3>
  203. {/block:Title}
  204. {Body}
  205. {/block:Text}
  206.  
  207. {block:Photo}
  208. <img src="{PhotoURL-Highres}" alt="{PhotoAlt}" width="300"/>
  209. {/block:Photo}
  210.  
  211. {block:Photoset}
  212. {Photoset-500}
  213. {/block:Photoset}
  214.  
  215. {block:Quote}
  216. <h3>"{Quote}"</h3>
  217. {block:Source}
  218. <div class="source">{Source}</div>
  219. {/block:Source}
  220. {/block:Quote}
  221.  
  222. {block:Link}
  223. <a href="{URL}" class="link" {Target}><h3>{Name}</h3></a>
  224. {block:Description}
  225. <div class="description">{Description}</div>
  226. {/block:Description}
  227. {/block:Link}
  228.  
  229. {block:Chat}
  230. {block:Title}
  231. <h3><a href="{Permalink}">{Title}</a></h3>
  232. {/block:Title}
  233. {block:Lines}<li>
  234. {block:Label}
  235. <span class="label">{Label}</span>
  236. {/block:Label}
  237. <font color="#ffa9a9;">{Line}</font>
  238. {/block:Lines}
  239. {/block:Chat}
  240.  
  241. {block:Video}
  242. {Video-500}
  243. {/block:Video}
  244.  
  245. {block:Audio}
  246. {AudioPlayerBlack}
  247.  
  248. {block:Caption}
  249. <div class="caption">{Caption}</div>
  250. {/block:Caption}
  251. {/block:Audio}
  252. </div>
  253. {/block:Posts}
  254. </div>
  255.  
  256. <div id="page-nav"><a href="/page/2"></a></div>
  257. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
  258. <script type="text/javascript" src="http://static.tumblr.com/bswe8t6/UFVlryaq2/jquerymsnryv2.js"></script>
  259. <script type="text/javascript">
  260. $(window).load(function(){
  261. var $wall = $('#posts');
  262. $wall.imagesLoaded(function(){
  263. $wall.masonry({
  264. itemSelector: '#entry, #entry_photo',
  265. isAnimated : false
  266. });
  267. });
  268.  
  269. $wall.infinitescroll({
  270. navSelector : '#page-nav',
  271. nextSelector : '#page-nav a',
  272. itemSelector : '#entry, #entry_photo',
  273. bufferPx : 2000,
  274. debug : false,
  275. errorCallback: function() {
  276. $('#infscr-loading').fadeOut('normal');
  277. }},
  278. function( newElements ) {
  279. var $newElems = $( newElements );
  280. $newElems.hide();
  281. $newElems.imagesLoaded(function(){
  282. $wall.masonry( 'appended', $newElems,{isAnimated: false}, function(){$newElems.fadeIn('slow');} );
  283. });
  284. }); $('#content').show(500);
  285. });
  286. </script>
  287.  
  288. </body>
  289. </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!