API tools faq
paste
Advertisement
thepinkrebellion

via grande theme by thepinkrebellion

thepinkrebellion
Feb 16th, 2012
73
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 14.64 KB | None | 0 0
raw download clone embed print report
  1. <html lang="en">
  2. <head>
  3.  
  4.  
  5.  
  6. <script type="text/javascript"
  7. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  8. <script>
  9. $(document).ready(function() {
  10. //
  11. $('a.poplight[href^=#]').click(function() {
  12. var popID = $(this).attr('rel'); //Get Popup Name
  13. var popURL = $(this).attr('href'); //Get Popup href to define size
  14. var query= popURL.split('?');
  15. var dim= query[1].split('&');
  16. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  17. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"><img src="http://i1117.photobucket.com/albums/k600/hottastic/purpleclose.gif" class="btn_close" title="Close" alt="Close" /></a>');
  18. var popMargTop = ($('#' + popID).height() + 80) / 2;
  19. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  20. //Apply Margin to Popup
  21. $('#' + popID).css({
  22. 'margin-top' : -popMargTop,
  23. 'margin-left' : -popMargLeft
  24. });
  25. $('body').append('<div id="fade"></div>');
  26. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  27. return false;
  28. });
  29. $('a.close, #fade').live('click', function() {
  30. $('#fade , .popup_block').fadeOut(function() {
  31. $('#fade, a.close').remove(); //fade them both out
  32. });
  33. return false;
  34. });
  35. });
  36. </script>
  37.  
  38. <link href='http://fonts.googleapis.com/css?family=Short+Stack' rel='stylesheet' type='text/css'>
  39.  
  40. <script type="text/javascript">
  41. WebFontConfig = {
  42. google: { families: [ 'Short+Stack::latin' ] }
  43. };
  44. (function() {
  45. var wf = document.createElement('script');
  46. wf.src = ('https:' == document.location.protocol ? 'https' : 'http') +
  47. '://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js';
  48. wf.type = 'text/javascript';
  49. wf.async = 'true';
  50. var s = document.getElementsByTagName('script')[0];
  51. s.parentNode.insertBefore(wf, s);
  52. })(); </script>
  53.  
  54. <!-- DEFAULT VARIABLES -->
  55. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  56. <meta name="color:background" content="#C1CDD8"/>
  57. <meta name="color:text" content="#000"/>
  58. <meta name="color:title" content="#000"/>
  59. <meta name="color:link" content="#000"/>
  60. <meta name="color:hover" content="#000"/>
  61. <meta name="color:hoverbackground" content="#000"/>
  62. <meta name="image:sidebar" content="1"/>
  63. <meta name="image:Background" content="1"/>
  64. <meta name="if:tiny cursor" content="1"/>
  65. <meta name="if:infinite scrolling" content="1"/>
  66. <meta name="if:show arrows" content="0"/">
  67. <meta name="if:show photo" content="0"/>
  68. <meta name="if:show blog title" content="1"/>
  69. <meta name="if:tiny scrollbar" content="1/">
  70. <meta name="if:TypingTitle" content="1">
  71. <meta name="text:TypingTitle" content="" />
  72.  
  73. <title>{Title}{block:PostTitle} - {PostTitle}{/block:PostTitle}</title>{block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  74.  
  75. {block:ifinfinitescrolling}<script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>{/block:ifinfinitescrolling}
  76.  
  77. <style type="text/css">#fade { /*--Transparent background layer--*/
  78. display: none; /*--hidden by default--*/
  79. background: #000;
  80. position: fixed; left: 0; top: 0;
  81. width: 100%; height: 100%;
  82. opacity: .80;
  83. z-index: 9999;
  84. }
  85. .popup_block{
  86. display: none; /*--hidden by default--*/
  87. background: #fff;
  88. padding: 20px;
  89. border: 20px solid #ddd;
  90. float: left;
  91. font-size: 1.2em;
  92. position: fixed;
  93. top: 50%; left: 50%;
  94. z-index: 99999;
  95. /*--CSS3 Box Shadows--*/
  96. -webkit-box-shadow: 0px 0px 20px #000;
  97. -moz-box-shadow: 0px 0px 20px #000;
  98. box-shadow: 0px 0px 20px #000;
  99. /*--CSS3 Rounded Corners--*/
  100. -webkit-border-radius: 10px;
  101. -moz-border-radius: 10px;
  102. border-radius: 10px;
  103. }
  104. img.btn_close {
  105. float: right;
  106. margin: -5px -5px 0 0;
  107. }
  108. /*--Making IE6 Understand Fixed Positioning--*/
  109. *html #fade {
  110. position: absolute;
  111. }
  112. *html .popup_block {
  113. position: absolute;
  114. }
  115. body, a:hover {cursor: url(http://cur.cursors-4u.net/others/oth-6/oth589.cur), progress !important;}
  116.  
  117. {block:iftinyscrollbar}
  118. ::-webkit-scrollbar {width: 8px; height: 4px; background: #FFFFFF; }
  119.  
  120. ::-webkit-scrollbar-thumb { background-color: #ffffff; -webkit-border-radius: 1ex; border: 1px solid black;}
  121. {/block:iftinyscrollbar}
  122.  
  123. body {
  124. margin:0px;
  125. background-color: {color:Background};
  126. background-image:url({image:Background});
  127. background-attachment: fixed;
  128. background-repeat: repeat;}
  129. body, div, p, textarea, submit, input{
  130. font-family: 'Handlee', cursive;
  131. font-size: 12px;
  132. line-height:10px;
  133. letter-spacing:0px;
  134. color:{color:Text};
  135. }
  136.  
  137. p {
  138. margin:0px;
  139. margin-top:0px;
  140. }
  141.  
  142.  
  143. a:link, a:active, a:visited{
  144. color: {color:Link};
  145. text-decoration: none;
  146. -webkit-transition: color 0.5s ease-out;
  147. -moz-transition: color 0.5s ease-out;
  148. }
  149.  
  150. a:hover{
  151. color:{color:Hover};
  152. text-decoration: underline;
  153. -webkit-transition: color 0.3s ease-out;
  154. -moz-transition: color 0.3s ease-out;
  155. }
  156.  
  157.  
  158. div#center{
  159. margin:auto;
  160. position:relative;
  161. width:840px;
  162. background-color:;
  163. overflow:auto;
  164. overflow-y:hidden;
  165. }
  166.  
  167. div#content{
  168. float:right;
  169. width: 300px;
  170. margin-right: 280px;
  171. padding:2px;
  172. padding-top: 2px;
  173. background: #fff;
  174. border:1px solid black;
  175. }
  176. #bubblebar
  177. {font-family:arial;
  178. width:60px;
  179. position:fixed;
  180. left:10px;
  181. top:-5px;}
  182. .bubble
  183. {text-align:center;
  184. float:left;
  185. height:7px;
  186. width:30px;
  187. padding: 5px 0 10px 2;
  188. margin-top:10px;
  189. overflow:hidden;
  190. moz-border-radius: 15px 15px 15px 15px;
  191. border-radius:15px 15px 15px 15px;
  192. -webkit-transition: opacity 0.7s linear;-webkit-transition: all 0.7s ease-in-out;-moz-transition: all 0.7s ease-in-out;-o-transition: all 0.7s ease-in-out;
  193. z-index:999;font-family:arial;}
  194.  
  195. #music
  196. {border:1px solid #000000;
  197. background-color:#ffffff;}
  198.  
  199. #music:hover
  200. {padding:2px;
  201. height:50px;
  202. width:55px;
  203. border:1px solid #ffffff;}
  204.  
  205. #player{padding-bottom:5px;}
  206.  
  207.  
  208. div#entry{
  209. background-color:;
  210. margin-top:px;
  211. padding-top:0px;
  212. padding-bottom:2px;
  213. }
  214.  
  215. #entry .perma a{
  216. color:#000;
  217. }
  218.  
  219. #entry .perma{
  220. width:100px;
  221. height: 15px;
  222. position: absolute;
  223. font-family: 'Handlee', cursive;
  224. font-size: 12px;
  225. line-height: 15px;
  226. text-align: center;
  227. margin-top: 5px;
  228. margin-left: 4px;
  229. overflow:hidden;
  230. opacity: 0.0;
  231. background-color:#fff;
  232. border-top-right-radius:10px;
  233. border-bottom-right-radius:10px;
  234. border-top-left-radius:10px;
  235. border-bottom-left-radius:10px;
  236. }
  237.  
  238. #entry:hover .perma{
  239. overflow:visible;
  240. -webkit-transition: opacity 0.2s linear; opacity: 0.8;
  241. -webkit-transition: all 0.2s linear;
  242. -moz-transition: all 0.2s linear;
  243. transition: all 0.2s linear;
  244. }
  245.  
  246.  
  247. div#sidebar{
  248. position:fixed !important;
  249. margin-right: 560px;
  250. width: 160px;
  251. height: auto;
  252. padding: 2px;
  253. line-height:10px;
  254. font-size: 12px;
  255. font-family: 'Handlee', cursive;
  256. letter-spacing:0px;
  257. margin-bottom: 0px;
  258. margin-top: 148px;
  259. background-color:white;
  260. }
  261.  
  262.  
  263. div#sidebar2{
  264. position:fixed !important;
  265. margin-left: 180px;
  266. margin-top: 148px;
  267. width: 40px;
  268. height: auto;
  269. padding: 1px;
  270. line-height:10px;
  271. font-size: 10px;
  272. font-family: 'Handlee', cursive;
  273. letter-spacing:0px;
  274. margin-bottom: 0px;
  275. background-color:{color:background};
  276. }
  277.  
  278. .links{
  279. display: block;
  280. font-size: 12px;
  281. text-align: center;
  282. margin-left: 0px;
  283. background-color:{color:background};
  284. }
  285.  
  286. .links a {
  287. width: 45px;
  288. height: 10px;
  289. padding:0.5px;
  290. padding-top:4px;
  291. margin-top:1px;
  292. margin-left:0px;
  293. display:block;
  294. font-family: 'Handlee', cursive;
  295. font-size:12px;
  296. text-align: center;
  297. text-transform:uppercase;
  298. text-decoration:none;
  299. color: #a5a5a5;
  300. background-color:#eee;
  301. -webkit-transition: all 0.8s ease-out;
  302. -moz-transition: all 0.8s ease-out;
  303. transition: all 0.8s ease-out;
  304. }
  305.  
  306. .links a:hover{
  307. width: 60px;
  308. height: 10px;
  309. color: #ffffff;
  310. background-color:{color:hoverbackground};
  311. -webkit-transition: all 0.3s ease-out;
  312. -moz-transition: all 0.3s ease-out;
  313. border-left:0px solid #e1e1e1;
  314. transition: all 0.3s ease-out;
  315. text-align:right;
  316. }
  317.  
  318.  
  319. #postnotes{
  320. text-align: justify;}
  321.  
  322. #postnotes blockquote{
  323. border: 0px;}
  324.  
  325. .title{
  326. font-family: 'Princess Sofia', cursive;
  327. font-size: 14px;
  328. line-height: 13px;
  329. font-style: italic;
  330. color: {color:Title};
  331. letter-spacing: {text:title letter spacing};
  332. font-weight: normal;
  333. padding:0px 0px 0px 0px;
  334. }
  335.  
  336. .blogtitle{
  337. font-family: 'Princess Sofia', cursive;
  338. font-size: 20px;
  339. line-height: 15px;
  340. color: {color:Title};
  341. letter-spacing: {text:title letter spacing};
  342. font-weight: {text:title font weight};
  343. padding:0px 0px 0px 0px;
  344. }
  345.  
  346. blockquote{
  347. padding:0px 0px 2px 5px;
  348. margin:0px 0px 2px 1px;
  349. border-left: 1px dotted #555555;
  350. }
  351.  
  352. blockquote p, ul{
  353. margin:0px;
  354. padding:0px;
  355. }
  356.  
  357.  
  358. a img{border: 0px;}
  359.  
  360. ul, ol, li{list-style:none; margin:0px; padding:0px;}
  361.  
  362. .user_1 .label, .user_2 .label, .user_3 .label, .user_4 .label, .user_5 .label, .user_6 .label,
  363. .user_7 .label, .user_8 .label, .user_9 .label {color:#555555;}
  364.  
  365. .notes img{width:10px; position:relative; top:3px;}
  366.  
  367. @font-face {font-family: "tinytots";src: url('http://static.tumblr.com/rmj06l2/Usellxb4i/tinytots.ttf');}
  368.  
  369. @font-face { font-family: "myprince"; src: url('http://static.tumblr.com/rmj06l2/Ez5lo1s2r/akmy_prince.ttf'); }
  370.  
  371. small{font-size: 90%;}
  372.  
  373.  
  374. </style>
  375.  
  376. <link rel="shortcut icon" href="{Favicon}">
  377. <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" />
  378. <meta name="viewport" content="width=820" />
  379.  
  380. <style>#toTop {display:none;text-decoration:none;position:fixed;bottom:20px;right:20px;overflow:hidden;width:30px;height:40px;border:none;text-indent:-999px;background:url(http://media.tumblr.com/tumblr_lq1hgsRfDW1qcn2vb.png) no-repeat left top;z-index:3000;}#toTopHover {background:url(http://media.tumblr.com/tumblr_lq1hgsRfDW1qcn2vb.png) no-repeat left -40px;
  381. width:30px;height:40px;display:block;overflow:hidden;float:left;opacity: 0;-moz-opacity: 0;filter:alpha(opacity=0);}
  382. #toTop:active, #toTop:focus {outline:none;}#toTop:active, #toTop:focus {outline:none;}</style>
  383.  
  384. <script type="text/javascript" src="http://static.tumblr.com/53unaru/kx3lgzker/jquery-1.3.2.min.js" charset="utf-8"></script>
  385. <script type="text/javascript" src="http://static.tumblr.com/53unaru/4jtlgzkf8/easing.js"></script>
  386. <script type="text/javascript" src="http://static.tumblr.com/53unaru/y8wlgzkbt/jquery.ui.totop.js"></script>
  387. <script type="text/javascript">
  388. $(document).ready(function() {
  389. $().UItoTop({ easingType: 'easeOutQuart' });
  390. });
  391. </script>
  392. {block:ifTypingTitle}<script type="text/javascript">
  393. var rev = "fwd";
  394. function titlebar(val)
  395. {
  396. var msg = "{text:URLname}";
  397. var res = " ";
  398. var speed = 100;
  399. var pos = val;
  400. msg = "{text:URLname}";
  401. var le = msg.length;
  402. if(rev == "fwd"){
  403. if(pos < le){
  404. pos = pos+1;
  405. scroll = msg.substr(0,pos);
  406. document.title = scroll;
  407. timer = window.setTimeout("titlebar("+pos+")",speed);}
  408. else{
  409. rev = "bwd";
  410. timer = window.setTimeout("titlebar("+pos+")",speed);}}
  411. else{
  412. if(pos > 0){
  413. pos = pos-1;
  414. var ale = le-pos;
  415. scrol = msg.substr(ale,le);
  416. document.title = scrol;
  417. timer = window.setTimeout("titlebar("+pos+")",speed);}
  418. else{
  419. rev = "fwd";
  420. timer = window.setTimeout("titlebar("+pos+")",speed);
  421. }}}
  422. titlebar(0);
  423. </script>{/block:ifTypingTitle}
  424.  
  425.  
  426. </head>
  427. <body>
  428.  
  429. <div id="cage">
  430. <div id="center">
  431. <div id="sidebar2">
  432. <span class="links"><a href="/">home</a>
  433. <a href="#?w=500" rel="02" class="poplight" style="height:16px;line-height:16px;">message</a>
  434. <a href="/links">links</a>
  435. <a href="http://thepinkrebellion.tumblr.com/">theme</a>
  436. </script></span></div>
  437.  
  438. <div id="sidebar">
  439. {block:ifshowblogtitle}<div class="blogtitle"><center><a href="/">{Title}</a></center></div>{/block:ifshowblogtitle}
  440. {block:ifshowphoto}<a href="/"><img src="{image:sidebar}" width=160px></a>{/block:ifshowphoto}
  441. <center>
  442. {Description}
  443. {block:ifshowarrows}
  444. {block:PreviousPage}<a href="{PreviousPage}"><font size="3"><b>&larr;</b></font></a>{/block:PreviousPage}
  445. {block:NextPage}<a href="{NextPage}"><font size="3"><b>&rarr;</b></font></a>{/block:NextPage}
  446. {/block:ifshowarrows}
  447. </div>
  448. <div id="bubblebar">
  449.  
  450. <div class="bubble" id="music"><img src="http://i622.photobucket.com/albums/tt306/SH33P_G1RL/MusicBars.gif">
  451.  
  452. <br/><br/>
  453.  
  454. <div id="player">MUSIC CODE HERE<br /><div></div>
  455. </div></div>
  456. </div>
  457.  
  458. <div id="content">
  459. {block:Posts}
  460. <div id="entry">
  461.  
  462.  
  463. {block:Text}
  464. {block:Title}<span class="title">{Title}</span>{/block:Title}
  465. {Body}
  466. {/block:Text}
  467.  
  468. {block:Link}
  469. <a href="{URL}" class="title">{Name}</a>
  470. {block:Description}{Description}{/block:Description}
  471. {block:Link}
  472.  
  473. {block:Photo}<center>
  474. {block:IndexPage}{LinkOpenTag}<div class="photo"><img src="{PhotoURL-500}" alt="{PhotoAlt}" width=300px/></div>{LinkCloseTag}{/block:IndexPage}{block:PermalinkPage}{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"width=00px/>{LinkCloseTag}{/block:PermalinkPage}</center>
  475. {block:ifshowcaptions}{caption}{/block:ifshowcaptions}
  476. {/block:Photo}
  477.  
  478. {block:Photoset}
  479. <center><div class="photoset_photo">{Photoset-400}</div></center>
  480. {block:ifshowcaptions}{caption}{/block:ifshowcaptions}
  481. {/block:Photoset}
  482.  
  483. {block:Quote}
  484. <span class="title">{Quote}</span>
  485. {block:Source}<p align="center">-{Source}</p>{/block:Source}
  486. </span>
  487. {/block:Quote}
  488.  
  489. {block:Chat}
  490. {block:Title}<span class="title">{Title}</span>{/block:Title}
  491. <ul class="chat">
  492. {block:Lines}
  493. <li class="user_{UserNumber}">
  494. {block:Label}
  495. <span class="label">{Label}</span>
  496. {/block:Label}
  497. {Line}
  498. </li>
  499. {/block:Lines}
  500. </ul>
  501. {/block:Chat}
  502.  
  503. {block:Audio}
  504. <center><div class="audio"><div style="width:400px; height:-10px;"><div style="float:center">{AudioPlayerGrey}</div><div style="margin-top:10px; float:right;">
  505. </div></div>{block:ifshowcaptions}{caption}{/block:ifshowcaptions}</center>
  506. {/block:Audio}
  507.  
  508. {block:Video}<center>
  509. {Video-400}</center>{block:ifshowcaptions}{caption}{/block:ifshowcaptions}
  510. {block:Video}
  511.  
  512. {block:PermalinkPage}{block:ifnotshowcaptions}{block:Caption}{Caption}{/block:Caption}{/block:ifnotshowcaptions}{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}{/block:PermalinkPage}
  513.  
  514. {block:PostNotes}{PostNotes}
  515. {/block:PostNotes}
  516. </div>
  517.  
  518. {/block:Posts}
  519. </center>
  520. {block:ifshowarrows}<center><a href="http://thepinkrebellion.tumblr.com/">theme</a></center>{/block:ifshowarrows}
  521. </div></div>
  522. <center>
  523. </div>
  524. </center>
  525.  
  526. </div><div style="display:block;bottom:5px;right:5px;font-size:10px;font-family:georgia;position:fixed;background-color:#ffffff;padding:3px;border-radius:10px;z-index:5;opacity:0.75;">theme by <a href="http://thepinkrebellion.tumblr.com">thepinkrebellion</a></div>
  527.  
  528. </body>
  529. <div id="02" class="popup_block">
  530.  
  531. <Center><font size="5" color="#1C1C1C"><p></font><iframe frameborder="0" scrolling="yes" width="100%" height="150" src="http://www.tumblr.com/ask_form/{URL}.tumblr.com" style="background-color:transparent; overflow:hidden;" id="ask_form">
  532. </center></div>
  533.  
  534. </div></div></div></div></div></div></div></div></div></div>
  535. </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!