Don't like ads? PRO users don't see any ads ;-)
Public Pastes
Guest

Cloud

By: noiretrose on Sep 9th, 2012  |  syntax: None  |  size: 9.84 KB  |  hits: 1,092  |  expires: Never
download  |  raw  |  embed  |  report abuse  |  print
Text below is selected. Please press Ctrl+C to copy to your clipboard. (⌘+C on Mac)
  1. <!---------Cloud BY NOIRETROSE------->
  2.  
  3. <!DOCTYPE Html>
  4.  
  5. <head>
  6.  
  7.  
  8.  
  9. <title>{title}</title>
  10. <link rel="shortcut icon" href="{Favicon}"/>
  11. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  12. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  13.  
  14. <meta name="color:main color" content="#c400ff" />
  15.  
  16.  
  17.  
  18. <script language=JavaScript>
  19. <!--
  20.  
  21. //Disable right mouse click Script
  22. //By Maximus (maximus@nsimail.com) w/ mods by DynamicDrive
  23. //For full source code, visit http://www.dynamicdrive.com
  24.  
  25. var message="Function Disabled!";
  26.  
  27. ///////////////////////////////////
  28. function clickIE4(){
  29. if (event.button==2){
  30. alert(message);
  31. return false;
  32. }
  33. }
  34.  
  35. function clickNS4(e){
  36. if (document.layers||document.getElementById&&!document.all){
  37. if (e.which==2||e.which==3){
  38. alert(message);
  39. return false;
  40. }
  41. }
  42. }
  43.  
  44. if (document.layers){
  45. document.captureEvents(Event.MOUSEDOWN);
  46. document.onmousedown=clickNS4;
  47. }
  48. else if (document.all&&!document.getElementById){
  49. document.onmousedown=clickIE4;
  50. }
  51.  
  52. document.oncontextmenu=new Function("return false")
  53.  
  54. // -->
  55. </script>
  56.  
  57. <script language=JavaScript>
  58. <!--
  59.  
  60. //Disable right mouse click Script
  61. //By Maximus (maximus@nsimail.com) w/ mods by DynamicDrive
  62. //For full source code, visit http://www.dynamicdrive.com
  63.  
  64. var message="Function Disabled!";
  65.  
  66. ///////////////////////////////////
  67. function clickIE4(){
  68. if (event.button==2){
  69. alert(message);
  70. return false;
  71. }
  72. }
  73.  
  74. function clickNS4(e){
  75. if (document.layers||document.getElementById&&!document.all){
  76. if (e.which==2||e.which==3){
  77. alert(message);
  78. return false;
  79. }
  80. }
  81. }
  82.  
  83. if (document.layers){
  84. document.captureEvents(Event.MOUSEDOWN);
  85. document.onmousedown=clickNS4;
  86. }
  87. else if (document.all&&!document.getElementById){
  88. document.onmousedown=clickIE4;
  89. }
  90.  
  91. document.oncontextmenu=new Function("return false")
  92.  
  93. // -->
  94. </script>
  95.  
  96.  
  97.  <script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>
  98.  
  99. {block:indexpage}
  100. {block:NextPage}<div id="page-nav"><a href="{NextPage}"></a></div>{/block:NextPage}
  101.  
  102. <script src='http://code.jquery.com/jquery-1.4.2.min.js' type='text/javascript'></script>
  103.  
  104. <script src='http://static.tumblr.com/1s4z8hu/UTBlo4136/jquery.masonry.min.js' type='text/javascript'></script>
  105.  
  106. <script type="text/javascript" src="http://static.tumblr.com/jnmer2r/WKhljk73d/jquery.infinitescroll.min.js"></script>
  107.  
  108. <script>
  109. jQuery(window).load(function(){
  110. var $wall = $('#heart');
  111. $wall.imagesLoaded(function(){
  112. $wall.masonry({
  113. singleMode: true,
  114. columnWidth: 257,
  115. itemSelector: '#squares'
  116. });
  117. });
  118. $wall.infinitescroll({
  119. navSelector : '#page-nav',
  120. nextSelector : '#page-nav a',
  121. itemSelector : '#squares',
  122. },
  123.  
  124. function( newElements ){
  125. $(newElements).hide();
  126. setTimeout(function(){
  127. $wall.masonry({ appendedContent: $(newElements) });
  128. },2000);
  129. setTimeout(function(){
  130. $(newElements).fadeIn('slow');
  131. },2100);
  132. },1000);
  133. });
  134. </script>
  135.  
  136. <script>
  137. $.fn.imagesLoaded = function(callback){
  138. var elems = this.find('img'),
  139. len = elems.length,
  140. _this = this;
  141. if ( !elems.length ) {
  142. callback.call( this );}
  143. elems.bind('load',function(){
  144. if (--len <= 0){
  145. callback.call( _this );}
  146. }).each(function(){
  147. // cached images don't fire load sometimes, so we reset src.
  148. if (this.complete || this.complete === undefined){
  149. var src = this.src;
  150. // webkit hack from http://groups.google.com/group/jquery-dev/browse_thread/thread/eee6ab7b2da50e1f
  151. // data uri bypasses webkit log warning (thx doug jones)
  152. this.src = "data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///ywAAAAAAQABAAACAUwAOw==";
  153. this.src = src;}
  154. });
  155. return this;};
  156. </script>
  157. {/block:Indexpage}
  158.  
  159. <!---------Cloud BY NOIRETROSE------->
  160.  
  161. <!---------Cloud BY NOIRETROSE------->
  162.  
  163. <!---------Cloud BY NOIRETROSE------->
  164.  
  165. <!---------Cloud BY NOIRETROSE------->
  166.  
  167. <!---------Cloud BY NOIRETROSE------->
  168.  
  169.  
  170.  
  171.  
  172.  
  173. <style type="text/css">
  174.  
  175. body{
  176. color:#000;
  177. font-family:rockwell;
  178. font-size:11px;
  179. background-color:#fff;
  180. }
  181.  
  182. @font-face {font-family:rw; src: url(http://static.tumblr.com/2poobra/eXUm9lnwd/raleway_thin.ttf); }
  183.  
  184. a:hover{
  185. color:{color:main color};
  186. -webkit-transition: 0.5s ease-in-out;
  187. -moz-transition: 0.5s ease-in-out;
  188. -o-transition: 0.5s ease-in-out;
  189. transition: 0.5s ease-in-out;
  190. }
  191.  
  192. a {
  193. color:#383838;
  194. text-decoration:none;
  195. -webkit-transition: 0.5s ease-in-out;
  196. -moz-transition: 0.5s ease-in-out;
  197. -o-transition: 0.5s ease-in-out;
  198. transition: 0.5s ease-in-out;
  199. }
  200.  
  201. a:visited{
  202. color:#383838;
  203. -webkit-transition: 0.5s ease-in-out;
  204. -moz-transition: 0.5s ease-in-out;
  205. -o-transition: 0.5s ease-in-out;
  206. transition: 0.5s ease-in-out;
  207. }
  208.  
  209. img{
  210.      -moz-border-radius: 5px; /* Firefox */
  211.   -webkit-border-radius: 5px; /* Safari and Chrome */
  212.   border-radius: 5px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 /* Firefox */}
  213.  
  214. #title{
  215. width:1000px;
  216. height:20px;
  217. margin-top:0px;
  218. margin-left:0px;
  219. background-color:#transparent;
  220. position:relative;
  221. padding:0px;
  222. font-size:15px;
  223. font-family:rw;
  224. opacity:1;
  225.  
  226. -webkit-transition: 0.7s ease-in-out;
  227. -moz-transition: 0.7s ease-in-out;
  228. -o-transition: 0.7s ease-in-out;
  229. transition: 0.7s ease-in-out;
  230.  
  231. }
  232.  
  233.  
  234. #network:hover{
  235. background-color:#transparent;
  236. position:absolute;
  237. padding:0px;
  238. opacity:1;
  239. -webkit-transition: 0.7s ease-in-out;
  240. -moz-transition: 0.7s ease-in-out;
  241. -o-transition: 0.7s ease-in-out;
  242. transition: 0.7s ease-in-out;
  243. }
  244.  
  245.  
  246. #title:hover #nethold{
  247. margin-top:0px;
  248. margin-left:0px;
  249. background-color:#transparent;
  250. position:absolute;
  251. padding:0px;
  252. text-align:center;
  253. -webkit-transition: 0.7s ease-in-out;
  254. -moz-transition: 0.7s ease-in-out;
  255. -o-transition: 0.7s ease-in-out;
  256. transition: 0.7s ease-in-out;
  257. opacity:0.9;
  258. }
  259.  
  260. #nethold{
  261.     opacity:0;
  262.     width:1000px;
  263.     background:#fff;
  264.     margin-left:-300px;
  265.     z-index:3;
  266.     border-bottom-right-radius:2em;
  267.     -webkit-transition: 0.7s ease-in-out;
  268. -moz-transition: 0.7s ease-in-out;
  269. -o-transition: 0.7s ease-in-out;
  270. transition: 0.7s ease-in-out;
  271. }
  272.  
  273.  
  274. #heart{
  275. width:1400px;
  276. margin-top:0px;
  277. margin-left:0px;
  278. background-color:#transparent;
  279. position:relative;
  280. padding:0px;
  281. overflow:scroll;
  282. text-align:center;
  283. }
  284.  
  285. .pl{
  286.     text-align:right;
  287. }
  288.  
  289. #squares{
  290. padding:4px;
  291. background-color:#transparent;
  292. width:250px;
  293. float:left;
  294. margin:4px;
  295. text-align:left;
  296. text-align:center;
  297.  -moz-border-radius: 5px; /* Firefox */
  298.   -webkit-border-radius: 5px; /* Safari and Chrome */
  299.   border-radius: 5px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 /* Firefox */
  300. }
  301.  
  302. #rock{
  303. background-color:#fff;
  304. position:fixed;
  305. padding:3px;
  306. font-size:10px;
  307. text-align:center;
  308. margin-top:500px;
  309. margin-left:890px;
  310. opacity:0.6;
  311. }
  312.  
  313. #rock img{
  314.     width:100px;
  315. }
  316.  
  317. #paper{
  318. background-color:#fff;
  319. position:fixed;
  320. padding:3px;
  321. font-size:10px;
  322. text-align:center;
  323. margin-top:500px;
  324. margin-left:210px;
  325. opacity:0.6;
  326. }
  327.  
  328. #paper img{
  329.     width:100px;
  330. }
  331.  
  332. .press a{
  333. text-decoration:none;
  334. font-family:rw;
  335. font-size:15px;
  336. display: inline-block;
  337. border-left:1px solid #000;
  338. width:100px;
  339. padding:2px;
  340. -webkit-transition: 0.5s ease-in-out;
  341. -moz-transition: 0.5s ease-in-out;
  342. -o-transition: 0.5s ease-in-out;
  343. transition: 0.5s ease-in-out;
  344. }
  345.  
  346.  
  347. .press a:hover{
  348.     padding:2px;
  349. text-decoration:none;
  350. font-family:rw;
  351. border-left:4px solid #000;
  352. display: inline-block;
  353. width:100px;
  354. color:{color:main color};
  355. -webkit-transition: 0.5s ease-in-out;
  356. -moz-transition: 0.5s ease-in-out;
  357. -o-transition: 0.5s ease-in-out;
  358. transition: 0.5s ease-in-out;
  359. }
  360.  
  361.  
  362. hr{
  363. border-top:1px dotted {color:main color};
  364. }
  365.  
  366. {CustomCSS}</style>
  367.  
  368. </head>
  369. <body>
  370.  
  371.  
  372. <div id="title">
  373. <span style="font-family:rw; font-size: 20px; text-transform:uppercase;">{title}</span><div class="press">
  374. <a href="/">Home</a>
  375. <a href="/ask">Ask</a>
  376. <a href="/archive">Archive</a>
  377. {block:HasPages}{block:Pages}<a href="{URL}">{Label}</a> {/block:Pages} {/block:HasPages}
  378. <a href="http://noiretrose.tumblr.com">Credit</a>
  379. </div>
  380. <div id="nethold"><br><br>
  381.  {description}
  382. </div></div>
  383. <br>
  384.  
  385.  
  386. <div id="heart">
  387.  
  388.  
  389.  
  390. {block:Posts}
  391.  
  392. <div id="squares">
  393.  
  394.  
  395. {block:Title}{Title}{/block:Title}
  396.  
  397. {block:Text}{Body}{/block:Text}
  398.  
  399. {block:Photo}
  400. <a href="{permalink}"><img src="{PhotoURL-500}" width="250"/></a>
  401. {/block:Photo}
  402.  
  403. {block:Photoset}
  404. {Photoset-250}
  405. {/block:Photoset}
  406.  
  407.  
  408. {block:Quote}
  409. {Quote}
  410. <div align="right">
  411. {block:Source}-{Source}{/block:Source}
  412. </div>
  413. {/block:Quote}
  414.  
  415.  
  416. {block:Video}
  417. {Video-250}<br>
  418. {PlayCountWithLabel}
  419. {/block:Video}
  420.  
  421.  
  422. {block:Link}
  423. <a href="{URL}" class="link" {Target}>{Name}</a><BR>
  424. {block:Description}{Description}{/block:Description}
  425. {/block:Link}
  426.  
  427. {block:Chat}
  428. {block:Lines}
  429. {block:Label}
  430. <br>{Label}
  431. {/block:Label}
  432. &nbsp;{Line}
  433. {/block:Lines}
  434. {/block:Chat}
  435.  
  436. {block:Audio}
  437. {AudioPlayerGrey}
  438. <br><div align="right">{block:Artist}
  439. Artist: {Artist}</div>
  440. {/block:Artist}<br>
  441. {block:Caption}{Caption}{/block:Caption}
  442. {/block:Audio}
  443.  
  444.  
  445. {block:Answer}
  446. <img src="{AskerPortraitURL-48}"><br>{Asker} asked <b>{Question}</b><Br>
  447. <br>
  448. <img src="{favicon}" width="48"><br>
  449. {Answer}
  450. {/block:Answer}
  451.  
  452. {block:PermalinkPage}
  453. {block:Caption}
  454. {Caption}
  455. {/block:Caption}
  456. <br>
  457. {block:NoteCount}
  458. {NoteCount} notes
  459. {/block:NoteCount}
  460. <Br>
  461. {block:PostNotes}{PostNotes}{/block:PostNotes}</div>
  462. {/block:PermalinkPage}
  463.  
  464. <div class="pl"><hr><i>
  465. <a href="{Permalink}"> {NoteCountWithLabel} | {timeago} | <a href="{Permalink}"></a><a href="{ReblogURL}" target="_blank" class="details">reblog</a></i></div>
  466. </div>
  467.  
  468. {/block:Posts}
  469.  
  470. </div>
  471.  
  472.  
  473. <!---------Cloud BY NOIRETROSE-------><!---------Cloud BY NOIRETROSE-------><!---------Cloud BY NOIRETROSE-------><!---------Cloud BY NOIRETROSE-------><!---------Cloud BY NOIRETROSE-------><!---------Cloud BY NOIRETROSE------->
  474.  
  475.  
  476.  
  477. </div>
  478. </body>
  479. </html>
  480. <!---------Cloud BY NOIRETROSE------->
create a new version of this paste RAW Paste Data