API tools faq
paste
Advertisement
thepinkrebellion

february 30th theme by thepinkrebellion

thepinkrebellion
May 25th, 2012
65
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 15.45 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2. theme by thepinkrebellion
  3. thepinkrebellion.tumblr.com
  4. *remove the credit, and the theme wont work so yeah
  5. -->
  6.  
  7. <head>
  8.  
  9. <link href='http://static.tumblr.com/blpgwiz/usPm404d2/bounce_normal.css' rel='stylesheet' type='text/css'>
  10.  
  11. <script type="text/javascript"
  12. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  13. <script>
  14. $(document).ready(function() {
  15. //
  16. $('a.poplight[href^=#]').click(function() {
  17. var popID = $(this).attr('rel'); //Get Popup Name
  18. var popURL = $(this).attr('href'); //Get Popup href to define size
  19. var query= popURL.split('?');
  20. var dim= query[1].split('&');
  21. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  22. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"><img src="http://upload.wikimedia.org/wikipedia/commons/f/f8/Tooltip-CloseButton.png" class="btn_close" title="Close" alt="Close" /></a>');
  23. var popMargTop = ($('#' + popID).height() + 80) / 2;
  24. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  25. //Apply Margin to Popup
  26. $('#' + popID).css({
  27. 'margin-top' : -popMargTop,
  28. 'margin-left' : -popMargLeft
  29. });
  30. $('body').append('<div id="fade"></div>');
  31. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  32. return false;
  33. });
  34. $('a.close, #fade').live('click', function() {
  35. $('#fade , .popup_block').fadeOut(function() {
  36. $('#fade, a.close').remove(); //fade them both out
  37. });
  38. return false;
  39. });
  40. });
  41. </script>
  42.  
  43.  
  44.  
  45. <link href='http://fonts.googleapis.com/css?family=Amatic+SC' rel='stylesheet' type='text/css'>
  46. <link href='http://fonts.googleapis.com/css?family=Happy+Monkey' rel='stylesheet' type='text/css'>
  47. <script type="text/javascript">
  48.  
  49.  
  50. <script type="text/javascript"
  51. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  52.  
  53.  
  54. <script type="text/javascript">
  55. WebFontConfig = {
  56. google: { families: [ 'Happy+Monkey::latin' ] }
  57. };
  58. (function() {
  59. var wf = document.createElement('script');
  60. wf.src = ('https:' == document.location.protocol ? 'https' : 'http') +
  61. '://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js';
  62. wf.type = 'text/javascript';
  63. wf.async = 'true';
  64. var s = document.getElementsByTagName('script')[0];
  65. s.parentNode.insertBefore(wf, s);
  66. })(); </script>
  67.  
  68.  
  69. <style type="text/css">
  70. ::-webkit-scrollbar {
  71. height:10px;
  72. width:5px;
  73. background-color:#FFF;
  74. background-image:
  75. -webkit-gradient(
  76. linear,
  77. left top,
  78. right top,
  79. color-stop(0, #fff),
  80. color-stop(0.50, #FFFFFF)
  81. );
  82. background-image: -moz-linear-gradient(
  83. left center,
  84. #858585 0%,
  85. #FFFFFF 50%
  86. );}
  87. ::-webkit-scrollbar-thumb:vertical {
  88. background-color:#ddd;;
  89. height:100px;
  90. -webkit-border-radius: 0px;
  91. -moz-border-radius: 0px;
  92. border-radius: 0px;}
  93. ::-webkit-scrollbar-thumb:horizontal {
  94. background-color:#5a586f;
  95. height:10px !important;}
  96.  
  97.  
  98. </style>
  99.  
  100.  
  101. <link rel="shortcut icon" href="{Favicon}">
  102. <link rel="alternate" type="application/rss+xml" href="/rss">
  103.  
  104. <meta name="description" content="{metadescription}" />
  105.  
  106.  
  107. <meta name="color:Background" content="#FFFFFF"/>
  108. <meta name="color:Text" content="#130C11"/>
  109. <meta name="color:Hover" content="#130C11"/>
  110. <meta name="color:Link" content="#000000"/>
  111.  
  112. <meta name="if:Ellipse Menu" content="1"/>
  113. <meta name="if:Bounce Animation" content="1"/>
  114.  
  115. <meta name="image:Background" content="1"/>
  116.  
  117.  
  118. <style type="text/css">
  119. @import url(http://fonts.googleapis.com/css?family=Happy+Monkey);
  120.  
  121. @font-face { font-family:fromwhere;
  122. src: url('http://static.tumblr.com/huallmg/NOjm2hzvp/fromwhereyouare.ttf');
  123. }
  124.  
  125.  
  126. <title>{block:PostTitle} - {PostTitle}{/block:PostTitle}</title>{block:Description}<meta name=”description” content=”{MetaDescription}” />{/block:Description}
  127. {block:ifinfinitescrolling}<script type=”text/javascript” src=”http://codysherman.com/tools/infinite-scrolling/code”></script>{/block:ifinfinitescrolling}
  128. <script type=”text/javascript”>
  129. //
  130. function desabilitaMenu(e)
  131. {
  132. if (window.Event)
  133. {
  134. if (e.which == 2 || e.which == 3)
  135. return false;
  136. }
  137. else
  138. {
  139. event.cancelBubble = true
  140. event.returnValue = false;
  141. return false;
  142. }
  143. }
  144. document.oncontextmenu = desabilitaMenu;
  145. document.onmousedown = desabilitaBotaoDireito;
  146. document.onmouseup = desabilitaBotaoDireito;
  147. </script>
  148. {/block:Ifnorightclick}
  149.  
  150.  
  151. #fade { /*--Transparent background layer--*/
  152. display: none; /*--hidden by default--*/
  153. background: #000;
  154. position: fixed; left: 0; top: 0;
  155. width: 100%; height: 80%;
  156. opacity: .00;
  157. z-index: 9999;
  158. }
  159. .popup_block{
  160. display: none; /*--hidden by default--*/
  161. background: #fff;
  162. padding: 8px;
  163. border: 00px solid #ddd;
  164. float: left;
  165. font-size: 12px;
  166. position: fixed;
  167. top: 50%; left: 50%;
  168. z-index: 99999;
  169. /*--CSS3 Box Shadows--*/
  170. -webkit-box-shadow: 0px 0px 5px rgba(50, 50, 50, 0);
  171. -moz-box-shadow: 0px 0px 5px rgba(50, 50, 50, 0);
  172. box-shadow: 0px 0px 5px rgba(50, 50, 50, 0);
  173. /*--CSS3 Rounded Corners--*/
  174. border-radius: 9px;
  175. -moz-border-radius: 9px;
  176. -webkit-border-radius: 9px;
  177. border: 1px solid #B8B8B8;
  178. }
  179. img.btn_close {
  180. float: right;
  181.  
  182. margin: -5px -5px 0 0;
  183. }
  184. /*--Making IE6 Understand Fixed Positioning--*/
  185. *html #fade {
  186. position: absolute;
  187. }
  188. *html .popup_block {
  189. position: absolute;
  190. }
  191.  
  192.  
  193.  
  194. #tumblr_controls{
  195. position:fixed !important;
  196. }
  197.  
  198. .wrapper{
  199. margin: 0px auto;
  200. width: 882px;
  201. }
  202.  
  203. .header{
  204. float: left;
  205. width: 100%;
  206. }
  207.  
  208. .left{
  209. float: left;
  210. margin-right: 20px;
  211. width: 802px;
  212. }
  213.  
  214. .right{
  215. float: right;
  216. width: 200px;
  217. background-color: {color:Background};
  218. }
  219.  
  220. .kitten {
  221. display : block;
  222. text-align: center;
  223. background : #e6e6e6;
  224. font-size: 12px;
  225. width: 70px;
  226. height: 20px;
  227. letter-spacing:0px;
  228. margin-top:5px;
  229. margin-left:3px;
  230. line-height:18px;
  231. color: #000;
  232. font-family: happy monkey;
  233. text-align:center;
  234. -webkit-transition-duration: .6s;
  235. -webkit-border-radius:2px;
  236. moz-border-radius:2px;
  237. -o-border-radius:2px;
  238. border-radius:2px;
  239. border-top-right-radius:0px;
  240. border-bottom-right-radius:60px;
  241. border-top-left-radius:60px;
  242. border-bottom-left-radius:0px;
  243. display: inline-block;
  244. }
  245.  
  246. .kitten:hover {
  247. background-color: #928a92;
  248. -moz-transition: all .2s ease-in-out;
  249. -o-transition: all .2s ease-in-out;
  250. transition: all .2s ease-in-out;
  251. -webkit-transition: all .2s ease-in-out;
  252. -webkit-transition-duration: .8s;
  253. -webkit-border-radius:2px;
  254. moz-border-radius:2px;
  255. -o-border-radius:2px;
  256. border-radius:2px;
  257. border-top-right-radius:600px;
  258. border-bottom-right-radius:0px;
  259. border-top-left-radius:0px;
  260. border-bottom-left-radius:600px;
  261. -webkit-transition-duration: 1s;
  262. -webkit-transition-duration: 1s;
  263. }
  264.  
  265. body {
  266. padding: 0px;
  267. margin: 0px;
  268. color:{color:text};
  269. font-family: 'Happy Monkey';
  270. font-size: 14px;
  271. background-color: {color:Background};
  272. background-image:url({image:Background});
  273. background-attachment: fixed;
  274. background-repeat: repeat
  275. text-align: justify;
  276. }
  277.  
  278. a:link, a:active, a:visited{
  279. color:{color:link};
  280. text-decoration: none;
  281. -webkit-transition: color 0.4s ease-out;
  282. -moz-transition: color 0.4s ease-out;
  283. }
  284.  
  285. a:hover{
  286. color:{color:Hover};
  287. -webkit-transition: color 0.4s ease-out;
  288. -moz-transition: color 0.4s ease-out;
  289. }
  290.  
  291. .entry {
  292. margin:0px;
  293. padding: 2px;
  294. float:left;
  295. text-align: justify;
  296. background-color: transparent;
  297. font-family: 'Happy Monkey';
  298. font-size: 13px;
  299. line-height:10px;
  300. {block:IndexPage}
  301. width:350px;
  302. {/block:IndexPage}
  303. {block:PermalinkPage}
  304. width:696px;
  305. margin-left: 357px;
  306. {/block:PermalinkPage}
  307. -o-border-radius: 3px
  308. -webkit-border-radius: 3px;
  309. -moz-border-radius: 3px;
  310. border-radius: 3px;
  311. }
  312.  
  313. div#sidebar{
  314. z-index:999999;
  315. position:absolute !important;
  316. position:fixed !important;
  317. font-family: 'Happy Monkey';
  318. font-size: 12px;
  319. background-color:#FFF;
  320. width:890px;
  321. height:100;
  322. opacity:.80;
  323. margin-top: 15px;
  324. margin-left: -55px;
  325. padding:2px;
  326. z-index:10;
  327. border: 1px #000 dashed;
  328. overflow:hidden;
  329. -webkit-transition-duration: .6s;
  330. -moz-transition: all .2s ease-in-out;
  331. -o-transition: all .2s ease-in-out;
  332. transition: all .2s ease-in-out;
  333. -webkit-transition: all .2s ease-in-out;
  334. -webkit-transition-duration: .7s;
  335. -webkit-transition-duration: .7s;
  336. -webkit-transition-duration: .7s;
  337. }
  338.  
  339.  
  340.  
  341. .links {
  342. text-align:center;
  343. display: inline-block;
  344. width: 80px;
  345. height: 18px;
  346. font-size:10px;
  347. letter-spacing:0px;
  348. font-family: happy monkey;
  349. margin-top:5px;
  350. margin-left:3px;
  351. line-height:18px;
  352. background: #fff;
  353. }
  354.  
  355. .links:hover {
  356. font-family: happy monkey;
  357. background: #ddd;
  358. }
  359.  
  360.  
  361. #posts {sp
  362. float:center;
  363. margin-top: 120px;
  364. -webkit-transition-duration: .6s;
  365. -moz-transition: all .2s ease-in-out;
  366. -o-transition: all .2s ease-in-out;
  367. transition: all .2s ease-in-out;
  368. -webkit-transition: all .2s ease-in-out;
  369. -webkit-transition-duration: .7s;
  370. -webkit-transition-duration: .7s;
  371. -webkit-transition-duration: .7s;
  372. width:710px;
  373. margin-left:215px;
  374. background: #fff;
  375. z-index: -500px;
  376. {block:ifBounceAnimation}
  377. -webkit-animation: bounceIn 1s;
  378. -moz-animation: bounceIn 1s;
  379. -ms-animation: bounceIn 1s;
  380. {/block:ifBounceAnimation}
  381. }
  382.  
  383.  
  384.  
  385.  
  386. #title2{font-size:22px;
  387. text-align: center;
  388. letter-spacing:1px;
  389. line-height:40px;
  390. color:#2B2B2B;
  391. font-family:'fromwhere', cursive;
  392. font-weight: 800;
  393. text-transform:uppercase;
  394. text-shadow:4px 5px 0px rgba(0,0,0,0.1),4px -6px 0px rgba(0,0,0,0.2),6px 12px 0px rgba(0,0,0,0.1),-8px 5px 0px rgba(0,0,0,0.2),-3px -8px 0px rgba(0,0,0,0.1);
  395. -webkit-transition: all 0.2s ease-out;-moz-transition: all 0.2s ease-out;-o-transition: all 0.2s ease-out;
  396. }
  397. #title2:hover{
  398. color:#2B2B2B;
  399. text-shadow:0px 0px 0px rgba(0,0,0,0.1);
  400. -webkit-transition: all 0.2s ease-out;-moz-transition: all 0.2s ease-out;-o-transition: all 0.2s ease-out;
  401. }
  402.  
  403.  
  404. .title{
  405. font-family: 'Happy Monkey', cursive;
  406. font-size: 20px;
  407.  
  408. color: black;
  409. font-weight: normal;
  410. }
  411.  
  412. </style>
  413.  
  414. {block:IndexPage}
  415. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/iBElrgjim/jquerymasonry.js"></script>
  416. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/Qyblrgjfn/jqueryinfintescroll.js"></script>
  417.  
  418. <script type="text/javascript">
  419. $(window).load(function () {
  420. var $content = $('#posts');
  421. $content.masonry({itemSelector: '.entry'}),
  422. $content.infinitescroll({
  423. navSelector : 'div#pagination',
  424. nextSelector : 'div#pagination a#nextPage',
  425. itemSelector : '.entry',
  426. loading: {
  427. finishedMsg: '',
  428. img: 'http://static.tumblr.com/dbek3sy/pX1lrx8xv/ajax-loader.gif'
  429. },
  430. bufferPx : 600,
  431. debug : false,
  432. },
  433. // call masonry as a callback.
  434. function( newElements ) {
  435. var $newElems = $( newElements );
  436. $newElems.hide();
  437. // ensure that images load before adding to masonry layout
  438. $newElems.imagesLoaded(function(){
  439. $content.masonry( 'appended', $newElems, true, function(){$newElems.fadeIn(300);} );
  440.  
  441.  
  442. });
  443. });
  444. });
  445. </script>
  446.  
  447. {/block:IndexPage}
  448.  
  449.  
  450. <span class="lol"> <br>
  451.  
  452.  
  453.  
  454. </head>
  455. <body>
  456.  
  457. <div class="wrapper">
  458. <div class="header">
  459. </div>
  460.  
  461.  
  462.  
  463.  
  464.  
  465. <div id="sidebar">
  466.  
  467. <a title="" href="/">
  468. <div id="title2"><a href="/">{title}</div></a></center>
  469. <center>
  470.  
  471.  
  472. <center>{Description} <br>
  473.  
  474. {block:ifEllipseMenu}
  475. <div class="kitten">
  476. <a href="/">home</a></div>
  477. <div class="kitten">
  478. <a href="#?w=500" rel="02" class="poplight">ask</a></div>
  479. <div class="kitten">
  480. <a href="#?w=500" rel="links" class="poplight">links</a></div>
  481. <div class="kitten">
  482. <a href="http://thepinkrebellion.tumblr.com/">theme</a></div>
  483. </div>
  484. {/block:ifEllipseMenu}
  485.  
  486. {block:ifnotEllipseMenu}
  487. <div class="links">
  488. <a href="/">home</a></a>
  489. </div>
  490.  
  491.  
  492. <div class="links">
  493. <a href="#?w=500" rel="02" class="poplight">ask</a>
  494. </div>
  495.  
  496. <div class="links">
  497. <a href="#?w=500" rel="links" class="poplight">links</a></a>
  498. </div>
  499.  
  500. <div class="links">
  501. <a href="http://thepinkrebellion.tumblr.com/">theme</a></a>
  502. </div>
  503. </div>
  504. {/block:ifnotEllipseMenu}
  505.  
  506. </div>
  507.  
  508. <div class="content">
  509.  
  510. <div class="left">
  511.  
  512. <div id="posts">
  513. {block:Posts}
  514. <div class="entry">
  515.  
  516. {block:Text}
  517. <div style="padding-top:10px; padding-bottom:0px; padding-left:10px; padding-right:10px;">
  518. {block:Title}
  519. <a href="{permalink}"><span class="title">{Title}</span></a>
  520. {/block:Title}
  521. <span class="entrytext" style="line-height:12px;">{Body}</span>
  522. <a href="{Permalink}"></a></div>
  523. {block:IndexPage}
  524. <div align="right">
  525. <a href="{permalink}"></a></div>
  526. {/block:Date}{/block:IndexPage}
  527. {/block:Text}
  528.  
  529. {block:Link}
  530. <a href="{URL}" class="title">{Name}</a>
  531. {block:Description}{Description}{/block:Description}
  532. {block:Link}
  533.  
  534. {block:Photo}
  535. {block:IndexPage}{LinkOpenTag}<div class="photo"><a href="{permalink}"><img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="380"/></a></div>{LinkCloseTag}{/block:IndexPage}
  536. {block:PermalinkPage}{LinkOpenTag}<a href="{permalink}"><img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="550"/></a>{LinkCloseTag}{/block:PermalinkPage}
  537. {/block:Photo}
  538.  
  539.  
  540. {block:Photoset}
  541. {block:IndexPage}
  542. <center>
  543. {Photoset-340}</center>
  544. {/block:IndexPage}
  545. {block:PermalinkPage}
  546. <center>
  547. {Photoset-550}</center>
  548. {/block:PermalinkPage}
  549. {/block:Photoset}
  550.  
  551. {block:Quote}
  552. {Quote}</span>
  553. {block:Source}<strong>{Source}</strong>{/block:Source}
  554. {/block:Quote}
  555.  
  556. {block:Chat}
  557. {block:Title}<span class="title">{Title}</span>{/block:Title}
  558. <ul class="chat">
  559. {block:Lines}
  560. <li class="user_{UserNumber}">
  561. {block:Label}
  562. <span class="label">{Label}</span>
  563. {/block:Label}
  564.  
  565. {Line}
  566. </li>
  567. {/block:Lines}
  568. </ul>
  569. {/block:Chat}
  570.  
  571. {block:Audio}
  572. <center><div style="width:340px; height:28px;"><div style="float:left">{AudioPlayerBlack}</div><div style="margin-top:10px; float:right;">
  573. {block:ExternalAudio}{/block:ExternalAudio}</div></div></center>
  574. {/block:Audio}
  575.  
  576. {block:Video}
  577. {block:IndexPage}
  578. <center>
  579. {Video-340}</center>
  580. {/block:IndexPage}
  581. {block:PermalinkPage}
  582. <center>
  583. {Video-550}</center>
  584. {/block:PermalinkPage}
  585. {block:Video}
  586.  
  587. {block:PermalinkPage}
  588. <center>
  589. <br>{block:Caption}{Caption}{/block:Caption}{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}{block:HasTags} &middot; {block:Tags}<a href="TagURL"> #{Tag}</a> {/block:Tags}{/block:hasTags}</center>
  590.  
  591.  
  592. {/block:PermalinkPage}
  593.  
  594.  
  595. {block:PostNotes}{PostNotes}
  596. {/block:PostNotes}
  597. </div>
  598.  
  599.  
  600. {/block:Posts}
  601. </div>
  602. </div>
  603. {block:IndexPage}
  604. {block:Pagination}
  605. <div id="pagination">
  606. {block:NextPage}
  607. <a id="nextPage" href="{NextPage}">&nbsp;&rarr;</a>
  608. {/block:NextPage}
  609. {block:PreviousPage}
  610. <a href="{PreviousPage}">&larr;&nbsp;</a>
  611. {/block:PreviousPage}
  612. </div>
  613. {/block:Pagination}
  614. {/block:IndexPage}
  615. </div>
  616.  
  617.  
  618. <div id="03" class="popup_block">
  619.  
  620. <center><font size="2" color="#000">{block:HasPages}{block:Pages}<a href="{URL}">{Label}</a><br>{/block:Pages}{/block:hasPages} <a href="http://thepinkrebellion.tumblr.com/">theme</a> <br> </p> </font>
  621. </div>
  622.  
  623.  
  624. </body>
  625.  
  626. <div id="links" class="popup_block">
  627. <center><div style="font-family:Happy Monkey;font-size:50px;line-height:50px;">links</div><br>
  628. <a href="/archive">history</a>&nbsp;&nbsp;·
  629. {block:HasPages}{block:Pages}
  630. <a href="{URL}"><span>{Label}&nbsp;&nbsp;·</span></a>
  631. {/block:Pages}{/block:HasPages}
  632. &nbsp;&nbsp;<a href="http://thepinkrebellion.tumblr.com">theme</a>
  633. </center>
  634.  
  635. </div>
  636.  
  637. <div id="02" class="popup_block">
  638.  
  639. <Center><font size="5" color="#1C1C1C"><p></font><iframe frameborder="0" scrolling="yes" width="100%" height="150" src="http://www.tumblr.com/ask_form/{Name}.tumblr.com" style="background-color:transparent; overflow:hidden;" id="ask_form">
  640. </center></div>
  641.  
  642. </div></div></div></div></div></div></div></div></div></div>
  643.  
  644. <br>
  645. <br>
  646.  
  647. </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!