API tools faq
paste
noiretrose

Clean

noiretrose
Jul 18th, 2013
500
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 11.48 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2.  
  3.  
  4. <!-----
  5. |
  6. |
  7. |
  8. |
  9. | Clean by Noiretrose. Copyright 2013, Creative Commons.
  10. |
  11. | DO NOT REMOVE CREDIT. It is ILLEGAL.
  12. |
  13. |
  14. |
  15. |
  16. ------>
  17.  
  18. <html>
  19.  
  20. <head>
  21.  
  22. <script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>
  23.  
  24. {block:Indexpage}
  25.  
  26. {block:NextPage}<div id="page-nav"><a href="{NextPage}"></a></div>{/block:NextPage}
  27.  
  28. <script src='http://code.jquery.com/jquery-1.4.2.min.js' type='text/javascript'></script>
  29.  
  30. <script src='http://static.tumblr.com/1s4z8hu/UTBlo4136/jquery.masonry.min.js' type='text/javascript'></script>
  31.  
  32. <script type="text/javascript" src="http://static.tumblr.com/ihdmiub/JHrlywtky/infinte-scroll.txt"></script>
  33.  
  34. <script type="text/javascript" src="http://static.tumblr.com/2poobra/Hjvmrwlem/imagesloaded.js"></script>
  35. <script>
  36. jQuery(window).load(function(){
  37. var $wall = $('.bigcenter');
  38. $wall.imagesLoaded(function(){
  39. $wall.masonry({
  40. singleMode: true,
  41. columnWidth: 335,
  42. itemSelector: '.post'
  43. });
  44. });
  45. $wall.infinitescroll({
  46. navSelector : '#page-nav',
  47. nextSelector : '#page-nav a',
  48. itemSelector : '.post',
  49. },
  50.  
  51. function( newElements ){
  52. $(newElements).hide();
  53. setTimeout(function(){
  54. $wall.masonry({ appendedContent: $(newElements) });
  55. },2000);
  56. setTimeout(function(){
  57. $(newElements).fadeIn('slow');
  58. },2100);
  59. },1000);
  60. });
  61. </script>
  62.  
  63.  
  64. <script>
  65. $.fn.imagesLoaded = function(callback){
  66. var elems = this.find('img'),
  67. len = elems.length,
  68. _this = this;
  69. if ( !elems.length ) {
  70. callback.call( this );}
  71. elems.bind('load',function(){
  72. if (--len <= 0){
  73. callback.call( _this );}
  74. }).each(function(){
  75. // cached images don't fire load sometimes, so we reset src.
  76. if (this.complete || this.complete === undefined){
  77. var src = this.src;
  78. // webkit hack from http://groups.google.com/group/jquery-dev/browse_thread/thread/eee6ab7b2da50e1f
  79. // data uri bypasses webkit log warning (thx doug jones)
  80. this.src = "data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///ywAAAAAAQABAAACAUwAOw==";
  81. this.src = src;}
  82. });
  83. return this;};
  84. </script>
  85.  
  86. {/block:Indexpage}
  87.  
  88. <SCRIPT TYPE="text/javascript">
  89. <!--
  90. //Disable right click script
  91. //visit http://www.rainbow.arch.scriptmania.com/scripts/
  92. var message="Sorry, right-click has been disabled";
  93. ///////////////////////////////////
  94. function clickIE() {if (document.all) {(message);return false;}}
  95. function clickNS(e) {if
  96. (document.layers||(document.getElementById&&!document.all)) {
  97. if (e.which==2||e.which==3) {(message);return false;}}}
  98. if (document.layers)
  99. {document.captureEvents(Event.MOUSEDOWN);document.onmousedown=clickNS;}
  100. else{document.onmouseup=clickNS;document.oncontextmenu=clickIE;}
  101. document.oncontextmenu=new Function("return false")
  102. // -->
  103. </SCRIPT>
  104.  
  105.  
  106.  
  107.  
  108.  
  109. <title>{title}</title>
  110. <link rel="shortcut icon" href="{Favicon}"/>
  111. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  112. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  113.  
  114.  
  115. <meta name="image:Side pic" content="http://data.whicdn.com/images/68733520/large.jpg" />
  116.  
  117.  
  118.  
  119. <meta name="text:Font size" content="11px"/>
  120. <meta name="color:Links" content="#669b97"/>
  121. <meta name="color:Text" content="#969492"/>
  122. <meta name="color:Post Color" content="#fcfcfc"/>
  123. <meta name="color:Background" content="#ffffff" />
  124.  
  125. <meta name="image:Background Pic" content="http://static.tumblr.com/2poobra/vA1mq5hrg/brushed_alu.png">
  126.  
  127.  
  128.  
  129.  
  130. <style type="text/css">
  131.  
  132.  
  133.  
  134. body {
  135. color: {color:text};
  136. font-family:ty;
  137. font-size:{text:font size};
  138. background-color:{color:Background};
  139. background-repeat:repeat;
  140. background-attachment:fixed;
  141. background-image:url({image:Background Pic});
  142. }
  143.  
  144.  
  145.  
  146. @font-face {font-family:cl; src: url(http://static.tumblr.com/2poobra/f0Xmq5zlc/champagne___limousines.ttf); }
  147.  
  148. @font-face {font-family:ty; src: url(http://static.tumblr.com/2poobra/0Vtmq5u0d/typo3normal.ttf); }
  149.  
  150. @font-face {font-family:slk; src: url(http://static.tumblr.com/1kdckk4/9yjlolf0w/slkscr.ttf); }
  151.  
  152. @font-face {font-family:br; src: url(http://static.tumblr.com/2poobra/ps5m68s4i/bellerose_2_.ttf); }
  153.  
  154. @font-face {font-family:ab; src: url(http://static.tumblr.com/2poobra/p4bmq5td7/aubrey1__.ttf); }
  155.  
  156.  
  157.  
  158.  
  159. a:link, a:active, a:visited {
  160. color:{color:links};
  161. text-decoration:none;
  162.  
  163. a:hover{
  164. color:{color:links};
  165. text-decoration:none; }
  166.  
  167. }
  168.  
  169.  
  170. .top {
  171. margin-left: 0px;
  172. bottom:0;
  173. position: absolute;
  174. text-align:center;
  175. border-top:3px double #e1e1e1;
  176. border-bottom:3px double #e1e1e1;
  177. background-color:{color:Post Color};
  178. font-family:calibri;
  179. font-size:10px;
  180. text-transform:uppercase;
  181. width:300px;
  182. padding:0px;
  183. opacity:0;
  184. {block:indexpage}
  185. -webkit-transition: 0.6s;
  186. -moz-transition: 0.6s;
  187. -o-transition: 0.6s;
  188. transition: 0.6s;
  189. }
  190.  
  191. .post:hover .top {
  192. bottom:10%;
  193. opacity:0.9;
  194. background-color:#fff;
  195. -webkit-transition: 0.7s;
  196. -moz-transition: 0.7s;
  197. -o-transition: 0.7s;
  198. transition: 0.7s;
  199. {/block:indexpage}
  200. }
  201.  
  202.  
  203.  
  204. .bigcenter{
  205. width:780px;
  206. margin-left:500px;
  207. margin-top:0px;
  208. position:relative;
  209. padding:0px;
  210. }
  211.  
  212.  
  213.  
  214.  
  215. {block:indexpage}
  216. .post{
  217. padding:0px;
  218. background-color:{color:Post Color};
  219. width:300px;
  220. text-align:center;
  221. float:left;
  222. margin:10px;
  223. opacity:0.9;
  224. padding:8px;
  225. overflow:hidden;
  226. border:1px solid #e1e1e1;
  227.  
  228. }
  229. {/block:indexpage}
  230.  
  231. {block:permalinkpage}
  232. .post{
  233. padding:0px;
  234. background-color:{color:Post Color};
  235. width:550px;
  236. text-align:center;
  237. float:left;
  238. padding:3px;
  239. margin:7px;
  240. opacity:0.9;
  241. overflow:hidden;
  242. border:1px solid #e1e1e1;
  243.  
  244. }
  245. {/block:permalinkpage}
  246.  
  247.  
  248.  
  249.  
  250.  
  251. #side {
  252. width:350px;
  253. margin-top:10px;
  254. margin-left:100px;
  255. position: fixed;
  256. background-color:{color:Post Color};
  257. color:{color:text};
  258. opacity:0.9;
  259. border-top-left-radius:2em;
  260. border-bottom-left-radius:2em;
  261. padding:20px;
  262. border:1px solid #e1e1e1;
  263.  
  264.  
  265. }
  266.  
  267. #sidepic img{
  268. width:340px;
  269. border:1px solid #e1e1e1;
  270. opacity:1;
  271. border-radius:10px;
  272.  
  273. }
  274.  
  275.  
  276.  
  277.  
  278. .press a{
  279. text-decoration:none;
  280. color:{color:links};
  281. display: inline-block;
  282. padding:1px;
  283. font-size: 9px;
  284. font-family:calibri;
  285. text-transform:uppercase;
  286. margin-left:0px;
  287. margin-top:3px;
  288. border-top:3px double {color:Post Color};
  289. border-bottom:3px double {color:Post Color};
  290. -webkit-transition: 0.5s ease-in-out;
  291. -moz-transition: 0.5s ease-in-out;
  292. -o-transition: 0.5s ease-in-out;
  293. transition: 0.5s ease-in-out;
  294. }
  295.  
  296. .press a:hover{
  297. text-decoration:none;
  298. -webkit-transition: 0.5s ease-in-out;
  299. -moz-transition: 0.5s ease-in-out;
  300. -o-transition: 0.5s ease-in-out;
  301. transition: 0.5s ease-in-out;
  302. border-top:3px double #e1e1e1;
  303. border-bottom:3px double #e1e1e1;
  304.  
  305. }
  306.  
  307.  
  308.  
  309.  
  310.  
  311. ::-webkit-scrollbar {width: 6px; height: 6px; background:transparent; }
  312. ::-webkit-scrollbar-thumb { background-color:{color:text};-webkit-box-shadow: inset 0 0 6px #ddd; -webkit-border-radius: 0px;
  313. border-radius: 0px;
  314. }
  315.  
  316. .h1{
  317. font-family:ab;
  318. font-size:35px;
  319. }
  320.  
  321. hr {
  322. border: 0;
  323. height: 1px;
  324. background: #333;
  325. background-image: -webkit-linear-gradient(left, #989898, #e1e1e1, #989898);
  326. background-image: -moz-linear-gradient(left, #989898, #e1e1e1, #989898);
  327. background-image: -ms-linear-gradient(left, left, #989898, #e1e1e1, #989898);
  328. background-image: -o-linear-gradient(left, left, #989898, #e1e1e1, #989898);
  329. }
  330.  
  331. {block:indexpage}
  332. .dots2 {
  333. font-size:9px;
  334. margin-left: 0px;
  335. bottom:0%;
  336. position: absolute;
  337. width:250px;
  338. padding:1px;
  339. font-family:calibri;
  340. text-transform:uppercase;
  341. text-align:left;
  342. }
  343.  
  344. {/block:indexpage}
  345. {block:permalinkpage}
  346. .dots2 {
  347. opacity:0;
  348. }
  349.  
  350. {/block:permalinkpage}
  351.  
  352. {CustomCSS}</style>
  353.  
  354.  
  355. </head>
  356. <body>
  357.  
  358.  
  359.  
  360.  
  361.  
  362.  
  363.  
  364.  
  365. <div id="side">
  366. <center>
  367. <div id="sidepic">
  368. <br>
  369.  
  370. <img src="{image:side pic}"></div>
  371.  
  372.  
  373.  
  374. <br>{description}
  375.  
  376. <br>
  377.  
  378.  
  379. <div class="press">
  380.  
  381. <a href="/">home</a>
  382. <a href="/ask">message me</a>
  383. <a href="/archive">archive</a>
  384. {block:HasPages}{block:Pages}<a href="{URL}" class="page">{Label}</a>{/block:Pages}{/block:HasPages}{/block:HasPages}
  385. <a href="http://noiretrose.tumblr.com/">theme</a>
  386. </div>
  387. </center>
  388. </div>
  389.  
  390.  
  391. <div class="bigcenter">
  392.  
  393.  
  394.  
  395. {block:Posts}
  396.  
  397.  
  398. <div class="post">
  399.  
  400.  
  401. {block:Text}
  402. {block:Title}<div class="h1">{Title}</div>{/block:Title}
  403.  
  404. {Body}<div class="dots2">{block:Date}<a href="{Permalink}">{NoteCountWithLabel}</a>{/block:Date}</div>{/block:Text}
  405.  
  406. {block:indexpage}
  407. {block:Photo}
  408. <a href="{permalink}"><img src="{PhotoURL-500}" width="300"/></a>
  409. <div class="top">
  410.  
  411.  
  412.  
  413.  
  414. <div id="permalink" style="letter-spacing:1.8px;"><a href="{Permalink}"> {NoteCountWithLabel} | <a href="{Permalink}">Posted {timeago} | </a><a href="{ReblogURL}" target="_blank" class="details">reblog</a>
  415.  
  416. </a>
  417. </div></div>
  418. {/block:Photo}
  419.  
  420.  
  421. {block:Photoset}
  422. {Photoset-300}
  423. <div class="top">
  424.  
  425.  
  426.  
  427.  
  428. <div id="permalink" style="letter-spacing:1.8px;"><a href="{Permalink}"> {NoteCountWithLabel} | <a href="{Permalink}"></a><a href="{ReblogURL}" target="_blank" class="details">reblog</a>
  429.  
  430. </a>
  431. </div></div>
  432. {/block:Photoset}
  433.  
  434.  
  435. {block:Video}
  436. {Video-300}<br>
  437. {PlayCountWithLabel}
  438. <div class="top">
  439.  
  440.  
  441.  
  442.  
  443. <div id="permalink" style="letter-spacing:1.8px;"><a href="{Permalink}"> {NoteCountWithLabel} | <a href="{Permalink}"></a><a href="{ReblogURL}" target="_blank" class="details">reblog</a>
  444.  
  445. </a>
  446. </div></div>
  447. {/block:Video}
  448.  
  449. {/block:indexpage}
  450.  
  451.  
  452. {block:permalinkpage}
  453.  
  454. {block:Photo}
  455.  
  456. <a href="{permalink}"><img src="{PhotoURL-500}" width="500"/></a>
  457.  
  458. {/block:Photo}
  459.  
  460.  
  461. {block:Photoset}
  462. {Photoset-500}
  463. {/block:Photoset}
  464.  
  465.  
  466. {block:Video}
  467. {Video-500}<br>
  468. {PlayCountWithLabel}
  469. {/block:Video}
  470.  
  471.  
  472.  
  473. {/block:permalinkpage}
  474.  
  475. {block:Quote}
  476. {Quote}
  477. <div align="right">
  478. {block:Source}-{Source}{/block:Source}
  479. </div>
  480. <div class="dots2">{block:Date}<a href="{Permalink}">{NoteCountWithLabel}</a>{/block:Date}</div>
  481. {/block:Quote}
  482.  
  483.  
  484.  
  485. {block:Link}
  486. <a href="{URL}" class="link" {Target}>{Name}</a><BR>
  487. {block:Description}{Description}{/block:Description}
  488. <div class="dots2">{block:Date}<a href="{Permalink}">{NoteCountWithLabel}</a>{/block:Date}</div>
  489. {/block:Link}
  490.  
  491. {block:Chat}
  492. {block:Lines}
  493. {block:Label}
  494. <br>{Label}
  495. {/block:Label}
  496. &nbsp;{Line}
  497. {/block:Lines}
  498. <div class="dots2">{block:Date}<a href="{Permalink}">{NoteCountWithLabel}</a>{/block:Date}</div>
  499. {/block:Chat}
  500.  
  501. {block:Audio}
  502. {AudioPlayerGrey}
  503. <br><div align="right">{block:Artist}
  504. Artist: {Artist}</div>
  505. {/block:Artist}<br>
  506. {block:Caption}{Caption}{/block:Caption}
  507. <div class="dots2">{block:Date}<a href="{Permalink}">{NoteCountWithLabel}</a>{/block:Date}</div>
  508. {/block:Audio}
  509.  
  510.  
  511. {block:Answer}
  512. <img style="border:1px solid #ddd; border-radius:5em; float:left;" src="{AskerPortraitURL-24}"><span style="font-family:ty; font-size: 13px;">{Asker}: </span><b>{Question}</b><Br><hr>
  513. {Answer}
  514. <div class="dots2">{block:Date}<a href="{Permalink}">{NoteCountWithLabel}</a>{/block:Date}</div>
  515. {/block:Answer}
  516.  
  517. {block:PermalinkPage}
  518. {block:Caption}
  519. {Caption}
  520. {/block:Caption}
  521. <br>
  522. {block:NoteCount}
  523. {NoteCount} notes
  524. {/block:NoteCount}
  525. <Br>
  526. {block:PostNotes}{PostNotes}{/block:PostNotes}</div>
  527. {/block:PermalinkPage}
  528. </div>
  529. </span>
  530.  
  531.  
  532. {/block:Posts}
  533.  
  534. </span>
  535.  
  536. </div></div>
  537. </body>
  538.  
  539. <!-----
  540. |
  541. |
  542. |
  543. |
  544. | Clean by Noiretrose. Copyright 2013, Creative Commons.
  545. |
  546. | DO NOT REMOVE CREDIT. It is ILLEGAL.
  547. |
  548. |
  549. |
  550. |
  551. ------>
  552.  
  553. </html>
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!