API tools faq
paste
Fucking_Aj

Therapy Theme by Mufflinq

Fucking_Aj
Mar 7th, 2015
460
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 36.95 KB | None | 0 0
raw download clone embed print report
  1.  
  2.  
  3. <!--
  4. █▀▀▄ █▀▀█ █░░█ █░░█ 　 ▀▀█▀▀ █░░█ █▀▀ █▀▄▀█ █▀▀ █▀▀
  5. █▀▀▄ █▄▄▀ █░░█ █▀▀█ 　 ░░█░░ █▀▀█ █▀▀ █░▀░█ █▀▀ ▀▀█
  6. ▀▀▀░ ▀░▀▀ ░▀▀▀ ▀░░▀ 　 ░░▀░░ ▀░░▀ ▀▀▀ ▀░░░▀ ▀▀▀ ▀▀▀
  7.  
  8.  
  9. -->
  10.  
  11. <html lang="en">
  12.  
  13. <script type="text/javascript"
  14. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  15. <script>
  16. $(document).ready(function() {
  17. //
  18. $('a.poplight[href^=#]').click(function() {
  19. var popID = $(this).attr('rel'); //Get Popup Name
  20. var popURL = $(this).attr('href'); //Get Popup href to define size
  21. var query= popURL.split('?');
  22. var dim= query[1].split('&');
  23. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  24. $('#' + 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>');
  25. var popMargTop = ($('#' + popID).height() + 80) / 2;
  26. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  27. //Apply Margin to Popup
  28. $('#' + popID).css({
  29. 'margin-top' : -popMargTop,
  30. 'margin-left' : -popMargLeft
  31. });
  32. $('body').append('<div id="fade"></div>');
  33. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  34. return false;
  35. });
  36. $('a.close, #fade').live('click', function() {
  37. $('#fade , .popup_block').fadeOut(function() {
  38. $('#fade, a.close').remove(); //fade them both out
  39. });
  40. return false;
  41. });
  42. });
  43. </script>
  44. <link href="http://static.tumblr.com/eih4pta/Flam72cb8/animate-custom__1_.css";; rel="stylesheet">
  45. <link href='http://fonts.googleapis.com/css?family=Pacifico' rel='stylesheet' type='text/css'>
  46. <!DOCTYPE html PUBLIC"-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  47. <html xmlns="http://www.w3.org/1999/xhtml">
  48. <head>
  49. <link href='http://fonts.googleapis.com/css?family=Sacramento' rel='stylesheet' type='text/css'>
  50. <link href='http://fonts.googleapis.com/css?family=Grand+Hotel' rel='stylesheet' type='text/css'>
  51. <link href='http://fonts.googleapis.com/css?family=Petit+Formal+Script' rel='stylesheet' type='text/css'>
  52.  
  53. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  54. <script type="text/javascript" src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
  55. <script>
  56. (function($){
  57. $(document).ready(function(){
  58. $("[title]").style_my_tooltips();
  59. });
  60. })(jQuery);
  61. </script>
  62. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
  63.  
  64. <script src="jquery.js"></script>
  65. <script>
  66. $(document).ready(function(){
  67. $("#click").click(function(){
  68. $("#guts").slideToggle("fast");
  69. });
  70. });
  71. </script>
  72.  
  73. <script src="jquery.js"></script>
  74. <script>
  75. $(document).ready(function(){
  76. $("#click2").click(function(){
  77. $("#guts2").slideToggle("fast");
  78. });
  79. });
  80. </script>
  81.  
  82. <script src="jquery.js"></script>
  83. <script>
  84. $(document).ready(function(){
  85. $("#click3").click(function(){
  86. $("#guts3").slideToggle("fast");
  87. });
  88. });
  89. </script>
  90. <link href='http://fonts.googleapis.com/css?family=Cedarville+Cursive' rel='stylesheet' type='text/css'>
  91. <link href="http://static.tumblr.com/eih4pta/Flam72cb8/animate-custom__1_.css";; rel="stylesheet">
  92.  
  93. <script type="text/javascript">
  94. <!--
  95.  
  96. // Disable Right Click Script
  97.  
  98. function IE(e)
  99. {
  100. if (navigator.appName == "Microsoft Internet Explorer" && (event.button == "2" || event.button == "3"))
  101. {
  102. return false;
  103. }
  104. }
  105. function NS(e)
  106. {
  107. if (document.layers || (document.getElementById && !document.all))
  108. {
  109. if (e.which == "2" || e.which == "3")
  110. {
  111. return false;
  112. }
  113. }
  114. }
  115. document.onmousedown=IE;document.onmouseup=NS;document.oncontextmenu=new Function("return false");
  116.  
  117. //-->
  118. </script>
  119. <link href='http://fonts.googleapis.com/css?family=Josefin+Slab' rel='stylesheet' type='text/css'>
  120.  
  121. <script type="text/javascript"
  122. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  123.  
  124. <!--DEFAULT VARIABLES-->
  125. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  126. <meta name="color:background" content="#fff"/>
  127. <meta name="color:link" content="#777"/>
  128. <meta name="color:text" content="#777"/>
  129. <meta name="color:title" content="#333"/>
  130. <meta name="color:hover" content="#fff"/>
  131. <meta name="color:borders" content="#CEE3F6"/>
  132. <meta name="color:blogtitle" content="#CEE3F6"/>
  133. <meta name="image:sidebar" content="1"/>
  134. <meta name="image:pic" content="1"/>
  135. <meta name="image:background" content="1"/>
  136. <meta name="text:blogtitle1" content="therapy"/>
  137.  
  138. <meta name="text:quote" content="Give me therapy.
  139. I'm a walking travesty
  140. But I'm smiling at everything.
  141. Therapy...
  142. You were never a friend to me
  143. And you can keep all your misery."/>
  144. <meta name="text:Link 1 msg" content="message"/>
  145. <meta name="text:link 1 url" content="/"/>
  146. <meta name="text:link 1 title" content="Home"/>
  147.  
  148. <meta name="text:Link 2 msg" content="message 2"/>
  149. <meta name="text:link 2 url" content="/ask"/>
  150. <meta name="text:link 2 title" content="Message"/>
  151.  
  152. <meta name="text:Link 3 msg" content="message 3"/>
  153. <meta name="text:link 3 url" content="/submit"/>
  154. <meta name="text:link 3 title" content="Submit"/>
  155.  
  156. <meta name="text:Link 4 msg" content="message 4"/>
  157. <meta name="text:link 4 url" content="/"/>
  158. <meta name="text:link 4 title" content="Uploads"/>
  159. <style type="text/css">
  160. html, body, a{ cursor:url("http://static.tumblr.com/bcpenwm/e1znbxtup/cursor.png"), auto !important;}
  161. a:hover{cursor:url("http://static.tumblr.com/bcpenwm/8sInbxu65/cursorhover.png"), auto !important; }
  162. /*--Codes for Links Table--*/
  163. div#box{
  164. overflow:auto;
  165. position:fixed;
  166. line-height:12px;
  167. font-family:calibri;
  168. font-size:11px;
  169. text-transform:normal;
  170. background:white;
  171. padding:15px;
  172. padding-top:12px;
  173. border:1px solid #eee;
  174. text-align:left;
  175. line-height:12px;
  176. height:134px;
  177. width:154px;
  178. color:#999;
  179. margin-top:5px;
  180. margin-left:-10px;
  181. z-index:9999;
  182. }
  183.  
  184. div#box2{
  185. overflow:auto;
  186. position:fixed;
  187. line-height:12px;
  188. font-family:calibri;
  189. font-size:11px;
  190. text-transform:normal;
  191. background:white;
  192. padding:15px;
  193. padding-top:12px;
  194. border:1px solid #eee;
  195. text-align:left;
  196. line-height:12px;
  197. height:134px;
  198. width:154px;
  199. color:#999;
  200. margin-top:5px;
  201. margin-left:187px;
  202. z-index:9999;
  203. }
  204.  
  205. div#box3{
  206. overflow:auto;
  207. position:fixed;
  208. line-height:12px;
  209. font-family:calibri;
  210. font-size:11px;
  211. text-transform:normal;
  212. background:white;
  213. padding:15px;
  214. padding-top:12px;
  215. border:1px solid #eee;
  216. text-align:left;
  217. line-height:12px;
  218. height:134px;
  219. width:154px;
  220. color:#999;
  221. margin-top:5px;
  222. margin-left:385px;
  223. z-index:9999;
  224. }
  225.  
  226. div#box4{
  227. overflow:auto;
  228. position:fixed;
  229. line-height:12px;
  230. font-family:calibri;
  231. font-size:11px;
  232. text-transform:normal;
  233. background:white;
  234. padding:15px;
  235. padding-top:12px;
  236. border:1px solid #eee;
  237. text-align:left;
  238. line-height:12px;
  239. height:134px;
  240. width:154px;
  241. color:#999;
  242. margin-top:180px;
  243. margin-left:-10px;
  244. z-index:9999;
  245. }
  246.  
  247. div#box5{
  248. overflow:auto;
  249. position:fixed;
  250. line-height:12px;
  251. font-family:calibri;
  252. font-size:11px;
  253. text-transform:normal;
  254. background:white;
  255. padding:15px;
  256. padding-top:12px;
  257. border:1px solid #eee;
  258. text-align:left;
  259. line-height:12px;
  260. height:134px;
  261. width:154px;
  262. color:#999;
  263. margin-top:180px;
  264. margin-left:187px;
  265. z-index:9999;
  266. }
  267.  
  268. div#box6{
  269. overflow:auto;
  270. position:fixed;
  271. line-height:12px;
  272. font-family:calibri;
  273. font-size:11px;
  274. text-transform:normal;
  275. background:white;
  276. padding:15px;
  277. padding-top:12px;
  278. border:1px solid #eee;
  279. text-align:left;
  280. line-height:12px;
  281. height:134px;
  282. width:154px;
  283. color:#999;
  284. margin-top:180px;
  285. margin-left:385px;
  286. z-index:9999;}
  287.  
  288.  
  289. #special a{
  290. display:inline-block;
  291. width:60px;
  292. text-align:center;
  293. padding:8px;
  294. background:#e8caf8;
  295. text-transform:uppercase;
  296. letter-spacing:0px;
  297. font-size:8px;
  298. margin:4px;
  299. color:#fff;
  300. border-top-left-radius:10px;
  301. border-bottom-right-radius:10px;
  302. }
  303.  
  304. #special a:hover{
  305. background:#fff;
  306. color:#e8caf8;
  307. border:1px solid #eee;
  308. border-top-left-radius:0px;
  309. border-bottom-right-radius:0px;
  310. border-top-right-radius:10px;
  311. border-bottom-left-radius:10px;
  312. }
  313.  
  314. #special2 a{
  315. display:inline-block;
  316. width:60px;
  317. text-align:center;
  318. padding:8px;
  319. background:#e8caf8;
  320. text-transform:uppercase;
  321. letter-spacing:0px;
  322. font-size:8px;
  323. margin:4px;
  324. color:#fff;
  325. border-top-right-radius:10px;
  326. border-bottom-left-radius:10px;
  327. }
  328.  
  329. #special2 a:hover{
  330. background:#fff;
  331. color:#e8caf8;
  332. border:1px solid #eee;
  333. border-top-right-radius:0px;
  334. border-bottom-left-radius:0px;
  335. border-top-left-radius:10px;
  336. border-bottom-right-radius:10px;}
  337. /*--End--*/
  338.  
  339. #fade { /*--Transparent background layer--*/
  340. display: none; /*--hidden by default--*/
  341. background:white;
  342. position: fixed; left: 0; top: 0;
  343. width: 150px; height: 150px;
  344. opacity: .50;
  345. z-index: 999999999;
  346. }
  347. .popup_block{
  348. display: none; /*--hidden by default--*/
  349. background:white;
  350. padding: 20px;
  351. border-top: 1px solid #e1e1e1;
  352. border-bottom: 1px solid #e1e1e1;
  353. border-left: 5px solid {color:blogtitle};
  354. border-right: 5px solid {color:blogtitle};
  355. float: left;
  356. font-size:11px;
  357. font-family:calibri;
  358. position: fixed;
  359. text-transform:none;
  360. top: 50%; left: 50%;
  361. z-index: 9999999999999999;
  362. -webkit-animation:swing 2s;
  363. -moz-animation:swing 2s;
  364. -o-animation:swing 2s;
  365.  
  366. /*--CSS3 Rounded Corners--*/
  367. border-radius:10px;
  368. line-height:11px;
  369.  
  370. -webkit-transition: all .7s ease;
  371. -moz-transition: all .7s ease;
  372. -o-transition: all .7s ease;
  373. transition: all .7s ease;
  374. }
  375. .popup_block:hover{
  376. border-radius:0px;
  377. -webkit-transition: all .7s ease;
  378. -moz-transition: all .7s ease;
  379. -o-transition: all .7s ease;
  380. transition: all .7s ease;
  381. }
  382. img.btn_close {
  383. float: right;
  384. margin: 5px 5px 0 0;
  385. }
  386. /*--Making IE6 Understand Fixed Positioning--*/
  387. *html #fade {
  388. position: absolute;
  389. }
  390. *html .popup_block {
  391. position: absolute;
  392. }
  393. #s-m-t-tooltip {
  394. z-index: 9999;
  395. background: {color:borders};
  396. font-size: 9px;
  397. line-height: 11px;
  398. font-family: consolas;
  399.  
  400. letter-spacing: 1px;
  401. text-transform: uppercase;
  402. color: #fff;
  403. max-width: 150px;
  404. word-wrap: break-word;
  405. padding: 4px 10px 4px 12px;
  406. display: block;
  407. margin: 24px 14px 7px 12px;
  408. -webkit-box-shadow: 2px 2px 2px rgba(50, 50, 50, 0.10);
  409. -moz-box-shadow: 2px 2px 2px rgba(50, 50, 50, 0.10);
  410. box-shadow: 2px 2px 2px rgba(50, 50, 50, 0.10);
  411. }
  412. iframe#tumblr_controls {right:2px !important; position: fixed !important;-webkit-transition: opacity 0.7s linear;opacity: 0.05;-webkit-transition: all 0.8s ease-out;-moz-
  413.  
  414. transition: all 0.8s ease-out;transition: all 0.8s ease-out;}
  415.  
  416. iframe#tumblr_controls:hover{-webkit-transition: opacity 0.7s linear;opacity: 0.8;-webkit-transition: all 0.4s ease-out;-moz-transition: all 0.4s ease-out;transition: all 0.4s ease-out;}
  417.  
  418.  
  419.  
  420. p {
  421. margin:0px;
  422. margin-top:0px;
  423. }
  424.  
  425.  
  426. body {
  427. padding: 0px;
  428. margin: 0px;
  429. color:{color:text};
  430. font-family:calibri;
  431. font-size:11px;
  432. line-height:15px;
  433. background-color: {color:Background};
  434. background-image:url({image:Background});
  435. background-attachment: fixed;
  436. background-repeat: repeat;
  437. }
  438.  
  439.  
  440. a:link, a:active, a:visited{
  441. text-decoration: none;
  442. -webkit-transition: color 0.3s ease-out;
  443. -moz-transition: color 0.3s ease-out;
  444. transition: color 0.3s ease-out;
  445. color:{color:link};
  446. }
  447.  
  448. a:hover {
  449. text-decoration: none;
  450. font-style:;
  451. color: {color:Hover};
  452. }
  453.  
  454. div#center{
  455. margin:auto;
  456. position:relative;
  457. width:1000px;
  458. background-color:;
  459. overflow:auto;
  460. overflow-y:hidden;
  461. }
  462. ::selection {
  463. background: {color:blogtitle};
  464. color: #fff;
  465. padding:4px;
  466. }
  467. ::-moz-selection {
  468. background: {color:blogtitle};
  469. color: #fff;
  470. padding:4px;
  471. }
  472.  
  473. /*CUSTOMIZE ENTRY SETTINGS HERE*/
  474. .entry {
  475. float:left;
  476. display: block;
  477. margin:9px;
  478. overflow:hidden;
  479. width:270px;
  480. padding:10px;
  481. border:1px solid #e1e1e1;
  482. box-shadow:5px 4px #f2f2f2;
  483. {block:PermalinkPage}
  484. width:450px;
  485. text-align:left;
  486. line-height:12px;
  487. {/block:PermalinkPage}
  488. background:white;
  489. background-image:URL();
  490. }
  491. .hey{
  492. position:absolute;
  493. width:5%;
  494. height:150%;
  495. opacity:0.0;
  496. background:#fff;
  497. z-index:3;
  498. -webkit-transition: all 0.8s ease;
  499. -moz-transition: all 0.8s ease;
  500. -o-transition: all 0.8s ease;
  501. transition: all 0.8s ease;
  502. }
  503.  
  504. .entry:hover .hey{
  505. {block:indexpage}
  506. opacity:0.3;
  507. width:195%;
  508. -webkit-transition: all 0.8s ease;
  509. -moz-transition: all 0.8s ease;
  510. -o-transition: all 0.8s ease;
  511. transition: all 0.8s ease;
  512. {block:indexpage}
  513. }
  514.  
  515. .hey1{
  516. position:absolute;
  517. height:5%;
  518. width:0px;
  519. opacity:0.0;
  520. background:#fff;
  521. z-index:3;
  522. margin-top:0px;
  523.  
  524. -webkit-transition: all 0.8s ease;
  525. -moz-transition: all 0.8s ease;
  526. -o-transition: all 0.8s ease;
  527. transition: all 0.8s ease;
  528. }
  529.  
  530. .entry:hover .hey1{
  531. {block:indexpage}
  532. opacity:0.3;
  533. height:103%;
  534. width:195%;
  535. -webkit-transition: all 0.8s ease;
  536. -moz-transition: all 0.8s ease;
  537. -o-transition: all 0.8s ease;
  538. transition: all 0.8s ease;
  539. {block:indexpage}
  540. }
  541.  
  542. /*CUSTOMIZE THE APPEARANCE OF PERMALINKS*/
  543. .entry .perma{
  544. width:17px;
  545. height:17px;
  546. margin-left:15px;
  547. padding:10px;
  548. border:1px solid white;
  549. position: absolute;
  550. line-height: 16px;
  551. overflow:hidden;
  552. text-align:center;
  553. top:15px;
  554. background:{color:borders};
  555. word-spacing:2px;
  556. letter-spacing:1px;
  557. z-index:99;
  558. opacity: 0.0;
  559. -webkit-transition: all .7s ease;
  560. -moz-transition: all .7s ease;
  561. -o-transition: all .7s ease;
  562. transition: all .7s ease;
  563.  
  564. }
  565.  
  566. .entry:hover .perma{
  567. overflow:visible;
  568. opacity:.99;
  569. -webkit-animation:pulse 2s;
  570. -moz-animation:pulse 2s;
  571. -o-animation:pulse 2s;
  572. }
  573.  
  574. .entry .perma2{
  575. width:17px;
  576. height:17px;
  577. margin-left:70px;
  578. padding:10px;
  579. border:1px solid white;
  580. position: absolute;
  581. line-height: 16px;
  582. overflow:hidden;
  583. text-align:center;
  584. top:15px;
  585. background:{color:borders};
  586. word-spacing:2px;
  587. letter-spacing:1px;
  588. opacity: 0.0;z-index:99;
  589. -webkit-transition: all .7s ease;
  590. -moz-transition: all .7s ease;
  591. -o-transition: all .7s ease;
  592. transition: all .7s ease;
  593.  
  594. }
  595.  
  596. .entry:hover .perma2{
  597. overflow:visible;
  598. opacity:.99;
  599. -webkit-animation:pulse 2s;
  600. -moz-animation:pulse 2s;
  601. -o-animation:pulse 2s;
  602. }
  603.  
  604. .entry .perma3{
  605. width:17px;
  606. height:17px;
  607. margin-left:15px;
  608. padding:10px;
  609. border:1px solid white;
  610. position: absolute;
  611. line-height: 16px;
  612. font-size:19px;
  613. color:#fff;
  614. overflow:hidden;
  615. text-align:left;
  616. z-index:99;
  617. top:65px;
  618. background:{color:borders};
  619. opacity: 0.0;
  620. -webkit-transition: all .7s ease;
  621. -moz-transition: all .7s ease;
  622. -o-transition: all .7s ease;
  623. transition: all .7s ease;
  624.  
  625. }
  626. .perma3:hover{
  627. width:165px;
  628. color:#fff;
  629. -webkit-transition: all .7s ease;
  630. -moz-transition: all .7s ease;
  631. -o-transition: all .7s ease;
  632. transition: all .7s ease;
  633. }
  634. .perma3 a{
  635. color:#fff;
  636. }
  637.  
  638. .entry:hover .perma3{
  639. overflow:hide;
  640. color:#fff;
  641. opacity:.99;
  642. -webkit-animation:pulse 2s;
  643. -moz-animation:pulse 2s;
  644. -o-animation:pulse 2s;
  645. }
  646.  
  647.  
  648. /*CUSTOMIZE POST POSITIONING AND STUFFZ HERE*/
  649. #posts {
  650. width:700px;
  651.  
  652. margin-top:1px;
  653. z-index:99;
  654. margin-left:330px;
  655. right:auto;
  656.  
  657. background:transparent;
  658. margin-right:auto;
  659. position:relative;
  660. }
  661.  
  662. askk{
  663. font-size:16px;
  664. text-transform:none;
  665. font-family: 'Petit Formal Script', cursive;
  666. }
  667. .bubble {align:right;background-color:#fff; color: #aaa; margin:3px 0px 2px 5px;padding:10px;position: relative;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px; border:1px solid #e1e1e1;}
  668. .bubble p {margin:1px 0px;}
  669. .bubble span {display:block;position:absolute;width:1px;height:1px;font-size: 0;line-height: 1px;left:-11px;top:10px;border-top:7px solid transparent;border-bottom:7px solid transparent;border-right:10px solid #e1e1e1;}
  670. .askborder {float: left;margin: 1px 2px 0 0;padding: 2px; background: #e1e1e1;}
  671.  
  672. .bubble2 {
  673. border:1px solid #e1e1e1;
  674. float:left;background-color:#fff;color: #aaa; margin:13px 0px 2px 5px;padding:10px;position: relative; width:235px; -moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;}
  675. .bubble2 p {margin:1px 0px;}
  676. .bubble2 span {display:block;float:right;position:absolute;width:1px;height:1px;font-size: 0;line-height: 1px;left:255px;top:10px;border-top:7px solid transparent;border-bottom:7px solid transparent;border-left:10px solid #e1e1e1;}
  677. /*CUSTOMIZE SIDEBAR HERE*/
  678. #sidebar{
  679. position:fixed !important;
  680. width:280px;
  681. background:white;
  682. height:220px;
  683. margin-top:150px;
  684. margin-left:-40px;
  685.  
  686. text-align:center;
  687. border:1px double #e1e1e1;
  688. padding:15px;
  689.  
  690. }
  691. #line{
  692. position:fixed;
  693. border-top:4px double {color:borders};
  694. width:310px;
  695. height:13px;
  696. margin-top:150px;
  697. margin-left:-15px;
  698. opacity:0;
  699. -webkit-transition: all .7s ease;
  700. -moz-transition: all .7s ease;
  701. -o-transition: all .7s ease;
  702. transition: all .7s ease;
  703. }
  704. #sidebar:hover #line{
  705. opacity:1;
  706. -webkit-transition: all .7s ease;
  707. -moz-transition: all .7s ease;
  708. -o-transition: all .7s ease;
  709. transition: all .7s ease;
  710. }
  711. #link1{
  712. position:fixed;
  713. border:1px solid {color:borders};
  714. width:50px;
  715. height:10px;
  716. margin-top:143px;
  717. background:white;
  718. font-size:10px;
  719. line-height:10px;
  720. font-style:italic;
  721. border-radius:3px;
  722. padding:4px;
  723. margin-left:5px;
  724. opacity:0;
  725. -webkit-transition: all .7s ease;
  726. -moz-transition: all .7s ease;
  727. -o-transition: all .7s ease;
  728. transition: all .7s ease;
  729. }
  730. #sidebar:hover #link1{
  731. opacity:1;
  732. -webkit-transition: all .7s ease;
  733. -moz-transition: all .7s ease;
  734. -o-transition: all .7s ease;
  735. transition: all .7s ease;
  736. }
  737. #link2{
  738. position:fixed;
  739. border:1px solid {color:borders};
  740. width:50px;
  741. height:10px;
  742. margin-top:143px;
  743. background:white;
  744. font-size:10px;
  745. line-height:10px;
  746. font-style:italic;
  747. border-radius:3px;
  748. padding:4px;
  749. margin-left:75px;
  750. opacity:0;
  751. -webkit-transition: all .7s ease;
  752. -moz-transition: all .7s ease;
  753. -o-transition: all .7s ease;
  754. transition: all .7s ease;
  755. }
  756. #sidebar:hover #link2{
  757. opacity:1;
  758. -webkit-transition: all .7s ease;
  759. -moz-transition: all .7s ease;
  760. -o-transition: all .7s ease;
  761. transition: all .7s ease;
  762. }
  763.  
  764. #link3{
  765. position:fixed;
  766. border:1px solid {color:borders};
  767. width:50px;
  768. height:10px;
  769. margin-top:143px;
  770. background:white;
  771. font-size:10px;
  772. line-height:10px;
  773. font-style:italic;
  774. border-radius:3px;
  775. padding:4px;
  776. margin-left:145px;
  777. opacity:0;
  778. -webkit-transition: all .7s ease;
  779. -moz-transition: all .7s ease;
  780. -o-transition: all .7s ease;
  781. transition: all .7s ease;
  782. }
  783. #sidebar:hover #link3{
  784. opacity:1;
  785. -webkit-transition: all .7s ease;
  786. -moz-transition: all .7s ease;
  787. -o-transition: all .7s ease;
  788. transition: all .7s ease;
  789. }
  790. #link4{
  791. position:fixed;
  792. border:1px solid {color:borders};
  793. width:50px;
  794. height:10px;
  795. margin-top:143px;
  796. background:white;
  797. font-size:10px;
  798. line-height:10px;
  799. font-style:italic;
  800. border-radius:3px;
  801. padding:4px;
  802. margin-left:215px;
  803. opacity:0;
  804. -webkit-transition: all .7s ease;
  805. -moz-transition: all .7s ease;
  806. -o-transition: all .7s ease;
  807. transition: all .7s ease;
  808. }
  809. #sidebar:hover #link4{
  810. opacity:1;
  811. -webkit-transition: all .7s ease;
  812. -moz-transition: all .7s ease;
  813. -o-transition: all .7s ease;
  814. transition: all .7s ease;
  815. }
  816. #sidebar:hover #p{
  817. opacity:0;
  818. -webkit-transition: all .7s ease;
  819. -moz-transition: all .7s ease;
  820. -o-transition: all .7s ease;
  821. transition: all .7s ease;
  822. }
  823. #p img{
  824. width:110px;
  825. height:110px;
  826. border-radius:100%;
  827. }
  828. #p{
  829. width:110px;
  830. height:110px;
  831. border-radius:100%;
  832. padding:3px;
  833. border:3px double {color:borders};
  834. float:left;
  835. -webkit-transition: all .7s ease;
  836. -moz-transition: all .7s ease;
  837. -o-transition: all .7s ease;
  838. transition: all .7s ease;
  839. }
  840. #p2{
  841. position:fixed;
  842. width:110px;
  843. height:110px;
  844. border-radius:100%;
  845. padding:3px;
  846. border:3px double {color:borders};
  847. float:left;
  848. opacity:0;
  849. -webkit-transition: all .7s ease;
  850. -moz-transition: all .7s ease;
  851. -o-transition: all .7s ease;
  852. transition: all .7s ease;
  853. }
  854. #p2 img{
  855. width:110px;
  856. height:110px;
  857. border-radius:100%;
  858. }
  859. #sidebar:hover #p2{
  860. opacity:1;
  861. -webkit-transition: all .7s ease;
  862. -moz-transition: all .7s ease;
  863. -o-transition: all .7s ease;
  864. transition: all .7s ease;
  865. }
  866. #lb{
  867. position:fixed;
  868. background-image:url(https://31.media.tumblr.com/217e7014f9bbc90a43c512bb36a9d23d/tumblr_inline_myt957oLtj1rttsue.png);
  869. width:310px;
  870. height:25px;
  871. margin-top:390px;
  872. z-index:9;
  873. margin-left:-40px;
  874.  
  875. border-left:1px solid #e1e1e1;
  876. border-right:1px solid #e1e1e1;
  877. }
  878. #blogtitle{
  879. position:fixed;
  880. font-family: 'Sacramento', cursive;
  881. color:{color:blogtitle};
  882.  
  883. font-size:40px;
  884. margin-top:-34px;
  885. margin-left:-10px;
  886. text-align:center;
  887. -webkit-transition: all .7s ease;
  888. -moz-transition: all .7s ease;
  889. -o-transition: all .7s ease;
  890. transition: all .7s ease;
  891. }
  892. #sidebar:hover #blogtitle{
  893. -webkit-transition: all .7s ease;
  894. -moz-transition: all .7s ease;
  895. -o-transition: all .7s ease;
  896. transition: all .7s ease;
  897. }
  898. ::-webkit-scrollbar {width: 8px; height: 4px; border-radius:5px; background:transparent;}
  899.  
  900. ::-webkit-scrollbar-thumb { border-radius:5px; background-image: -ms-linear-gradient(top, {color:blogtitle}; 0%, {color:borders} 100%);
  901. background-image: -moz-linear-gradient(top, {color:blogtitle}; 0%, {color:borders} 100%);
  902. background-image: -o-linear-gradient(top, {color:blogtitle}; 0%, {color:borders} 100%);
  903. background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, {color:blogtitle}), color-stop(1, {color:borders}));
  904. background-image: -webkit-linear-gradient(top,{color:blogtitle}; 0%, {color:borders} 100%);}
  905. blockquote img{ width:170px; }
  906. #desc{
  907. position:fixed;
  908. border:1px solid #e1e1e1;
  909. background:#fff;
  910. font-size:10px;
  911. font-family:calibri;
  912. width:140px;
  913. text-transform:uppercase;
  914. height:100px;
  915. overflow-y:scroll;
  916. padding:3px;
  917. margin-left:135px;
  918. margin-top:10px;
  919. opacity:0;
  920. -webkit-transition: all .7s ease;
  921. -moz-transition: all .7s ease;
  922. -o-transition: all .7s ease;
  923. transition: all .7s ease;
  924. }
  925. #sidebar:hover #desc{
  926. opacity:1;
  927. -webkit-transition: all .7s ease;
  928. -moz-transition: all .7s ease;
  929. -o-transition: all .7s ease;
  930. transition: all .7s ease;
  931. }
  932. #q{
  933. position:fixed;
  934. font-size:10px;
  935. text-transform:uppercase;
  936. opacity:1;
  937. margin-top:30px;
  938. width:150px;
  939. margin-left:130px;
  940. -webkit-transition: all .7s ease;
  941. -moz-transition: all .7s ease;
  942. -o-transition: all .7s ease;
  943. transition: all .7s ease;
  944. }
  945. #sidebar:hover #q{
  946. opacity:0;
  947. -webkit-transition: all .7s ease;
  948. -moz-transition: all .7s ease;
  949. -o-transition: all .7s ease;
  950. transition: all .7s ease;
  951. }
  952. #dd{
  953. position:fixed;
  954. margin-top:180px;
  955. margin-left:0px;
  956. width:auto;
  957. height:auto;
  958. }
  959. #dd img{
  960. border:0px solid transparent;
  961. width:270px;
  962. height:auto;
  963. }
  964. #blogtitle2{
  965. position:fixed;
  966. font-family: 'Sacramento', cursive;
  967. color:{color:blogtitle};
  968.  
  969. font-size:40px;
  970. margin-top:-52px;
  971. margin-left:-70px;
  972. z-index:9;
  973. text-align:center;
  974. opacity:0; -webkit-transition: all .7s ease;
  975. -moz-transition: all .7s ease;
  976. -o-transition: all .7s ease;
  977. transition: all .7s ease;
  978. }
  979. #sidebar:hover #blogtitle2{
  980. opacity:.7;
  981. margin-left:-50px;
  982. -webkit-transition: all .7s ease;
  983. -moz-transition: all .7s ease;
  984. -o-transition: all .7s ease;
  985. transition: all .7s ease;
  986. }
  987. @font-face { font-family: "dixel"; src: url('http://static.tumblr.com/jdjsstr/8ovm78cbb/pf_arma_five_1_.ttf'); }
  988.  
  989.  
  990. /*CUSTOMIZE TITLE OF ENTRIES HERE*/
  991. .title{
  992. line-height: 32px;
  993. color:{color:Title};
  994. font-size:25px;
  995. font-weight: normal;
  996. font-family: 'Josefin Slab', serif;
  997. }
  998.  
  999.  
  1000. /*CUSTOMIZE PERMALINKS OF TEXT POSTS AND SUCH HERE*/
  1001. .permalink{
  1002. text-transform: normal;
  1003. display: block;
  1004. text-align: right;
  1005. text-decoration: none;
  1006. }
  1007.  
  1008.  
  1009. /*I RECCOMMEND TO NOT TOUCH ANY OF THIS LOLz*/
  1010. #infscr-loading{
  1011. bottom: -70px;
  1012. position: absolute;
  1013. left: 50%;
  1014. margin-left:-8px;
  1015. width:16px;
  1016. height:11px;
  1017. overflow:hidden;
  1018. margin-bottom: 50px;
  1019. }
  1020.  
  1021. #postnotes{
  1022. text-align: justify;}
  1023.  
  1024. #postnotes blockquote{
  1025. border: 0px;}
  1026.  
  1027. blockquote{
  1028. padding:0px 0px 2px 5px;
  1029. margin:0px 0px 2px 10px;
  1030. border-left: 1px dotted #555555;
  1031. }
  1032.  
  1033. blockquote p, ul{
  1034. margin:0px;
  1035. padding:0px;
  1036. }
  1037.  
  1038. a img{border: 0px;}
  1039.  
  1040.  
  1041. ul, ol, li{list-style:none; margin:0px; padding:0px;}
  1042.  
  1043. .user_1 .label, .user_2 .label, .user_3 .label, .user_4 .label, .user_5 .label, .user_6 .label,
  1044. .user_7 .label, .user_8 .label, .user_9 .label {color:{color:text};}
  1045.  
  1046. .notes img{width:10px; position:relative; top:3px;}
  1047. <--ses-->
  1048. small{font-size: 90%;}
  1049.  
  1050. {CustomCSS}
  1051.  
  1052. </style>
  1053.  
  1054. {block:IndexPage}
  1055. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/iBElrgjim/jquerymasonry.js"></script>
  1056. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/Qyblrgjfn/jqueryinfintescroll.js"></script>
  1057.  
  1058. <script type="text/javascript">
  1059. $(window).load(function(){
  1060. var $wall = $('#posts');
  1061. $wall.imagesLoaded(function(){
  1062. $wall.masonry({
  1063. itemSelector: '.entry, .entry_photo',
  1064. isAnimated : false
  1065. });
  1066. });
  1067.  
  1068. $wall.infinitescroll({
  1069. navSelector : '#pagination',
  1070. nextSelector : '#pagination a',
  1071. itemSelector : '.entry, .entry_photo',
  1072. bufferPx : 2000,
  1073. debug : false,
  1074. errorCallback: function() {
  1075. $('#infscr-loading').fadeOut('normal');
  1076. }},
  1077. function( newElements ) {
  1078. var $newElems = $( newElements );
  1079. $newElems.hide();
  1080. $newElems.imagesLoaded(function(){
  1081. $wall.masonry( 'appended', $newElems,{isAnimated: false}, function(){$newElems.fadeIn('slow');} );
  1082. });
  1083. }); $('#posts').show(500);
  1084. });
  1085. </script>
  1086.  
  1087.  
  1088. {/block:IndexPage}
  1089.  
  1090.  
  1091. <title>{title}</title>
  1092.  
  1093. <link rel="shortcut icon" href="http://media.tumblr.com/tumblr_lnwepijTBF1qepbs7.gif" />
  1094. <meta name="viewport" content="width=820" />
  1095. </head>
  1096.  
  1097. <body>
  1098.  
  1099. <BODY onselectstart="return false;" ondragstart="return false;">
  1100. <div class="wrapper">
  1101. <div class="header">
  1102. </div>
  1103.  
  1104. <div id="cage">
  1105. <div id="center">
  1106. <div id="lb"></div>
  1107. <!--STUFF THAT GOES INTO THE SIDEBAR-->
  1108. <div id="sidebar">
  1109. <div id="blogtitle">{text:blogtitle1}</div>
  1110. <center>
  1111. <div id="p"><img src="{image:sidebar}" width=100%></div>
  1112. <div id="p2"><a href="#?w=350" rel="03" title="*whistles* you're a keeper" class="poplight"><img src="{image:pic}">
  1113. </a></div>
  1114. <div id="desc">{description}</div>
  1115. <div id="dd"><img src="http://media.tumblr.com/ab0448fe438d1ef35b355952bb44a807/tumblr_inline_n1xc8vP5ls1rb3m8r.png"></div>
  1116. <div id="q">{text:quote}</div>
  1117. <div id="line"></div>
  1118. <div id="link1"><a href="{text:link 1 url}" title="{text:Link 1 msg}">{text:link 1 title}</a></div>
  1119. <div id="link2"><a href="{text:link 2 url}" title="{text:Link 2 msg}">{text:link 2 title}</a></div>
  1120. <div id="link3"><a href="{text:link 3 url}" title="{text:Link 3 msg}">{text:link 3 title}</a></div>
  1121. <div id="link4"><a href="{text:link 4 url}" title="{text:link 4 msg}">{text:link 4 title}</a>
  1122. </div>
  1123. </center>
  1124. </div>
  1125. <!------------------------------------->
  1126.  
  1127.  
  1128. <div class="left">
  1129. <div id="posts">
  1130. {block:Posts}
  1131. <div class="entry">
  1132.  
  1133. {block:Text}{block:Title}<span class="title">{Title}</span>{/block:Title}<span class="body">{Body}</span><p align=right><span class="permalink"><div style="background:{color:blogtitle}; padding:3px; border:3px double #fff; color:#fff; font-size:10px; text-transform:uppercase;"><a
  1134.  
  1135. href="{Permalink}" ><a href="{Permalink}"><a href="{Permalink}" style="color:#fff;">{notecountwithlabel} || {Month} {dayofmonth}, {Year}</a></a><br>{/block:HasTags}</div></span></align>
  1136. {/block:Text}
  1137.  
  1138. {block:Link}<a href="{URL}" class="title">{Name}</a>{block:Description}<div class="body">{Description}</div>{/block:Description} <p align=right><span
  1139.  
  1140. class="permalink"><a href="{Permalink}">{notecountwithlabel}</a> <a href="{Permalink}"></span></align>{block:Link}
  1141.  
  1142. {block:Answer}
  1143.  
  1144. <div class="bubble"><span></span><askk>{Asker}</askk>: {Question}</div>
  1145. <div class="bubble2"><span></span><div style="font-family:calibri; font-size:11px">{Answer}</div></div>
  1146. {/block:Answer}
  1147. {block:Photo}
  1148. {block:IndexPage}
  1149. <div class="hey"></div>
  1150. <div class="hey1"></div>
  1151. <center>
  1152. <div class="perma">
  1153. {ReblogButton color="white" size="18"}</div>
  1154. <div class="perma2">
  1155. {LikeButton color="white" size="17"}</div>
  1156. <div class="perma3">☁ <div style="font-size:10px; margin-top:-5px;margin-left:29px; text-align:right; line-height:0px;">Posted {timeago} ♥ <a href="{Permalink}">{Notecount}%</a></div></div>
  1157. <div class="photo"><a href="{permalink}"><img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="100%"/></a></div>
  1158. {/block:IndexPage}
  1159. {block:PermalinkPage}
  1160. {LinkOpenTag}<div class="photo"><a href="{permalink}"><img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="100%"/></a></div>
  1161.  
  1162. {LinkCloseTag}
  1163. {/block:PermalinkPage}
  1164. {/block:Photo}
  1165.  
  1166. {block:Photoset}
  1167. {block:IndexPage}
  1168. <center>
  1169.  
  1170. <div class="perma">
  1171. {ReblogButton color="white" size="18"}</div>
  1172. <div class="perma2">
  1173. {LikeButton color="white" size="17"}</div>
  1174. <div class="perma3">☁ <div style="font-size:10px; margin-top:-5px;margin-left:29px; text-align:right; line-height:0px;">Posted {timeago} ♥ <a href="{Permalink}">{Notecount}%</a></div></div>
  1175.  
  1176. {Photoset}</center>
  1177. {/block:IndexPage}
  1178. {block:PermalinkPage}
  1179. <center>
  1180. {Photoset-500}</center>
  1181. {/block:PermalinkPage}
  1182. {/block:Photoset}
  1183.  
  1184. {block:Quote}<span class="title">"{Quote}"</span> — {block:Source}<b>{Source}</b>{/block:Source}<br><<div style="background:{color:blogtitle}; padding:3px; border:3px double #fff; color:#fff; font-size:10px; text-transform:uppercase;"><a href="{Permalink}"><a href="{Permalink}" style="color:#fff;">{notecountwithlabel} || {Month} {dayofmonth}, {Year}</a><br></div>
  1185. {/block:Quote}
  1186.  
  1187. {block:Chat}{block:Title}<span class="title">{Title}</span>{/block:Title}
  1188. <ul class="chat">
  1189. {block:Lines}
  1190. <li class="user_{UserNumber}">
  1191. {block:Label}
  1192. <span class="label">{Label}</span>
  1193. {/block:Label}
  1194.  
  1195. {Line}
  1196. </li>
  1197. {/block:Lines}
  1198. <p align=right><span class="permalink"><a href="{Permalink}">{notecountwithlabel}</a> <a href="{Permalink}">
  1199. {/block:Chat}
  1200.  
  1201. {block:Audio}
  1202. <div style="width:200px; height:30px;">
  1203. {AudioPlayerBlack}
  1204. </div>
  1205. {block:IndexPage}<span class="permalink">
  1206. <p align=right><span class="permalink"><a href="{Permalink}">{notecountwithlabel}</a> <a href="{Permalink}"> </a>
  1207. </span>{/block:IndexPage}
  1208. {/block:Audio}
  1209.  
  1210. {block:Video}
  1211. {block:IndexPage}
  1212. <center>
  1213. <div class="perma">
  1214. <a href="{ReblogURL}" target="_blank"> reblog </a> </div>
  1215. {Video-250}</center>
  1216. {/block:IndexPage}
  1217. {block:PermalinkPage}
  1218. <center>
  1219. {Video-400}</center>
  1220. {/block:PermalinkPage}
  1221. {block:Video}
  1222.  
  1223.  
  1224. {block:PostNotes}<div align="middle">{caption}</div>
  1225. <center>
  1226.  
  1227. {block:NoteCount}{NoteCountWithLabel}<br>{/block:NoteCount}
  1228.  
  1229. {block:HasTags}
  1230. tags: {block:Tags}<a href="{TagURL}">{Tag}. </a>{/block:Tags}<br> {/block:HasTags}
  1231. {block:RebloggedFrom}
  1232. reblogged from <a href="{ReblogParentURL}">{ReblogParentName}</a><br>
  1233. posted by <a href="{ReblogRootURL}">{ReblogRootName}</a>
  1234.  
  1235. {/block:RebloggedFrom}
  1236. </center></span>
  1237. <br>
  1238. <div id="postnotes">{PostNotes}</div><br>
  1239.  
  1240. <center>{block:ContentSource}
  1241. <br><a href="{SourceURL}">
  1242. {lang:Source}:
  1243. {block:SourceLogo}
  1244. <img src="{BlackLogoURL}" width="{LogoWidth}"
  1245. height="{LogoHeight}" alt="{SourceTitle}" />
  1246. {/block:SourceLogo}
  1247. {block:NoSourceLogo}
  1248. {SourceLink}
  1249. {/block:NoSourceLogo}
  1250. </a>
  1251. {/block:ContentSource}</center>
  1252.  
  1253. {/block:PostNotes}
  1254. </div>
  1255. {/block:Posts}
  1256. </div></div>
  1257.  
  1258. {block:IndexPage}
  1259. {block:Pagination}
  1260. <div id="pagination">
  1261. {block:NextPage}
  1262. <a id="nextPage" href="{NextPage}"></a>
  1263. {/block:NextPage}
  1264. {block:PreviousPage}
  1265. <a href="{PreviousPage}"></a>
  1266. {/block:PreviousPage}
  1267. </div>
  1268. {/block:Pagination}
  1269. {/block:IndexPage}
  1270. </body>
  1271. <div style="position:fixed; padding:5px; bottom:6px; right:6px; border:3px solid #F6CED8; border-radius:100%; width:16px; background:white; height:16px;"><a href="http://mufflinq.tumblr.com" title="theme by aj"><img src="http://i12.photobucket.com/albums/a213/superkate_2468/favicon-10.png" style="left:-5px; top:-4px; "></a></div>
  1272. <div id="03" class="popup_block"><center> <div style="font-family:;text-align:center; font-size: 35px; font-family: 'Cedarville Cursive', cursive;
  1273. color: #fff; text-shadow: {color:blogtitle} -1px 0px, {color:blogtitle} 0px 1px, {color:blogtitle} 1px 0px, {color:blogtitle} 0px -1px;">Aye babe</div><br><br> Hii darling :) If you're reading this I think you're amazing and unique as hell and no one can change that! If you are going through or been through a rough patch in life, it's okay to cry, to be upset, to think that you can't do something. It honestly takes time, I <b>believe</b> and <i>know</i> you can make it through the night, full of tears or not a single tear at all. Full meal or no meal at all, just stay for a few more days, weeks, months, years for those who care. <i>I </i>care for you, honestly it doesn't seem much through a screen but trust me; I want you to be happy. You don't need this, no one does but sometimes things get the best of people and they tend to ruin or make it harder for you and others. Cry your heart out so you can think realistically again, please don't do anything fatal, anything to hurt yourself, I get your pain, I understand, I want to help, but you have to help yourself first by getting away from the negativity that's causing this. <b><i>Please. </i></b><b>I love you so much and I believe you an do anything if you put your mind to it.</b>
  1274.  
  1275. </div></div></div></div></div></div></div></div></div></div>
  1276. </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!