API tools faq
paste
psychedelic-cunts

Untitled

psychedelic-cunts
Sep 15th, 2017
115
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 42.40 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2.  
  3.  
  4. Emily @ planthed
  5.  
  6.  
  7. — DO NOT delete the credit.
  8. — Do not copy or steal any code.
  9. — Do not claim as yours.
  10. — Full credits at @painthemes/c
  11.  
  12.  
  13. -->
  14.  
  15. <html lang="en">
  16. <head>
  17.  
  18. <link href='https://fonts.googleapis.com/css?family=Roboto+Condensed' rel='stylesheet' type='text/css'>
  19.  
  20.  
  21. <link href='https://fonts.googleapis.com/css?family=Hind:400,700|Roboto:400,300' rel='stylesheet' type='text/css'>
  22. <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.1/css/font-awesome.min.css">
  23.  
  24.  
  25. <script type="text/javascript"
  26. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  27. <script>
  28. $(document).ready(function() {
  29. //
  30. $('a.poplight[href^=#]').click(function() {
  31. var popID = $(this).attr('rel'); //Get Popup Name
  32. var popURL = $(this).attr('href'); //Get Popup href to define size
  33. var query= popURL.split('?');
  34. var dim= query[1].split('&');
  35. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  36. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"><img src="" class="btn_close" title="escape" alt="" /></a>');
  37. var popMargTop = ($('#' + popID).height() + 80) / 2;
  38. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  39. //Apply Margin to Popup
  40. $('#' + popID).css({
  41. 'margin-top' : -popMargTop,
  42. 'margin-left' : -popMargLeft
  43. });
  44. $('body').append('<div id="fade"></div>');
  45. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  46. return false;
  47. });
  48. $('a.close, #fade').live('click', function() {
  49. $('#fade , .popup_block').fadeOut(function() {
  50. $('#fade, a.close').remove(); //fade them both out
  51. });
  52. return false;
  53. });
  54. });
  55. </script>
  56.  
  57.  
  58. <title>{Title}</title>
  59. <link rel="shortcut icon" href="{favicon}">
  60. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  61. {block:hidden}
  62. <!--Default Variables-->
  63. <meta name="image:background" content=""/>
  64.  
  65. <meta name="color:Background" content="#ffffff"/>
  66. <meta name="color:Text" content="#000000"/>
  67. <meta name="color:Accent" content="#BDC0DA"/>
  68. <meta name="color:Accent 2" content="#e7d5d5">
  69. <meta name="color:Accent text" content="#000000"/>
  70. <meta name="color:Gradient one" content="#E8D1D1"/>
  71. <meta name="color:Gradient two" content="#FFFFFF"/>
  72.  
  73. <meta name="text:Blogtitle" content="" />
  74. <meta name="text:Home label" content="home" />
  75. <meta name="text:Ask label" content="ask"/>
  76. <meta name="text:Archive label" content="Past" />
  77. <meta name="text:Extra link 1" content="" />
  78. <meta name="text:Extra link 1 URL" content="http://" />
  79. <meta name="text:Extra link 2" content="" />
  80. <meta name="text:Extra link 2 URL" content="http://" />
  81.  
  82. <meta name="if:White Tiny cursor" content="" />
  83. <meta name="if:Black Tiny cursor" content="" />
  84.  
  85. {/block:hidden}
  86.  
  87.  
  88. <!---pxu script--->
  89. <link href="http://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
  90.  
  91. <!--- tooltips script --->
  92. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  93. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  94. <script>
  95. (function($){
  96. $(document).ready(function(){
  97. $("a[title]").style_my_tooltips({
  98. tip_follows_cursor:true,
  99. tip_delay_time:90,
  100. tip_fade_speed:600,
  101. attribute:"title"
  102. });
  103. });
  104. })(jQuery);
  105. </script>
  106.  
  107.  
  108. <!-------
  109.  
  110. A FEW RULES YOU NEED TO KNOW BEFORE START EDITING THE THEME:
  111.  
  112. > You CAN'T use my themes as base
  113. > You CAN'T remove my credits, even if you edited the theme a lot.
  114. > Don't use any part of my codes without permission.
  115. > You can edit the theme as your own like and make it look too different as the original one but if you edit the theme a lot and you're having problems with it, I'll not allowed to help you.
  116.  
  117.  
  118. YOU ARE NOT ALLOWED TO USE MY CODES FOR YOUR OWN THEME OR ANY OTHER THEME
  119. BY OTHER THEME MAKER WITHOUT PERMISSION, IF YOU WANNA USE ONE OF MY CODES
  120. ASK FIRST, DON'T CLAIM AS YOURS, DON'T BE A BITCH.
  121.  
  122. ---------->
  123.  
  124. <script type="text/javascript"
  125. src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  126. <script>
  127. $(document).ready(function() {
  128. //
  129. $('a.poplight[href^=#]').click(function() {
  130. var popID = $(this).attr('rel'); //Get Popup Name
  131. var popURL = $(this).attr('href'); //Get Popup href to define size
  132. var query= popURL.split('?');
  133. var dim= query[1].split('&');
  134. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  135. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"></a>');
  136. var popMargTop = ($('#' + popID).height() + 80) / 2;
  137. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  138. //Apply Margin to Popup
  139. $('#' + popID).css({
  140. 'margin-top' : -popMargTop,
  141. 'margin-left' : -popMargLeft
  142. });
  143. $('body').append('<div id="fade"></div>');
  144. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  145. return false;
  146. });
  147. $('a.close, #fade').live('click', function() {
  148. $('#fade , .popup_block').fadeOut(function() {
  149. $('#fade, a.close').remove(); //fade them both out
  150. });
  151. return false;
  152. });
  153. });
  154. </script>
  155.  
  156.  
  157. <style type="text/css">
  158.  
  159. /* ————————————— UPDATES TAB BY @PLANTHED ————————————— */
  160.  
  161. #updates{
  162. position:fixed !important;
  163. top:60px;
  164. right:40px;
  165. padding:10px;
  166. width:180px;
  167. height:13px;
  168. z-index:9999999999;
  169. }
  170.  
  171. .arrow{
  172. font-size:25px; /*size of the arrow*/
  173. color:#777;
  174. margin-top:-8px;
  175. right:0px;
  176. padding:5px;
  177. position:absolute;
  178. background:#fff; /*background of the arrow*/
  179. z-index:9999;
  180. -webkit-transition: all .3s ease-in-out;
  181. -moz-transition: all .3s ease-in-out;
  182. -o-transition: all .3s ease-in-out;
  183. -ms-transition: all .3s ease-in-out;
  184. }
  185.  
  186. #updates:hover .arrow{
  187. -webkit-transform: rotateY(160deg);
  188. transform: rotateY(160deg);
  189. }
  190.  
  191. .upline{
  192. width:0px;
  193. height:1px;
  194. right:1px;
  195. margin-top:10px;
  196. background:#eee;
  197. position:absolute;
  198. -webkit-transition: all .3s ease-in-out;
  199. -moz-transition: all .3s ease-in-out;
  200. -o-transition: all .3s ease-in-out;
  201. -ms-transition: all .3s ease-in-out;
  202. }
  203.  
  204. #updates:hover .upline{
  205. width:150px;
  206. -webkit-transition-delay: 0.50s;
  207. -webkit-transition: all 0.50s;
  208. transition: all 0.50s;
  209. transition-delay: 0.50s;
  210. }
  211.  
  212. .updatestitle{
  213. height:15px;
  214. margin-top:0px;
  215. width:auto;
  216. visibility:hidden;
  217. font-size:16px;
  218. font-family:roboto;
  219. padding-right:5px;
  220. color:#777; /*color title*/
  221. font-weight:300;
  222. letter-spacing:1px;
  223. text-transform:uppercase;
  224. opacity:0;
  225. z-index:99999;
  226. margin-left:-30px;
  227. position:absolute;
  228. background:#fff; /*title background*/
  229. -webkit-transition: all .4s ease-in-out;
  230. -moz-transition: all .4s ease-in-out;
  231. -o-transition: all .4s ease-in-out;
  232. -ms-transition: all .4s ease-in-out;
  233. transition: all .4s ease-in-out;
  234.  
  235. }
  236.  
  237. #updates:hover .updatestitle{
  238. opacity:1;
  239. margin-left:0px;
  240. visibility:visible;
  241. -webkit-transition-delay: 0.50s;
  242. -webkit-transition: all 0.50s;
  243. transition: all 0.50s;
  244. transition-delay: 0.50s;
  245. }
  246.  
  247.  
  248. .box{
  249. width:150px; /*width of your tab*/
  250. height:auto;
  251. padding:10px;
  252. background:#fff; /*box background*/
  253. border:1px solid #eee; /*borders*/
  254. line-height:15px;
  255. font-family:hind;
  256. margin-left:0px;
  257. margin-top:70px;
  258. font-size:10px;
  259. position:relative;
  260. opacity:0;
  261. visibility:hidden;
  262. -webkit-transition: all .4s ease-in-out;
  263. -moz-transition: all .4s ease-in-out;
  264. -o-transition: all .4s ease-in-out;
  265. -ms-transition: all .4s ease-in-out;
  266. transition: all .4s ease-in-out;
  267. }
  268.  
  269. .box b{font-weight:bold;}
  270. .box u{text-decoration:none;border-bottom:1px solid #eee;}
  271.  
  272. #updates:hover .box{
  273. opacity:1;;
  274. margin-top:10px;
  275. visibility:visible;
  276. -webkit-transition-delay: 1s;
  277. -webkit-transition: all 1s;
  278. transition: all 1;
  279. transition-delay: 1s;
  280. }
  281.  
  282. /* ————————————— UPDATES TAB BY @PLANTHED ————————————— */
  283.  
  284.  
  285.  
  286. /*LAYOUT BY PAINTHEMES*/
  287. #table{padding-top:5px;}
  288. #t3{margin-bottom:0px;}
  289.  
  290. #t1, #t2, #t3{
  291. width:400px;
  292. margin-bottom:15px;
  293. padding-top:7px;
  294. border-top:1px solid #eee; /*borders*/
  295. }
  296.  
  297. #t1 a, #t2 a, #t3 a{
  298. color:{color:text};
  299. margin:4px;
  300. position:relative;
  301. display:inline-block;
  302. border-bottom:1px solid transparent;
  303. }
  304.  
  305. #t1 a:hover, #t2 a:hover, #t3 a:hover{
  306. color:{color:text};
  307. border-bottom:1px solid {color:link};
  308. }
  309.  
  310. #table h1{
  311. font-size:12px;
  312. padding-left:5px;
  313. margin-bottom:3px;
  314. text-transform:uppercase;
  315. letter-spacing:2px;
  316. font-weight:400;
  317. }
  318.  
  319. /*LAYOUT BY PAINTHEMES*/
  320.  
  321. #fade { /*--Transparent background layer--*/
  322. display: none; /*--hidden by default--*/
  323. background: #fff;
  324. background-image: url(''); /*if you want to add a background image to go behind your popup */
  325. position: fixed; left: 0; top: 0;
  326. width: 100%; height: 100%;
  327. opacity: .80;
  328. z-index: 9999;
  329. }
  330. .popup_block{
  331. display: none; /*--hidden by default--*/
  332. background: #fff;
  333. padding: 20px;
  334. border: 1px solid #ddd; /*color of the border of the popup box*/
  335. float: left;
  336. font-size: 12px; /*font size of the words inside the box */
  337. position: fixed;
  338. top: 50%; left: 50%;
  339. z-index: 99999; /*if the box is hiding behind other things in your theme, add more 9′s */
  340. }
  341. img.btn_close {
  342. float: right;
  343. margin: -5px -5px 0 0;
  344. }
  345. /*--Making IE6 Understand Fixed Positioning--*/
  346. *html #fade {
  347. position: absolute;
  348. }
  349. *html .popup_block {
  350. position: absolute;
  351. }
  352.  
  353.  
  354. /*ASK LAYOUT BY PAINTHEMES.TUMBLR.COM*/
  355.  
  356. #faq{
  357. padding:10px;
  358. width:400px;
  359. border:1px solid #e8d1d1; /*border of your faq box*/
  360. background:#fff; /*background of your faq box*/
  361. height:200px;
  362. overflow:auto;
  363. line-height:13px;
  364. font-family:helvetica; /*font of your faq*/
  365. font-size:10px; /*font size*/
  366. }
  367.  
  368. .ftitle{
  369. padding-top:10px;
  370. padding-bottom:10px;
  371. background:#fff; /*background of the popup title*/
  372. border-bottom:1px solid #e8d1d1; /*border of the popup title*/
  373. font-family:open sans, sans-serif; /*title font*/
  374. color:#e8d1d1; /*color of the title*/
  375. font-size:23px;
  376. text-align:center;
  377. letter-spacing:2px;
  378. text-transform:uppercase;
  379. }
  380.  
  381. #askb{
  382. padding:10px;
  383. margin-top:10px;
  384. width:400px;
  385. z-index:99999999999;
  386. height:20px;
  387. overflow:hidden;
  388. font-size:15px;
  389. color:{color:link};
  390. line-height:20px;
  391. text-align:center;
  392. letter-spacing:2px;
  393. font-family:open sans, sans-serif;
  394. text-transform:uppercase;
  395. border:1px solid #e8d1d1; /*border of your ask box*/
  396. background:#fff; /*background of your ask box*/
  397. -webkit-transition: all 0.5s ease;
  398. -moz-transition: all 0.5s ease;
  399. -o-transition: all 0.5s ease;
  400. transition: all 0.5s ease;
  401. position:relative;
  402. }
  403.  
  404. #askb:hover{
  405. height:250px;
  406. margin-top:-222px;
  407. -webkit-transition: all 0.5s ease;
  408. -moz-transition: all 0.5s ease;
  409. -o-transition: all 0.5s ease;
  410. transition: all 0.5s ease;
  411. }
  412.  
  413.  
  414. /*font of the title*/
  415. @import url(https://fonts.googleapis.com/css?family=Montserrat:700);
  416.  
  417. /*ASK LAYOUT BY PAINTHEMES.TUMBLR.COM*/
  418.  
  419.  
  420. /*CODES BY PAINTHEMES.TUMBLR.COM*/
  421. .popup_block{
  422. display:none;
  423. background:#fff; /*change the color of your background*/
  424. padding:15px;
  425. border:1px solid #e8d1d1; /*change the color of your border*/
  426. float:left;
  427. position:fixed;
  428. top:50%;left:50%;
  429. z-index: 99999;
  430. }
  431.  
  432. #fade {
  433. display:none;
  434. position:fixed;
  435. left:0px;
  436. top:0px;
  437. width:100%;
  438. height:100%;
  439. z-index:9999;
  440. background:{color:background}; /* change the color of the background below the box */
  441. opacity:.0; /* change the opacity */
  442. }
  443.  
  444. *html #fade {position: absolute;}
  445. *html .popup_block {position: absolute;}
  446. /*CODES BY PAINTHEMES.TUMBLR.COM*/
  447.  
  448.  
  449. .video, .video iframe{
  450. display:block;
  451. {block:indexpage}
  452. width:240px;
  453. height:auto;
  454. {/block:indexpage}
  455. {block:PermalinkPage}
  456. width:500px;
  457. height:auto;
  458. {/block:PermalinkPage}
  459. }
  460.  
  461. /*tooltips style*/
  462. #s-m-t-tooltip{
  463. max-width:300px;
  464. padding:7px;
  465. min-height:7px;
  466. margin:20px 0px 0px 20px;
  467. line-height:100%;
  468. color:{color:Accent text};
  469. background:{color:Accent};
  470. word-wrap:break-word;
  471. word-break:break-all;
  472. opacity:1;
  473. z-index:9999999999999999999;
  474. }
  475.  
  476.  
  477. #tumblr_controls, .tmblr-iframe{
  478. position:fixed!important;
  479. top:5px!important;
  480. right:45px!important;
  481. opacity:.3;
  482. z-index:99999999999999999999999999!important;
  483. -webkit-filter:invert(100%);
  484. -moz-filter:invert(100%);
  485. -o-filter:invert(100%);
  486. -ms-filter:invert(100%);
  487. filter:invert(100%);
  488. -webkit-transition:all 0.6s ease-out;
  489. -webkit-transition: opacity 0.7s linear;
  490. -webkit-transition: all 0.8s ease-out;
  491. -moz-transition: all 0.8s ease-out;
  492. transition: all 0.8s ease-out
  493. }
  494.  
  495. #tumblr_controls, .tmblr-iframe:hover{
  496. opacity:.9;webkit-transition: all 0.4s ease-out;-moz-transition: all 0.4s ease-out;transition: all 0.4s ease-out;
  497. -webkit-transition:all 0.6s ease-out;-webkit-filter:invert(80%); -moz-filter:invert(80%); -o-filter:invert(80%); -ms-filter:invert(80%); filter:invert(80%);
  498. }
  499.  
  500.  
  501. /*tumblr controls and lightbox*/
  502.  
  503.  
  504.  
  505. #tumblr_lightbox,.tmblr-lightbox{
  506. background:rgba({RGBcolor:background}, 0.8)!important;}
  507.  
  508. #vignette,#tumblr_lightbox_caption,.vignette,.lightbox-caption{
  509. opacity:0!important;
  510. }
  511.  
  512. #tumblr_lightbox_center_image, #tumblr_lightbox_left_image, #tumblr_lightbox_right_image, .lightbox-image {
  513. box-shadow:none!important;
  514. border-radius:0px!important;
  515. padding:0px!important;
  516. background:{color:post background}!important;
  517. border:0px solid {color:border}!important;
  518. }
  519.  
  520. ::-webkit-scrollbar{
  521. height:3px;
  522. width:11px;
  523. background:inherit;
  524. background:rgba({RGBcolor:Accent}, 0.4);
  525. border:5px solid {color:background};
  526. }
  527.  
  528. ::-webkit-scrollbar-track {background:transparent;}
  529.  
  530. ::-webkit-scrollbar-thumb {
  531. height:150px!important;
  532. background:{color:Accent};
  533. border:5px solid {color:background};
  534. }
  535.  
  536. /*tiny cursor*/
  537.  
  538.  
  539. html, body, img, a {
  540. {block:ifWhiteTinycursor}
  541. cursor:url(http://static.tumblr.com/vmteopo/fhxo3gbrd/small_white_cursor.png), auto;
  542. {/block:ifWhiteTinycursor}
  543. {block:ifBlackTinyCursor}
  544. cursor: url('http://33.media.tumblr.com/tumblr_lqs4qdUu8n1qfoi4t.png'), auto;
  545. {/block:ifBlackTinyCursor}
  546. }
  547.  
  548. a:hover, a:active, iframe{
  549. {block:ifWhiteTinycursor}cursor:url(http://static.tumblr.com/vmteopo/RQ9o3gbth/small_white_cursor_help.png), crosshair;
  550. {/block:ifWhiteTinycursor}
  551. {block:ifBlackTinyCursor}
  552. cursor:url(http://static.tumblr.com/vmteopo/DH3njhg50/help_cursor.png), crosshair;
  553. {/block:ifBlackTinyCursor}
  554. }
  555.  
  556.  
  557. /*main structure*/
  558.  
  559. body{
  560. background-color:{color:background};
  561. background-image:url({image:Background});
  562. background-attachment:fixed;
  563. background-repeat:repeat;
  564. font-size:10px;
  565. font-family:open sans, sans-serif;
  566. color:{color:text};
  567. line-height:1.5em;
  568. -moz-osx-font-smoothing:grayscale;
  569. -webkit-font-smoothing:antialiased;
  570. font-smoothing:antialiased;
  571. }
  572.  
  573.  
  574. a:link, a:active, a:visited{
  575. color:{color:Accent};
  576. text-decoration:none;
  577. -webkit-transition:all 0.5s linear;
  578. -moz-transition:all 0.5s linear;
  579. transition:all 0.5s linear;
  580. }
  581.  
  582. a:hover {color:{color:text};}
  583.  
  584.  
  585. .center {
  586. position:relative;
  587. margin:20px auto;
  588. width:calc(500px + 120px);
  589. {block:PermalinkPage}
  590. width:calc(400px + 200px);
  591. {/block:PermalinkPage}
  592. }
  593.  
  594. #posts{
  595. position:relative;
  596. {block:PermalinkPage}
  597. margin-top:100px;
  598. {/block:PermalinkPage}
  599. }
  600.  
  601.  
  602. .entry {
  603. margin:35px;
  604. overflow:hidden;
  605. {block:indexpage}
  606. width:240px;
  607. opacity:0;
  608. z-index:-1;
  609. {/block:indexpage}
  610. {block:PermalinkPage}
  611. width:500px;
  612. padding-bottom:0px;
  613. {/block:PermalinkPage}
  614. }
  615.  
  616. .entry img{
  617. max-width:100%;
  618. display:block;
  619. position:relative;
  620. overflow:hidden;
  621. }
  622.  
  623. #zoom{
  624. position:relative;
  625. overflow:hidden;
  626. }
  627.  
  628.  
  629.  
  630. #move {
  631. position:relative;
  632. overflow:hidden;
  633. opacity:1;
  634. background:-webkit-linear-gradient(top, {color:Gradient one} 0%, {color:Gradient one} 30%, {color:Gradient two} 100%);
  635. background:-o-linear-gradient(top, {color:Gradient one} 0%, {color:Gradient one} 30%, {color:Gradient two} 100%);
  636. background:-moz-linear-gradient(top, {color:Gradient one} 0%, {color:Gradient one} 30%, {color:Gradient two} 100%);
  637. background:linear-gradient(top, {color:Gradient one} 0%, {color:Gradient one} 30%, {color:Gradient two} 100%);
  638. }
  639.  
  640. #move img {
  641. display:block;
  642. height:auto;
  643. -webkit-transition:opacity 0.3s linear;
  644. -webkit-transition:all 0.3s linear;
  645. -moz-transition:all 0.3s linear;
  646. transition:all 0.3s linear;
  647.  
  648. }
  649.  
  650. .entry:hover #move img {
  651. -webkit-transform:translate(50px);
  652. -ms-transform:translate(50px);
  653. transform:translate(50px);
  654. -webkit-filter: grayscale(70%);
  655. }
  656.  
  657.  
  658.  
  659. .perm1 a, .perm2 a{color:{color:Accent text};}
  660. .perm1 a:hover, .perm2 a:hover{color:{color:Accent 2};}
  661.  
  662. .perm1 {
  663. width:20px;
  664. height:20px;
  665. text-align:center;
  666. position:absolute;
  667. z-index:100;
  668. top:25%;
  669. font-size:18px;
  670. left:-100px;
  671. opacity:0;
  672. display:inline-block;
  673. -webkit-transition: all 0.5s ease;
  674. -moz-transition: all 0.5s ease;
  675. -o-transition: all 0.5s ease;
  676. transition: all 0.5s ease;
  677. }
  678.  
  679. .entry:hover .perm1{
  680. opacity:1;
  681. left:15px;
  682. -webkit-transition-delay: 0.50s;
  683. -webkit-transition: all 0.50s;
  684. transition: all 0.50s;
  685. transition-delay: 0.50s;
  686. }
  687.  
  688. .perm2 {
  689. width:20px;
  690. height:20px;
  691. text-align:center;
  692. position:absolute;
  693. z-index:100;
  694. top:45%;
  695. font-size:18px;
  696. left:-100px;
  697. opacity:0;
  698. display:inline-block;
  699. -webkit-transition: all 0.5s ease;
  700. -moz-transition: all 0.5s ease;
  701. -o-transition: all 0.5s ease;
  702. transition: all 0.5s ease;
  703. }
  704.  
  705. .entry:hover .perm2 {
  706. opacity:1;
  707. left:15px;
  708. -webkit-transition-delay: 0.70s;
  709. -webkit-transition: all 0.70s;
  710. transition: all 0.70s;
  711. transition-delay: 0.70s;
  712. }
  713.  
  714.  
  715. .perm3 {
  716. width:20px;
  717. height:20px;
  718. text-align:center;
  719. position:absolute;
  720. z-index:100;
  721. top:65%;
  722. font-size:18px;
  723. left:-100px;
  724. opacity:0;
  725. display:inline-block;
  726. -webkit-transition: all 0.5s ease;
  727. -moz-transition: all 0.5s ease;
  728. -o-transition: all 0.5s ease;
  729. transition: all 0.5s ease;
  730. }
  731.  
  732. .entry:hover .perm3 {
  733. opacity:1;
  734. left:15px;
  735. -webkit-transition-delay: 0.90s;
  736. -webkit-transition: all 0.90s;
  737. transition: all 0.90s;
  738. transition-delay: 0.90s;
  739. }
  740.  
  741. .custom-like-button {
  742. position: relative;
  743. display: inline-block;
  744. width:20px;
  745. height:20px;
  746. cursor:pointer;
  747. }
  748.  
  749. .like_button {
  750. position: absolute;
  751. top:0;
  752. left:0;
  753. right:0;
  754. bottom:0;
  755. width:100%;
  756. height:100%;
  757. opacity:0;
  758. z-index:999!important;
  759. }
  760. .like_button iframe {
  761. width:100% !important;
  762. height:100% !important;
  763. }
  764.  
  765. .custom-like-button i{
  766. color:{color:Accent text};
  767. -webkit-transition:all 0.5s linear;
  768. -moz-transition:all 0.5s linear;
  769. transition:all 0.5s linear;
  770. }
  771.  
  772. .custom-like-button:hover i{color:{color:Accent 2}!important;}
  773.  
  774. .like_button.liked + i { color:#c14e4e!important;}
  775.  
  776.  
  777.  
  778. pre {
  779. white-space: pre-wrap;
  780. white-space: -moz-pre-wrap;
  781. white-space: -pre-wrap;
  782. white-space: -o-pre-wrap;
  783. word-wrap: break-word;
  784. }
  785.  
  786. p {margin:5px 0;}
  787.  
  788. p:first-of-type {
  789. margin-top:0;
  790. padding-top:0;
  791. }
  792.  
  793. p:last-of-type {
  794. margin-bottom:0;
  795. padding-bottom:0;
  796. }
  797.  
  798.  
  799. small, big {font-size:1em;}
  800.  
  801. h1, h2, h3, h4 {
  802. font-size:2em;
  803. line-height:24px;
  804. margin:0;
  805. padding:0;
  806. }
  807.  
  808. .entry li {
  809. position:relative;
  810. display:block;
  811. margin-left:-20px;
  812. }
  813.  
  814. .entry li:before {
  815. content:'›';
  816. font-size:15px;
  817. position:absolute;
  818. left:-13px;
  819. color:{color:Accent};
  820. top:-1px;
  821. font-family:karla;}
  822.  
  823.  
  824. .back a, .a a{
  825. color:{color:text};
  826. border-bottom:1px solid {color:Accent};
  827. }
  828.  
  829. .back a:hover, .a a:hover{
  830. color:{color:Accent};
  831. border-bottom:1px solid {color:Accent};
  832. }
  833.  
  834. .permalinktext{
  835. display:block;
  836. text-decoration:none;
  837. text-transform:uppercase;
  838. letter-spacing:1px;
  839. font-size:8px;
  840. margin-top:5px;
  841. }
  842.  
  843.  
  844. .permalinktext a:hover{
  845. color:{color:text};
  846. letter-spacing:3px;font-weight:700;
  847. }
  848.  
  849. /*audio player*/
  850.  
  851.  
  852. #audio {
  853. width:auto;
  854. margin:0px;
  855. height:auto;
  856. min-height:60px;
  857. line-height:20px;
  858. }
  859. .cover {
  860. z-index:1;
  861. width:70px;
  862. height:70px;
  863. position:absolute;
  864. }
  865. .cover img {
  866. float:left;
  867. position:absolute;
  868. border-radius:0px;
  869. width:70px;
  870. height:70px;
  871. }
  872.  
  873. .playbox {
  874. position:absolute;
  875. z-index:9;
  876. background:black;
  877. opacity:0;
  878. width:70px;
  879. height:70px;
  880. -webkit-transition:opacity 0.5s linear;
  881. -webkit-transition:all 0.5s linear;
  882. -moz-transition:all 0.5s linear;
  883. transition:all 0.5s linear;
  884. }
  885.  
  886. .entry:hover .playbox{
  887. opacity:.8;
  888. -webkit-transition:opacity 0.5s linear;
  889. -webkit-transition:all 0.5s linear;
  890. -moz-transition:all 0.5s linear;
  891. transition:all 0.5s linear;
  892. }
  893.  
  894. .button {
  895. position:relative;
  896. z-index: 1000;
  897. overflow:hidden;
  898. width:25px;
  899. height:25px;
  900. margin:20px 20px 20px 20px;
  901. }
  902.  
  903.  
  904. .info {
  905. margin-left:70px;
  906. margin-top:0px;
  907. font-size:10px;
  908. letter-spacing:2px;
  909. text-align:right;
  910. text-transform:uppercase;
  911. line-height:25px;
  912. background:{color:Accent};
  913. color:{color:Accent text};
  914. padding:10px;
  915. }
  916.  
  917. /*title*/
  918.  
  919. .title{
  920. padding:8px;
  921. padding-left:11px;
  922. margin-bottom:10px;
  923. font-size:14px;
  924. color:{color:Accent text};
  925. background:{color:Accent};
  926. text-transform:uppercase;
  927. letter-spacing:2px;
  928. line-height:28px;
  929. }
  930.  
  931. .title a{
  932. color:{color:Accent text};
  933. }
  934.  
  935. /*blockquote & quote*/
  936.  
  937. blockquote{
  938. border-left:1px solid {color:Accent};
  939. margin:5px;
  940. padding-left:10px;
  941. line-height:15px;
  942. }
  943.  
  944. .quote{
  945. font-size:10px;
  946. text-transform:uppercase;
  947. letter-spacing:1px;
  948. line-height:20px;
  949. padding:7px;
  950. background:{color:Accent};
  951. color:{color:Accent text};
  952. }
  953.  
  954. .cite{
  955. line-height:15px;
  956. text-align:right;
  957. font-family:9px;
  958. font-style:italic;
  959. padding:10px;
  960. padding-bottom:7px;
  961. background:rgba({RGBcolor:Accent}, 0.7);
  962. color:{color:Accent text};
  963. }
  964.  
  965. .cite a{
  966. color:{color:Accent text};
  967. }
  968.  
  969. /*ask style*/
  970.  
  971.  
  972. .as{
  973. color:{color:text};
  974. letter-spacing:0px;
  975. text-transform:uppercase;
  976. letter-spacing:1px;
  977. padding:10px;
  978. font-family:roboto;
  979. font-size:10px;
  980. text-align:center;
  981. overflow:hidden;
  982. background:{color:Accent};
  983. color:{color:Accent text};
  984. }
  985.  
  986. .as a{color:{color:Accent text};}
  987.  
  988. .q{
  989. margin-top:10px;
  990. margin-bottom:10px;
  991. line-height:14px;
  992. }
  993.  
  994. .qline{
  995. height:1px;
  996. display:block;
  997. width:50%;
  998. margin-left:25%;
  999. background:{color:Accent};
  1000. }
  1001.  
  1002. .a{
  1003. line-height:14px;
  1004. margin-top:10px;
  1005. }
  1006.  
  1007. .a img{
  1008. width:100%;
  1009. height:auto;
  1010. }
  1011.  
  1012.  
  1013.  
  1014. /*chat styling*/
  1015.  
  1016. .user_1, .user_3, .user_5, .user_7, .user_9, .user_11, .user_13, .user_15, .user_17, .user_19, .user_21, .user_23, .user_25, .user_27, .user_29, .user_31, .user_33, .user_35, .user_37, .user_39, .user_41, .user_43, .user_45, .user_47, .user_49, .user_51, .user_53, .user_55, .user_57, .user_59, .user_61, .user_63, .user_65, .user_67, .user_69, .user_71, .user_73, .user_75, .user_77, .user_79, .user_81, .user_83, .user_85, .user_87, .user_89, .user_91, .user_93, .user_95, .user_97, .user_99, .user_101, .user_103, .user_105, .user_107, .user_109, .user_111, .user_113, .user_115, .user_117, .user_119, .user_121, .user_123, .user_125, .user_127, .user_129, .user_131, .user_133, .user_135, .user_137, .user_139, .user_141, .user_143, .user_145, .user_147, .user_149{
  1017. background:{color:Accent};
  1018. padding:7px;
  1019. color:{color:Accent text};}
  1020.  
  1021. .user_2, .user_4, .user_6, .user_8, .user_10, .user_12, .user_14, .user_16, .user_18, .user_20, .user_22, .user_24, .user_26, .user_28, .user_30, .user_32, .user_34, .user_36, .user_38, .user_40, .user_42, .user_44, .user_46, .user_48, .user_50, .user_52, .user_54, .user_56, .user_58, .user_60, .user_62, .user_64, .user_66, .user_68, .user_70, .user_72, .user_74, .user_76, .user_78, .user_80, .user_82, .user_84, .user_86, .user_88, .user_90, .user_92, .user_94, .user_96, .user_98, .user_100, .user_102, .user_104, .user_106, .user_108, .user_110, .user_112, .user_114, .user_116, .user_118, .user_120, .user_122, .user_124, .user_126, .user_128, .user_130, .user_132, .user_134, .user_136, .user_138, .user_140, .user_142, .user_144, .user_146, .user_148, .user_150{
  1022. background:rgba({RGBcolor:Accent}, 0.7);
  1023. padding:7px;
  1024. color:{color:Accent text};}
  1025.  
  1026.  
  1027.  
  1028. /*permalink notes*/
  1029.  
  1030. .caption{
  1031. padding-top:10px;
  1032. padding-bottom:10px;
  1033. }
  1034.  
  1035.  
  1036.  
  1037. .inf{
  1038. display:block;
  1039. margin-top:10px;
  1040. margin-bottom:10px;
  1041. line-height:17px;
  1042. }
  1043.  
  1044. .tg{display:block;}
  1045. .tg a:after{content:',';}
  1046. .tg a:last-of-type:after {content:'.';}
  1047. .inf a, .notas a, .tg a{color:{color:text};}
  1048. .inf a:hover, .notas a:hover, .tg a:hover{color:{color:Accent};}
  1049.  
  1050. .notas{
  1051. margin-top:0px;
  1052. display:none;
  1053. padding:0px
  1054. color:{color:text};
  1055. }
  1056.  
  1057. .notas li {margin-left:0px;}
  1058. .notas li:before {display:none;}
  1059. ol.notes{padding:0px;margin:0px;list-style-type:none;}
  1060. ol.notes li.note{padding-top:8px;padding-bottom:8px;text-align:left;border-top:1px solid {color:Accent};padding-left:2px;}
  1061. ol.notes li.note img.avatar {float:left;margin-right:5px;}
  1062. ol.notes li.note blockquote a {text-decoration:none;}
  1063. li.more_notes_link_container {text-transform: uppercase;font-size:1em;line-height:150%;letter-spacing:1px;}
  1064. li.more_notes_link_container:hover{letter-spacing:4px;}
  1065. img:not(.lightbox-image) {max-width:100%;height:auto;}
  1066.  
  1067.  
  1068. #left{
  1069. position:fixed;
  1070. top:0px;
  1071. left:0px;
  1072. width:40px;
  1073. height:100%;
  1074. z-index:9999;
  1075. background:-webkit-linear-gradient(top, {color:Gradient one} 0%, {color:Gradient one} 30%, {color:Gradient two} 100%);
  1076. background:-o-linear-gradient(top, {color:Gradient one} 0%, {color:Gradient one} 30%, {color:Gradient two} 100%);
  1077. background:-moz-linear-gradient(top, {color:Gradient one} 0%, {color:Gradient one} 30%, {color:Gradient two} 100%);
  1078. background:linear-gradient(top, {color:Gradient one} 0%, {color:Gradient one} 30%, {color:Gradient two} 100%);
  1079. }
  1080.  
  1081. #right{
  1082. position:fixed;
  1083. top:0px;
  1084. right:0px;
  1085. width:40px;
  1086. height:100%;
  1087. z-index:9999;
  1088. background:-webkit-linear-gradient(top, {color:Gradient one} 0%, {color:Gradient one} 30%, {color:Gradient two} 100%);
  1089. background:-o-linear-gradient(top, {color:Gradient one} 0%, {color:Gradient one} 30%, {color:Gradient two} 100%);
  1090. background:-moz-linear-gradient(top, {color:Gradient one} 0%, {color:Gradient one} 30%, {color:Gradient two} 100%);
  1091. background:linear-gradient(top, {color:Gradient one} 0%, {color:Gradient one} 30%, {color:Gradient two} 100%);
  1092. }
  1093.  
  1094.  
  1095.  
  1096. #sidebar {
  1097. position:fixed;
  1098. margin-left:calc(20px - 260px);
  1099. top:180px;
  1100. width:180px;
  1101. height:auto;
  1102. z-index:999999;
  1103. text-align:center;
  1104. }
  1105.  
  1106.  
  1107. .titulo {
  1108. display:inline-block;
  1109. padding-bottom:10px;
  1110. color:{color:Accent};
  1111. font-family:petit formal script;
  1112. font-size:30px;
  1113. text-shadow:3px 3px #eee;
  1114. letter-spacing:1px;
  1115. }
  1116.  
  1117. .desc{
  1118. margin-top:5px;
  1119. }
  1120.  
  1121.  
  1122.  
  1123. .nav a{
  1124. font-size:11px;
  1125. display:inline-block;
  1126. text-align:center;
  1127. margin:8px;
  1128. color:{color:Accent};
  1129. text-transform:lowercase;
  1130. -webkit-transition:all 0.3s ease;
  1131. }
  1132.  
  1133. .nav a:hover{
  1134. color:{color:Accent 2};
  1135. -webkit-transform: scale(1.5);
  1136. }
  1137.  
  1138.  
  1139. #infscr-loading { display:none!important; }
  1140.  
  1141.  
  1142. /*announcements tab by chloe | @redivide | @themekid*/
  1143. #chloe {
  1144. position:fixed;
  1145. width:200px;
  1146. padding:5px;
  1147. bottom:70px; /*distance from bottom*/
  1148. right:80px; /*distance from top*/
  1149. text-align:right;
  1150. z-index:999;
  1151. }
  1152. #chloe h4 {
  1153. font-size:1.5em;
  1154. border-bottom:4px double #e8d1d1; /*color of title underline*/
  1155. display:inline-block;
  1156. margin-bottom:10px;
  1157. font-family:'Roboto Condensed', sans-serif;
  1158. }
  1159. #chloe a {
  1160. color:#e8d1d1; /*color of links*/
  1161. text-decoration:none;
  1162. }
  1163.  
  1164.  
  1165.  
  1166. </style>
  1167.  
  1168. </head>
  1169.  
  1170. <body>
  1171.  
  1172.  
  1173. <!--announcements tab by chloe | @redivide | @themekid--><div id="chloe"><h4>EXTRAS</h4><br>
  1174. apply for my awards <a href="http://girlhy.tk/tagged/apply" target="_blank">here</a><br>
  1175. apply to be my botm <a href="http://girlhy.tk/post/165125607114/please-do-not-delete-the-text-or-self-promote" target="_blank">here</a><br></div>
  1176.  
  1177.  
  1178. <div id="left"></div>
  1179. <div id="right"></div>
  1180.  
  1181. <div class="center">
  1182.  
  1183. <div id="sidebar">
  1184. <div class="titulo">{text:blogtitle}</div>
  1185. <div class="desc">
  1186. {description}
  1187. </div>
  1188. <div class="nav">
  1189. <a title="{text:Home Label}" href="/"><i class="fa fa-home"></i></a>
  1190. <a title="message" href="#?w=auto" rel="box1" class="poplight"><i class="fa fa-envelope" aria-hidden="true"></i></a>
  1191. <a href="#?w=500" rel="02" class="poplight"><i class="fa fa-tags" aria-hidden="true"></i></a>
  1192. <a title="{text:Extra link 2}" href="{text:Extra link 2 URL}"><i class="fa fa-user"></i></a>
  1193. <a title="{text:Archive Label}" href="/archive"><i class="fa fa-calendar"></i></a>
  1194. </div>
  1195. </div>
  1196.  
  1197.  
  1198. <div id="posts">
  1199. {block:Posts}
  1200. <div class="entry" id="{PostID}">
  1201.  
  1202. {block:Text}
  1203. {block:Title}<div class="title">{Title}</div>{/block:Title}
  1204. <div class="back">{Body}</div>
  1205. {block:IndexPage}
  1206. <div class="permalinktext">
  1207. Posted on {Month} {DayOfMonth}, {Year} <div style="text-align:right;margin-top:-16px"><a href="{permalink}" target="_blank">{notecountwithlabel}</a></div></div>
  1208. {/block:IndexPage}
  1209. {/block:Text}
  1210.  
  1211.  
  1212. {block:Link}
  1213. <div class="title">
  1214. <a href="{URL}">{Name} <i class="fa fa-angle-right"></i></a></div>
  1215. <div class="back">{block:Description}{Description}{/block:Description}
  1216. </div>{block:IndexPage}
  1217. <div class="permalinktext">
  1218. Posted on {Month} {DayOfMonth}, {Year} <div style="text-align:right;margin-top:-16px"><a href="{permalink}" target="_blank">{notecountwithlabel}</a></div></div>
  1219. {/block:IndexPage}
  1220. {block:Link}
  1221.  
  1222.  
  1223. {block:Photo}
  1224. {block:IndexPage}
  1225. <div class="perm1"><a title="{timeago} with {notecountwithlabel}" href="{Permalink}"><i class="fa fa-calendar"></i></a></div>
  1226. <div class="perm2"><a href="{ReblogURL}" target="_blank"><i class="fa fa-refresh"></i></a></div>
  1227. <div class="perm3">
  1228. <div class="custom-like-button">
  1229. {LikeButton}<i class="fa fa-heart"></i>
  1230. </div>
  1231. </div>
  1232. <div id="move">
  1233. <img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="100%"/></div>
  1234. {/block:IndexPage}
  1235. {block:PermalinkPage}
  1236. <img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="100%"/>
  1237. {/block:PermalinkPage}
  1238. {/block:Photo}
  1239.  
  1240.  
  1241. {block:Photoset}
  1242. <div class="photo-slideshow" id="photoset_{PostID}" data-layout="{PhotosetLayout}">{block:Photos}<div class="photo-data"><div class="pxu-photo"><img src="{PhotoURL-500}" width="{PhotoWidth-500}" height="{PhotoHeight-500}" data-highres="{PhotoURL-HighRes}" data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}"></div><a class="tumblr-box" rel="post-{PostID}" href="{PhotoURL-HighRes}"></a></div>{/block:Photos}</div>
  1243. {block:IndexPage}
  1244. <div class="permalinktext">
  1245. Posted on {Month} {DayOfMonth}, {Year} <div style="text-align:right;margin-top:-16px"><a href="{permalink}" target="_blank">{notecountwithlabel}</a></div></div>
  1246. {/block:IndexPage}
  1247. {/block:Photoset}
  1248.  
  1249.  
  1250. {block:Quote}
  1251. <div class="back"><div class="quote">❝ {quote}</div>
  1252. <div class="cite">— {Source}</div></div>
  1253. {block:IndexPage}
  1254. <div class="permalinktext">
  1255. Posted on {Month} {DayOfMonth}, {Year} <div style="text-align:right;margin-top:-16px"><a href="{permalink}" target="_blank">{notecountwithlabel}</a></div></div>
  1256. {/block:IndexPage}
  1257. {/block:Quote}
  1258.  
  1259. {block:Chat}<div class="back">
  1260. <div class="chat">
  1261. {block:Title}<span class="title">{Title}</span></span>{/block:Title}
  1262. {block:Lines}<div class="lines {Alt}"><div class="{Alt} user_{UserNumber}">{block:Label}<i>{Label}</i> {/block:Label}{Line}</div></div>{/block:Lines}
  1263. </div></div>
  1264. {block:IndexPage}
  1265. <div class="permalinktext">
  1266. Posted on {Month} {DayOfMonth}, {Year} <div style="text-align:right;margin-top:-16px"><a href="{permalink}" target="_blank">{notecountwithlabel}</a></div></div>
  1267. {/block:IndexPage}
  1268. {/block:Chat}
  1269.  
  1270. {block:Audio}<div class="back">
  1271. <div id="audio">
  1272. <div class="cover"><img src="http://static.tumblr.com/k9utpfa/tcom8wpif/default_cover_m.jpg"></div>
  1273. {block:AlbumArt}
  1274. <div class="cover"><img src="{AlbumArtURL}"></div>
  1275. {/block:AlbumArt}
  1276. <div class="playbox">
  1277. <div class="button">
  1278. {block:AudioPlayer}{AudioPlayerBlack}{/block:AudioPlayer}</div></div>
  1279. <div class="info">
  1280. <span{block:TrackName} style="display:none;"{/block:TrackName}>Unknown</span>{block:TrackName}{TrackName}{/block:TrackName}
  1281. <div style="text-transform:uppercase;font-size:8px;letter-spacing:2px;color:{color:Accent text};font-family:{select:Font};">
  1282. <span{block:Artist} style="display:none;"{/block:Artist}>Unknown</span>{block:Artist}{Artist}{/block:Artist}</div>
  1283. </div>
  1284. </div></div>
  1285. {block:IndexPage}
  1286. <div class="permalinktext">
  1287. Posted on {Month} {DayOfMonth}, {Year} <div style="text-align:right;margin-top:-16px"><a href="{permalink}" target="_blank">{notecountwithlabel}</a></div></div>
  1288. {/block:IndexPage}
  1289. {/block:Audio}
  1290.  
  1291.  
  1292. {block:Video}
  1293. <div class="video">{Video-500}</div>
  1294. {block:IndexPage}
  1295. <div class="permalinktext">
  1296. Posted on {Month} {DayOfMonth}, {Year} <div style="text-align:right;margin-top:-16px"><a href="{permalink}" target="_blank">{notecountwithlabel}</a></div></div>
  1297. {/block:IndexPage}
  1298. {/block:Video}
  1299.  
  1300.  
  1301. {block:Answer}<div class="back">
  1302. <div class="as">{Asker} asked:</div>
  1303. <div class="q">{Question}</div>
  1304. <div class="qline"></div>
  1305. <div class="a">{Answer}</div></div>
  1306. {block:IndexPage}
  1307. <div class="permalinktext">
  1308. Posted on {Month} {DayOfMonth}, {Year} <div style="text-align:right;margin-top:-16px"><a href="{permalink}" target="_blank">{notecountwithlabel}</a></div></div>
  1309. {/block:IndexPage}
  1310. {/block:Answer}
  1311.  
  1312. {block:ContentSource}<!-- {SourceURL}
  1313. {block:SourceLogo}<img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}
  1314. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  1315. {/block:ContentSource}
  1316.  
  1317. <!-- {block:NoRebloggedFrom}
  1318. {block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}
  1319. {/block:NoRebloggedFrom} -->
  1320.  
  1321.  
  1322. {block:PermalinkPage}
  1323. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  1324. {block:Date}
  1325. <div class="l"></div>
  1326. <div class="inf">
  1327. Posted on {month} {dayofmonth}{dayofmonthsuffix} at {12hour}:{minutes}{ampm} <br>
  1328. {block:RebloggedFrom}
  1329. source: <a href="{ReblogRootURL}">{ReblogRootName}</a> <br> via: <a href="{ReblogParentURL}">{ReblogParentName}</a><br>
  1330. {/block:RebloggedFrom}
  1331. <div class="tg">
  1332. {block:HasTags}
  1333. tags: {block:Tags}<a href="{TagURL}">#{Tag}</a>
  1334. {/block:Tags}{/block:HasTags}
  1335. </div>
  1336. <a title="show notes" class="show">{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}</a></div>
  1337. <div class="notas">
  1338. {block:PostNotes}
  1339. {PostNotes}
  1340. {/block:PostNotes}
  1341. {/block:Date}
  1342. </div>
  1343. {/block:PermalinkPage}
  1344. {/block:Date}
  1345. </div>
  1346. {/block:Posts}
  1347. </div>
  1348.  
  1349.  
  1350. <div class="pagination">
  1351. {block:Pagination}
  1352. {block:PreviousPage}
  1353. <a href="{PreviousPage}"></a>
  1354. {/block:PreviousPage}
  1355.  
  1356. {block:NextPage}
  1357. <a href="{NextPage}" class="next"></a>
  1358. {/block:NextPage}
  1359. {/block:Pagination}</div></div>
  1360.  
  1361. <!--Like seriously guys, DON'T TOUCH any of this scripts unless you know what it does or you will ruin your whole theme--->
  1362. <link rel="stylesheet" href="//code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css">
  1363. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.2/jquery.min.js"></script>
  1364. <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.1/css/font-awesome.min.css">
  1365. <link href='https://fonts.googleapis.com/css?family=Montserrat:400,700|Source+Sans+Pro:400,700|Hind:400,700|Dancing+Script:400,700|Open+Sans:400,700|Muli|Kurale|PT+Serif:400,700|Old+Standard+TT:400,700|Roboto:400,700|Roboto+Condensed:400,700|Lato:400,700|Raleway:400,700,300|Montez|Karla:400,700|Quicksand:400,700|Petit+Formal+Script|Clicker+Script|Mako|Maven+Pro:400,700' rel='stylesheet' type='text/css'>
  1366. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  1367. <script src ="http://static.tumblr.com/fwgzvyf/Oj1o08f6h/shythemes.vr.js"></script>
  1368. <link rel="stylesheet" href="http://static.tumblr.com/8pnyeus/29To2og0o/styles.css">
  1369. <script src="http://static.tumblr.com/8pnyeus/nfIo2oh8w/l-script.js" type="text/javascript"></script>
  1370. <script src="http://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
  1371. {block:IndexPage}
  1372. <script src="http://static.tumblr.com/6hsqxdt/QBym35odk/jquery.masonry.js"></script>
  1373. <script src="http://static.tumblr.com/wgijwsy/u2vm2hxv6/jquery.infinitescroll.min.js"></script>
  1374. {/block:IndexPage}
  1375. <script>
  1376. $(document).ready(function(){
  1377. $(".show").click(function(){
  1378. $(".notas").slideToggle("slow");
  1379. });
  1380. });
  1381. $(document).ready(function(){
  1382. $('.photo-slideshow').pxuPhotoset({
  1383. lightbox: true,
  1384. rounded: false,
  1385. gutter: '3px',
  1386. photoset: '.photo-slideshow',
  1387. photoWrap: '.photo-data',
  1388. photo: '.pxu-photo'
  1389. });
  1390. {block:IndexPage}
  1391. var $container = $('#posts');
  1392. $container.masonry({ itemSelector: '.entry' });
  1393. $container.imagesLoaded(function(){
  1394. $container.masonry();
  1395. $container.find('.entry').animate({ opacity: 1, zIndex: 1 });
  1396. });
  1397. $container.infinitescroll({
  1398. itemSelector: '.entry',
  1399. navSelector: '.pagination',
  1400. nextSelector: '.next',
  1401. loadingImg: '',
  1402. loadingText: '<em></em>',
  1403. bufferPx: 2000
  1404. },
  1405. function( newElements ) {
  1406. var $newElems = $( newElements );
  1407. $newElems.find('.photo-slideshow').pxuPhotoset({
  1408. lightbox: true,
  1409. rounded: false,
  1410. gutter: '3px',
  1411. photoset: '.photo-slideshow',
  1412. photoWrap: '.photo-data',
  1413. photo: '.pxu-photo'
  1414. },
  1415.  
  1416. function(){
  1417. resizeVideos(); },
  1418.  
  1419. function(){
  1420. $container.masonry();
  1421. });
  1422.  
  1423. var $newElemsIDs = $newElems.map(function(){
  1424. return this.id;
  1425. }).get();
  1426. console.log($newElems, $newElemsIDs);
  1427. Tumblr.LikeButton.get_status_by_post_ids($newElemsIDs);
  1428.  
  1429. $newElems.imagesLoaded(function(){
  1430. $container.masonry( 'appended', $newElems );
  1431. $newElems.animate({ opacity: 1, zIndex: 1 });
  1432. });
  1433. });
  1434. {/block:IndexPage}
  1435. });
  1436. </script>
  1437. </body>
  1438.  
  1439. <!--- UPDATES TABS BY PLANTHED ---->
  1440. <div id="updates">
  1441. <div class="arrow"><i class="fa fa-angle-left"></i></div>
  1442. <div class="updatestitle">INFORMATION</div>
  1443. <div class="upline"></div>
  1444. <div style="margin-top:30px"></div>
  1445. <!---copy and paste the box how many times as you need
  1446. <div class="box">
  1447. </div>
  1448. --->
  1449. <div class="box">
  1450. <!---write your text here--->
  1451. UPDATES
  1452. <br>
  1453. • queue runs 24/7
  1454. <br>
  1455. • new url 8/20
  1456. <br>
  1457. • new theme 9/11
  1458. <br>
  1459. • unfollow spree 8/23
  1460. <!-- end of the text --->
  1461. </div>
  1462.  
  1463. <div class="box">
  1464. <!---write your text here--->
  1465. STATS
  1466.  
  1467. <br>
  1468. <script id="qpscript" src="http://qplus.io/scripts/queued/5999ff54043118fb460938e6"></script>
  1469. <br>
  1470.  
  1471. <script language="JavaScript">var fhs = document.createElement('script');var fhs_id = "5505219";
  1472. var ref = (''+document.referrer+'');var pn = window.location;var w_h = window.screen.width + " x " + window.screen.height;
  1473. fhs.src = "//freehostedscripts.net/ocounter.php?site="+fhs_id+"&e1=Babe&e2=Babes&r="+ref+"&wh="+w_h+"&a=1&pn="+pn+"";
  1474. document.head.appendChild(fhs);document.write("<span id='o_"+fhs_id+"'></span>");
  1475. </script>
  1476. <br>
  1477. <script language="JavaScript">var fhsh = document.createElement('script');var fhs_id_h = "3267266";
  1478. fhsh.src = "//freehostedscripts.net/ocount.php?site="+fhs_id_h+"&name=Babes Vanished&a=1";
  1479. document.head.appendChild(fhsh);document.write("<span id='h_"+fhs_id_h+"'></span>");
  1480. </script>
  1481. <br>
  1482. <a href="https://time.is/New_Jersey" id="time_is_link" rel="nofollow" style="font-size:11px">My time (EST):</a>
  1483. <span id="New_Jersey_z161" style="font-size:12px"></span>
  1484. <script src="//widget.time.is/t.js"></script>
  1485. <script>
  1486. time_is_widget.init({New_Jersey_z161:{time_format:"12hours:minutes:secondsAMPM"}});
  1487. </script>
  1488. <!-- end of the text --->
  1489. </div>
  1490.  
  1491. <div class="box">
  1492. <!---write your text here--->
  1493. CURRENTLY <br>
  1494. Watching: <br>
  1495. • shameless <br>
  1496. • jersey shore <br>
  1497. Reading: <br>
  1498. • read between the lines <br>
  1499. Listening To: <br>
  1500. • dawn golden <br>
  1501. • early day miners <br>
  1502. • a.a bondy <br>
  1503. <!-- end of the text --->
  1504. </div>
  1505.  
  1506. <div class="box">
  1507. <!-- please give me credits!! --->
  1508. blog make over credit: <a href="http://glammist.tumblr.com">@glammist</a>
  1509. updates tab credit: <a href="http://planthed.tumblr.com">@planthed</a>
  1510. <!-- please give me credits!! --->
  1511. </div>
  1512.  
  1513. </div>
  1514.  
  1515.  
  1516.  
  1517.  
  1518. <div id="02" class="popup_block">
  1519. <div id="table">
  1520. <h1>EXTRAS</h1>
  1521. <div id="t1">
  1522. <!---------------------------------------->
  1523. <a href="http://girlhy.tk/blogroll">blogroll</a>
  1524. <a href="http://girlhy.tk/tagged/myface">my face</a>
  1525. <a href="http://girlhy.tk/tagged/answered">answered questions</a>
  1526. <a href="http://girlhy.tk/tagged/myposts">my posts</a>
  1527. <a href="http://girlhy.tk/bucketlist">bucketlist</a>
  1528. <a href="http://blog-plug.com">promote here babe</a>
  1529. <a href="http://thequietplaceproject.com/thequietplace">quiet place</a>
  1530. <a href="http://www.donothingfor2minutes.com/">2 minutes of calm</a>
  1531. <a href="http://girlhy.tk/birthdaypage">birthday page</a>
  1532. <!---------------------------------------->
  1533. </div>
  1534. <h1>SOCIALS</h1>
  1535. <div id="t2">
  1536. <!---------------------------------------->
  1537. <a href="https://www.instagram.com/lnicraz/">instagram</a>
  1538. <a href="https://twitter.com/lnicraz">twitter</a>
  1539. <!---------------------------------------->
  1540. </div>
  1541. <h1>FEATURED IN</h1>
  1542. <div id="t3">
  1543. <!---------------------------------------->
  1544. <a href="https://classybloggersnetwork.tumblr.com/">Classy Bloggers Network</a>
  1545. <a href="http://animalkingdom-network.tumblr.com/">Animal Kingdom Network</a>
  1546. <a href="http://ehstrela.tumblr.com/hiddengems">Hidden Gems</a>
  1547. <a href="https://pllsquadnetwork.tumblr.com/">PLL Squad Network</a>
  1548. <a href="http://the-sunshinenetwork.tumblr.com/">Sunshine Network</a>
  1549. <a href="https://itgirl-network.tumblr.com/">It Girl Network</a>
  1550. <a href="https://brightr.tumblr.com/favs">Brightr's Favs</a>
  1551. <!---------------------------------------->
  1552. </div>
  1553. </div>
  1554. </div></div>
  1555.  
  1556.  
  1557. <div id="box1" class="popup_block">
  1558.  
  1559. <div id="faq">
  1560. <div class="ftitle">FAQ IT</div><p>
  1561. <!---faq goes here--->
  1562. <br>
  1563. I will:
  1564. <br>
  1565. •check out your blog (mbf) <br>
  1566. •be your friend <br>
  1567. •follow you back (if we are similar) <br>
  1568. •do q4q with you<br>
  1569. <br>
  1570. <br>
  1571. I won’t:
  1572. <br>
  1573. •follow you on demand <br>
  1574. •click on your ads <br>
  1575. •promote you on demand <br>
  1576. •tolerate any kind of hate <br>
  1577. <br>
  1578. <br>
  1579. I unfollowed you because:
  1580. <br>
  1581. •you were inactive for over a week <br>
  1582. •one of us changed blog styles <br>
  1583. •i don’t reblog much from you anymore <br>
  1584. •you were being rude to me<br>
  1585. <br>
  1586.  
  1587. <!--end of faq--->
  1588. </div>
  1589. <div id="askb">
  1590. Hover for ask box
  1591. <div style="margin-top:10px">
  1592. <iframe src="http://www.tumblr.com/ask_form/{name}.tumblr.com" id="ask_form" frameborder="0" height="245" scrolling="yes" width="100%"></iframe></div><!--if your ask box is not working delete {name} and write your url--->
  1593. </div></div>
  1594.  
  1595. <img src="http://static.tumblr.com/65f4f99495f65506f22452e98fd11b42/xrqr8yq/Dz9nydyy9/tumblr_static_2en6zum3tyhwow0wwg0ocs0oc.png" style="position:fixed; bottom:0px; left:48px; width:290px;pointer-events: none; z-index:99999; opacity:XER01;"/>
  1596.  
  1597. <script type="text/javascript" src="http://bpmaker.giffy.me/userdata/user/53/53959/2/parts.js"></script>
  1598.  
  1599.  
  1600. </div></div></div></div></div></div></div></div></div></div></div>
  1601.  
  1602. </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!