API tools faq
paste
Advertisement
Cuddly-Themes

Flowers

Cuddly-Themes
Dec 21st, 2012
712
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 10.65 KB | None | 0 0
raw download clone embed print report
  1. <html lang="en">
  2.  
  3. <head>
  4.  
  5. <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>
  6.  
  7. <title>{title}</title>
  8. <link rel="shortcut icon" href="http://drikoti.net/Goodies/Favicons/Gifs/034.gif"/>
  9. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  10. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  11.  
  12. <SCRIPT TYPE="text/javascript">
  13. <!--
  14. //Disable right click script
  15. //visit http://www.rainbow.arch.scriptmania.com/scripts/
  16. var message="Sorry, right-click has been disabled";
  17. ///////////////////////////////////
  18. function clickIE() {if (document.all) {(message);return false;}}
  19. function clickNS(e) {if
  20. (document.layers||(document.getElementById&&!document.all)) {
  21. if (e.which==2||e.which==3) {(message);return false;}}}
  22. if (document.layers)
  23. {document.captureEvents(Event.MOUSEDOWN);document.onmousedown=clickNS;}
  24. else{document.onmouseup=clickNS;document.oncontextmenu=clickIE;}
  25. document.oncontextmenu=new Function("return false")
  26. // -->
  27. </SCRIPT>
  28.  
  29. <script type="text/javascript"
  30. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  31. <script>
  32. $(document).ready(function() {
  33. //
  34. $('a.poplight[href^=#]').click(function() {
  35. var popID = $(this).attr('rel'); //Get Popup Name
  36. var popURL = $(this).attr('href'); //Get Popup href to define size
  37. var query= popURL.split('?');
  38. var dim= query[1].split('&');
  39. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  40. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"></a>');
  41. var popMargTop = ($('#' + popID).height() + 80) / 2;
  42. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  43. //Apply Margin to Popup
  44. $('#' + popID).css({
  45. 'margin-top' : -popMargTop,
  46. 'margin-left' : -popMargLeft
  47. });
  48. $('body').append('<div id="fade"></div>');
  49. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  50. return false;
  51. });
  52. $('a.close, #fade').live('click', function() {
  53. $('#fade , .popup_block').fadeOut(function() {
  54. $('#fade, a.close').remove(); //fade them both out
  55. });
  56. return false;
  57. });
  58. });
  59. </script>
  60.  
  61. <style type="text/css">
  62.  
  63. body{
  64. color:black;
  65. font-family: Trebuchet MS;
  66. font-size:10px;
  67. color: #999;
  68. background-image:url(http://media.tumblr.com/tumblr_lr1vzq9Uvd1qaj7nf.jpg);
  69. }
  70.  
  71. a:link, a:active, a:visited{
  72. color: #aaa;
  73. text-decoration: none;
  74. -webkit-transition: opacity 0.3s linear;
  75. -webkit-transition: all 0.3s ease-in-out;
  76. -moz-transition: all 0.3s ease-in-out;
  77. -o-transition: all 0.3s ease-in-out;
  78. }
  79.  
  80. a:hover {
  81. -webkit-transition:color 500ms ease-in;
  82. -moz-transition:color 500ms ease-in;
  83. -o-transition:color 500ms ease-in;
  84. color: #ffbbb2;
  85. }
  86.  
  87. .bubble{background:#FFE0E0; text-align:center; padding:10px; border-left: 1px dashed #EF9EFF; border-right: 1px dashed #EF9EFF; border-top: 1px dashed #EF9EFF;}
  88. .bubble2{background:#F9E0FF; text-align:center; padding:10px; border-top: 1px dashed #000000; border-left: 1px dashed #FFAFAF; border-right: 1px dashed #FFAFAF; border-bottom: 1px dashed #FFAFAF;}
  89.  
  90. #content{
  91. background-image:url(http://29.media.tumblr.com/tumblr_m1kvf8dbVB1r40twqo1_500.png);
  92. width:508px;
  93. float:center;
  94. position:absolute;
  95. box-shadow: 0px 0px 7px #333;
  96. background-color:#fff;
  97. padding:10px;
  98. margin-left:350px;
  99. margin-top:8px;
  100. }
  101.  
  102. #fade {
  103. display: none;
  104. background: #000;
  105. position: fixed; left: 0; top: 0;
  106. width: 100%; height: 100%;
  107. opacity: .80;
  108. z-index: 9999;
  109. }
  110.  
  111. .popup_block{
  112. display: none;
  113. background: url(http://media.tumblr.com/tumblr_lpwovn6XPC1qcn2vb.png);
  114. padding: 20px;
  115. border: 1px solid #000;
  116. float: left;
  117. font-size: 10px;
  118. position: fixed;
  119. top: 50%; left: 50%;
  120. z-index: 99999;
  121. -webkit-box-shadow: 0px 0px 20px #000;
  122. -moz-box-shadow: 0px 0px 20px #000;
  123. box-shadow: 0px 0px 20px #000;
  124. -webkit-border-radius: 10px;
  125. -moz-border-radius: 10px;
  126. border-radius: 10px;
  127. }
  128.  
  129. img.btn_close {
  130. float: right;
  131. margin: -5px -5px 0 0;
  132. }
  133.  
  134. *html #fade {
  135. position: absolute;
  136. }
  137.  
  138. *html .popup_block {
  139. position: absolute;
  140. }
  141.  
  142. #entry{
  143. background:white;
  144. padding:5px;
  145. float:left;
  146. margin:6px;
  147. box-shadow:0px 0px 5px #bbb;
  148. }
  149.  
  150. #center{
  151. width:780px;
  152. padding:45px;
  153. margin-top:8px;
  154. position:absolute;
  155. margin-left:150px;
  156. overflow-y:hidden;
  157. }
  158.  
  159. #sidebar{
  160. background-image:url(http://29.media.tumblr.com/tumblr_m1kvf8dbVB1r40twqo1_500.png);
  161. width:200px;
  162. margin-left:5px;
  163. position:fixed;
  164. box-shadow: 0px 0px 7px #333;
  165. float:left;
  166. margin-top:-40px;
  167. margin-right:40px;
  168. margin-left:-18px;
  169. height:100%;
  170. padding:20px;
  171. -webkit-transition:1s;
  172. }
  173.  
  174.  
  175. blockquote{border-left:1px solid #ddd; padding:5px;}
  176.  
  177. .heart2 {display : block; font-size: 20px; font-family: 'Cedarville Cursive'; line-height: 10px; border-bottom : 1px solid #eee; text-indent : 5px; vertical-align : middle; -webkit-transition-duration: .50s; padding-left : 10px;padding-bottom : 2px;}
  178.  
  179. .heart2:hover {display : block; font-size: 20px; font-family: 'Cedarville Cursive'; line-height: 10px; border-bottom : 1px dashed #eee; text-indent : 5px; vertical-align : middle; -webkit-transition-duration: .50s; padding-left : 50px; padding-bottom : 2px;}
  180.  
  181. h1{
  182. font-family: 'Cookie';
  183. font-size:10px;
  184. text-align:center;
  185. border-top:1px dotted #999;
  186. }
  187.  
  188. h2{
  189. font-family:'Cookie';
  190. color:#ffdfdf;
  191. font-size:30px;
  192. text-shadow:2px 2px 1px #ff9999;
  193. border-bottom:1px dashed #aaa;
  194. text-align:right;
  195. }
  196.  
  197. h3{
  198. font-family:'Cookie';
  199. font-size:30px;
  200. text-align:center;
  201. text-shadow:0px 0px 5px #777;
  202. margin-bottom:-5px;
  203. }
  204.  
  205. h4{
  206. font-family:'Amatic SC';
  207. font-size:35px;
  208. text-align:center;
  209. text-shadow:0px 0px 5px #777;
  210. margin:-5px;
  211. border-bottom:1px dashed #ddd;
  212. }
  213.  
  214. h5{
  215. font-family:'Cedarville Cursive';
  216. font-size:25px;
  217. line-height:20px;
  218. margin:-5px;
  219. }
  220.  
  221. img{
  222. -webkit-transition: opacity 0.8s linear;
  223. opacity: 0.60;
  224. }
  225. img:hover{
  226. -webkit-transition: opacity 0.8s linear;
  227. opacity: 1;
  228. }
  229.  
  230. {CustomCSS}</style>
  231.  
  232. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
  233.  
  234. </head>
  235.  
  236. <link href='http://fonts.googleapis.com/css?family=Amatic+SC:700' rel='stylesheet' type='text/css'>
  237. <link href='http://fonts.googleapis.com/css?family=Cedarville+Cursive' rel='stylesheet' type='text/css'>
  238. <link href='http://fonts.googleapis.com/css?family=Cookie' rel='stylesheet' type='text/css'>
  239.  
  240.  
  241. <body ondragstart="return false" onselectstart="return false">
  242.  
  243. <div style="position:absolute; margin-left:460px; font-size:120px; margin-top:-20px; font-family:'Cookie'; color:#ffdfdf; text-shadow:2px 2px 1px #ff9999;">{Title}</div>
  244.  
  245. <div id="sidebar">
  246. <br>
  247. <div style="background:white;height:100%;padding:3px;box-shadow:0px 0px 5px #bbb;margin-left:10px;">
  248. <h2>Blogette <img src="http://media.tumblr.com/tumblr_m6lwvxHTYu1rrzsji.gif"></h2>
  249. <image src="http://24.media.tumblr.com/tumblr_mazyweSQWq1qc48cqo1_400.png" width="184"><div align="justify">{Description}</div>
  250.  
  251. <h2>Statistics <img src="http://media.tumblr.com/tumblr_m6lwvxHTYu1rrzsji.gif"></h2>
  252. <a href="/">Home</a> &middot; <a href="#?w=500" rel="mailbox" class="poplight">Message</a> &middot; <a href="#?w=500" rel="submit" class="poplight">Submit</a> &middot; <a href="#?w=500" rel="credits" class="poplight">Credits</a> &middot; <a href="/link">Link</a> &middot; <a href="/link">Link</a> &middot; <a href="/link">Link</a> &middot; <a href="/link">Link</a> &middot; <a href="/link">Link</a><br>
  253.  
  254. <h2>Disclaimer <img src="http://media.tumblr.com/tumblr_m6lwvxHTYu1rrzsji.gif"></h2><p>
  255. I don't own any of this images, If you see yours here kindly message me so I would know. :3<p>
  256.  
  257. <h2>Credits <img src="http://media.tumblr.com/tumblr_m6lwvxHTYu1rrzsji.gif"></h2>
  258. <center>Theme is originally made by <a href="http:///flaffi.tumblr.com">Flaffi</a>.<br>
  259. Best viewed in Google Chrome.
  260. <br><br>
  261. </div><br></div>
  262.  
  263. <br><br><br><br><br><br><br><br><br>
  264.  
  265. <div id="content">
  266. {block:Posts}
  267. <div id="entry">
  268.  
  269. {block:Title}<h3>{Title}</h3>{/block:Title}
  270. {block:Text}{Body}{/block:Text}
  271.  
  272. {block:Photo}
  273. <a href="{permalink}"><img src="{PhotoURL-500}" width="485"/></a>
  274. {/block:Photo}
  275.  
  276. {block:Photoset}
  277. {Photoset-500}
  278. {/block:Photoset}
  279.  
  280. {block:Quote}
  281. <h5>{Quote}</h5>{block:Source}-{Source}{/block:Source}
  282. {/block:Quote}
  283.  
  284. {block:Video}
  285. {Video-500}<br>
  286. {PlayCountWithLabel}
  287. {/block:Video}
  288.  
  289. {block:Link}
  290. <a href="{URL}" class="link" {Target}><h4>{Name}</h4></a><BR>
  291. {block:Description}{Description}{/block:Description}
  292. {/block:Link}
  293.  
  294. {block:Chat}
  295. {block:Lines}
  296. {block:Label}
  297. <br>{Label}
  298. {/block:Label}
  299. <font color="#ffbfbf">&nbsp;{Line}</font>
  300. {/block:Lines}
  301. {/block:Chat}
  302.  
  303. {block:Audio}
  304. {AudioPlayerGrey}
  305. <br><div align="right">{block:Artist}
  306. Artist: {Artist}</div>
  307. {/block:Artist}<br>
  308. {block:Caption}{Caption}{/block:Caption}
  309. {/block:Audio}
  310.  
  311.  
  312. {block:Answer}
  313. <div class="bubble">{Asker} whispered {Question}</div>
  314. <div class="bubble2">I reply {Answer}</div>
  315. {/block:Answer}
  316.  
  317. <h1><a href="{Permalink}">{NoteCount} Notes</a> <img src="http://media.tumblr.com/tumblr_m6lwvxHTYu1rrzsji.gif"> <a href="{ReblogUrl)">Reblog</a></h1>
  318.  
  319. {block:PermalinkPage}
  320. {block:Caption}
  321. {Caption}
  322. {/block:Caption}
  323. <br>
  324. {block:NoteCount}
  325. {NoteCount} notes
  326. {/block:NoteCount}
  327. <Br>
  328. {block:PostNotes}{PostNotes}{/block:PostNotes}</div>
  329. {/block:PermalinkPage}
  330. </div>
  331.  
  332. {/block:Posts}
  333. </div></div>
  334.  
  335. </body>
  336. <div id="mailbox" class="popup_block">
  337. <center><font size="10" color:"#EEB4B4"><font face="cookie", cursive/>❝ Ask me anything ❞<br><p></font></font>
  338. <iframe frameborder="0" scrolling="no" width="100%" height="150" src="http://www.tumblr.com/ask_form/{Name}.tumblr.com/" style="background-color:transparent; overflow:hidden;" id="ask_form">
  339. </center></iframe></div>
  340.  
  341.  
  342.  
  343. <div id="submit" class="popup_block"><center><font size="10" color:"#EEB4B4"><font face="cookie", cursive/>❝ Submit Love ❞<br><p></font></font><br>
  344. <center><iframe frameborder="0" scrolling="no" width="100%" height="500px" src= "http://tumblr.com/submit_form/{Name}-princess.tumblr.com" style= "background-color:transparent; overflow: hidden; "id= "submit_form"></iframe>
  345. </center></div>
  346.  
  347.  
  348.  
  349. <div id="credits" class="popup_block"><center><center><font size="10" color:"#EEB4B4"><font face="cookie", cursive/>❝ Credits ❞<br><p></font></font>
  350. <center>
  351. Original theme by<a href="http://flaffi.tumblr.com" target="blank"> Flaffi<br></a>
  352. Inspirations from <a href="http://sing-stop-and-stare.tumblr.com" target="blank">Sing-Stop-and-Starea</a><br>
  353. Tutorials by <a href="http://academyoftumblr.tumblr.com" target="blank">Academy of Tumblr</a><br>
  354. Optimized for Google Chrome<br>
  355. Powered by <a href="http://www.tumblr.com">Tumblr</a><br>
  356. <br><br>
  357. </center>
  358. </div>
  359. </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!