API tools faq
paste
Advertisement
salsaclubprincess

coffee theme

salsaclubprincess
Apr 25th, 2019
128
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 27.24 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2. THEME BY COFFEESTHETICS, DO NOT STEAL
  3. -->
  4.  
  5. <html lang="en">
  6. <!DOCTYPE html PUBLIC"-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  7. <html xmlns="http://www.w3.org/1999/xhtml">
  8. <head>
  9.  
  10. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  11. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  12. <script>
  13. (function($){
  14. $(document).ready(function(){
  15. $("a[title]").style_my_tooltips({
  16. tip_follows_cursor:true,
  17. tip_delay_time:90,
  18. tip_fade_speed:600,
  19. attribute:"title"
  20. });
  21. });
  22. })(jQuery);
  23. </script>
  24.  
  25.  
  26.  
  27.  
  28. <script type="text/javascript"
  29. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  30.  
  31.  
  32.  
  33.  
  34. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  35.  
  36. <link href='https://fonts.googleapis.com/css?family='Karla', sans-serif:400,300,300italic,400italic,700,700italic,500,500italic' rel='stylesheet' type='text/css'>
  37.  
  38. <link href='https://fonts.googleapis.com/css?family=Montserrat:400,700' rel='stylesheet' type='text/css'>
  39. <link href="https://fonts.googleapis.com/css?family=Give+You+Glory" rel="stylesheet">
  40. <link href="https://fonts.googleapis.com/css?family=Karla" rel="stylesheet">
  41.  
  42.  
  43.  
  44. <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">
  45.  
  46.  
  47.  
  48.  
  49.  
  50.  
  51. <style type="text/css">
  52.  
  53. #s-m-t-tooltip {
  54. max-width:300px;
  55. padding:6px 6px 6px 6px;
  56. margin:20px 0px 0px 20px;
  57. border-radius:5px;
  58. background: #fff;
  59. border-bottom:3px solid #C8D1DA;
  60. box-shadow:0px 0px 2px #bdbdbd;
  61. font-family:'Karla', sans-serif;
  62. font-size:8px;
  63. line-height:13px;
  64. letter-spacing:1px;
  65. text-transform:uppercase;
  66. color:#a4a4a4;
  67. z-index:999999999999999999999999999999999999;
  68. }
  69.  
  70.  
  71.  
  72.  
  73. /*iframe#tumblr_controls {right:2px; top:2px;!important; position:fixed; !important;-webkit-transition: opacity 0.7s linear;opacity: 0.5;-webkit-transition: all 0.8s ease-out;-moz-
  74.  
  75. transition: all 0.8s ease-out;transition: all 0.8s ease-out;}
  76.  
  77. 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;} */
  78.  
  79. p {
  80. margin:0px;
  81. margin-top:10px;
  82. }
  83.  
  84.  
  85. html, body {
  86. padding: 0px;
  87. margin: 0px;
  88. color:#6e6e6e;
  89. font-family:'Karla', sans-serif;
  90. font-size:11px;
  91. line-height:13px;
  92. height:100%;
  93. background-color:#fafafa;
  94. }
  95.  
  96.  
  97. a:link, a:active, a:visited{
  98. text-decoration: none;
  99. -webkit-transition: color 0.3s ease-out;
  100. -moz-transition: color 0.3s ease-out;
  101. transition: color 0.3s ease-out;
  102. color:#848484;
  103. }
  104.  
  105. a:hover {
  106. text-decoration:none;
  107. color: #C8D1DA;
  108. }
  109.  
  110. div#center{
  111. margin-left:74px;
  112. position:relative;
  113. width:1000px;
  114. background-color:;
  115. overflow:auto;
  116. overflow-y:hidden;
  117.  
  118. }
  119.  
  120.  
  121.  
  122. wh{
  123. color:white;
  124. }
  125.  
  126. gr{
  127. color:#fafafa;
  128. }
  129.  
  130. a4{
  131. color:#a4a4a4;
  132. }
  133.  
  134. ee{
  135. color:#a4a4a4;
  136. font-family:'Karla', sans-serif;
  137. text-transform:uppercase;
  138. letter-spacing:1.6px;
  139. font-weight:lighter;
  140. font-size:19px;
  141. line-height:30px;
  142. }
  143.  
  144.  
  145. hd{
  146. background:#C8D1DA;
  147. text-transform:uppercase;
  148. font-size:10px;
  149. padding-left:2px;
  150. padding-right:2px;
  151. padding-bottom:1px;
  152. padding-top:1px;
  153. border-radius:5px;
  154. letter-spacing:1px;
  155. text-shadow:1px 1px 1px #BDBDBD;
  156. color:#fff;
  157.  
  158. }
  159.  
  160. h2{
  161. color:#a4a4a4;
  162. font-family:'Karla', sans-serif;
  163. text-transform:uppercase;
  164. letter-spacing:1.6px;
  165. font-size:15px;
  166. line-height:20px;
  167. font-weight:lighter;
  168. padding-bottom:3px;
  169. border-bottom:1px solid #ddd;
  170. }
  171.  
  172. h1{
  173. line-height:29px;
  174. }
  175.  
  176.  
  177.  
  178. .entry {
  179. float:left;
  180. display: block;
  181. overflow:visible;
  182. width:395px;
  183. background:transparent;
  184. margin:5px;
  185. margin-bottom:38px;
  186. margin-right:50px;
  187. {block:PermalinkPage}
  188. width:500px;
  189. text-align:left;
  190. line-height:10px;
  191. {/block:PermalinkPage}
  192. background:transparent;
  193. background-image:URL();
  194. }
  195.  
  196. .entry .cos{
  197. width:100%;
  198. height:1px;
  199. background:#ddd;
  200. margin-top:15px;
  201. }
  202.  
  203. .cp{
  204. background:#f2f2f2;
  205. border:1px solid #ddd;
  206. font-family:'Karla', sans-serif;
  207. color:#6e6e6e;
  208. padding:15px;
  209. margin-bottom:20px;
  210. font-size:12px;
  211. line-height:15px;
  212. margin-top:20px;
  213. }
  214.  
  215. .cl{
  216. background:#f2f2f2;
  217. border:1px solid #ddd;
  218. font-family:'Karla', sans-serif;
  219. color:#6e6e6e;
  220. padding:5px;
  221. margin-bottom:20px;
  222. font-size:10px;
  223. line-height:12px;
  224. }
  225.  
  226.  
  227.  
  228.  
  229. .sticky {
  230. position: fixed;
  231. top: 0px;
  232. }
  233.  
  234. .fol{
  235. width:auto;
  236. height:43px;
  237. overflow:hidden;
  238. background:transparent;
  239. position:absolute;
  240. margin-left:427px;
  241. margin-top:-20px;
  242.  
  243. }
  244.  
  245. .fol a{
  246. width:27px;
  247. height:27px;
  248. text-align:center;
  249. margin-left:16px;
  250. margin-top:0px;
  251. display:inline-block;
  252. font-family:'Karla', sans-serif, helvetica;
  253. line-height:27px;
  254. border-radius:30px;
  255. background:white;
  256. box-shadow:1px 1px 1px #BDBDBD;
  257. color:#a4a4a4;
  258. font-size:16px;
  259. text-transform:uppercase;
  260. }
  261.  
  262.  
  263.  
  264.  
  265.  
  266. .test{
  267. background: url(http://static.tumblr.com/ac8f3b18762901a1b5531dda5bec77af/dxh5xq2/t5nntum5z/tumblr_static_2ow0s5vh23k0880k4844wk04c.jpg) fixed top center;
  268. width: 100%;
  269. height: 100%;
  270. background-size: cover;
  271. -webkit-background-size: cover;
  272. -moz-background-size: cover;
  273. -o-background-size: cover;
  274. z-index: 1;
  275. }
  276.  
  277. .box{
  278. width: 435px; /*prev 400*/
  279. height: 435px; /*prev 213*/
  280. background: white;
  281. box-shadow:1px 1px 1px #bdbdbd;
  282. border-radius:300px;
  283. margin: 0 auto;
  284. border:1px solid #fff;
  285. margin-top:12%;
  286. display: block;
  287. left: 0%;
  288. right: 0%;
  289. text-align: center;
  290. }
  291.  
  292. .greeting{
  293. width:378px;
  294. height:35px;
  295. color:#a4a4a4;
  296. font-family:'shella';
  297. letter-spacing:.5px;
  298. font-weight:lighter;
  299. font-size:65px;
  300. margin-top:60px;
  301. z-index:999999;
  302. margin-left:0px;
  303. text-align:center;
  304. }
  305.  
  306. .greeting2{
  307. width:378px;
  308. height:auto;
  309. color:#fff;
  310. font-family:'shella';
  311. letter-spacing:.7px;
  312. font-weight:lighter;
  313. text-shadow:1px 1px 1px #BDBDBD;
  314. font-size:55px;
  315. margin-top:35px;
  316. z-index:999999;
  317. margin-left:98px;
  318. text-align:center;
  319. }
  320.  
  321. .minigreeting{
  322. width:auto;
  323. height:auto;
  324. color:#fff;
  325. font-family:'karla';
  326. letter-spacing:3px;
  327. text-shadow:1px 1px 1px #BDBDBD;
  328. text-transform:uppercase;
  329. font-size:11px;
  330. z-index:999999;
  331. margin-left:-138px;
  332. margin-top:10px;
  333. text-align:center;
  334. }
  335.  
  336. .hello{
  337. width:370px;
  338. text-align:justify;
  339. margin-top:31px;
  340. margin-left:4px;
  341. font-weight:lighter;
  342. font-family:'Karla', sans-serif;
  343. font-size:13px;
  344. line-height:17px;
  345. color:#a4a4a4;
  346. }
  347.  
  348. .fruits{
  349. margin-top:27px;
  350. margin-left:-210px;
  351. }
  352.  
  353. .fruits img{
  354. width:60px;
  355. opacity:.5;
  356. }
  357.  
  358. .fruits2{
  359. margin-left:5px;
  360. margin-top:-25px;
  361. }
  362.  
  363. .fruits2 img{
  364. width:60px;
  365. opacity:.5;
  366. }
  367.  
  368. .fruits3{
  369. margin-left:230px;
  370. margin-top:-90px;
  371. }
  372.  
  373. .fruits3 img{
  374. width:70px;
  375. opacity:.5;
  376. }
  377.  
  378. .bord{
  379. background:transparent;
  380. width:378px;
  381. height:170px;
  382. margin: 0 auto;
  383. margin-top:10px;
  384. display: block;
  385. padding-top:10px;
  386. left: 0%;
  387. right: 0%;
  388. }
  389.  
  390.  
  391. .topbar{
  392. width:100%;
  393. height:80px;
  394. background:#C8D1DA;
  395. margin-top:0px;
  396. margin-left:0px;
  397. }
  398.  
  399.  
  400. .helper{
  401. margin-top:0px;
  402. margin-left:0px;
  403. width:100%;
  404. height:1px;
  405. background:transparent;
  406. }
  407.  
  408.  
  409.  
  410. .sticky {
  411. position: fixed;
  412. width: 100%;
  413. left: 0;
  414. top: 0;
  415. z-index: 100;
  416. border-top: 0;
  417. }
  418.  
  419. .toast{
  420. margin-top:20px;
  421. width:370px;
  422. margin-left:4px;
  423. letter-spacing:3px;
  424. font-family:'Karla', sans-serif;
  425. font-weight:lighter;
  426. text-transform:uppercase;
  427. height:auto;
  428. color:#a4a4a4;
  429. text-align:center;
  430. font-size:16px;
  431. }
  432.  
  433. .bienvenue{
  434. margin-top:15px;
  435. width:370px;
  436. margin-left:4px;
  437. letter-spacing:3px;
  438. font-family:'Karla', sans-serif;
  439. text-transform:uppercase;
  440. height:auto;
  441. color:#a4a4a4;
  442. text-align:center;
  443. font-size:12px;
  444.  
  445. }
  446.  
  447. #avatar{
  448. margin-top:-43px;
  449. margin-left:25px;
  450. }
  451.  
  452. #avatar img{
  453. width:100px;
  454. height:100px;
  455. border:11px solid #C8D1DA;
  456. border-radius:60px;
  457. }
  458.  
  459. #tumblr_controls{
  460. display:none;
  461. }
  462.  
  463. .mushroom{
  464. width: 360px;
  465. height:28px;
  466. position:fixed;
  467. overflow:hidden;
  468. right:-45px;
  469. z-index:99999999;
  470. top:38px;
  471. background:transparent;
  472.  
  473. }
  474.  
  475. .mushroom .oa{
  476. width: 150px;
  477. height:25px;
  478. margin-left:4px;
  479. margin-top:1px;
  480. font-family:'Karla', sans-serif, helvetica;
  481. line-height:25px;
  482. font-weight:lighter;
  483. border-radius:6px;
  484. display:inline-block;
  485. text-align:center;
  486. background:white;
  487. box-shadow:1px 1px 1px #BDBDBD;
  488. color:#a4a4a4;
  489. font-size:16px;
  490. text-transform:uppercase;
  491. }
  492.  
  493. .mushroom .oa a{
  494. color:#a4a4a4;
  495. }
  496.  
  497.  
  498.  
  499.  
  500.  
  501. #posts {
  502. width:900px;
  503. margin-top:100px;
  504. z-index:99;
  505. margin-left:10px;
  506. right:auto;
  507. background:transparent;
  508. margin-right:auto;
  509. position:relative;
  510. overflow-y: hidden;
  511. }
  512.  
  513.  
  514.  
  515. .aska{
  516. text-transform:uppercase; background:#C8D1DA; text-shadow:1px 1px 1px #BDBDBD; color:white; padding:3px; border-radius:4px;line-height:20px;
  517. }
  518.  
  519. .aska a{
  520. color:white;
  521. }
  522.  
  523.  
  524. @font-face { font-family: "dixel"; src: url('http://static.tumblr.com/jdjsstr/8ovm78cbb/pf_arma_five_1_.ttf'); }
  525.  
  526. @font-face {
  527. font-family: "shella";
  528. src: url('https://static.tumblr.com/txsxvb3/8ODpbmzwv/shella_clean_dafont.ttf') format('truetype');
  529. font-weight: normal;
  530. font-style: normal;
  531.  
  532. }
  533.  
  534.  
  535. .ph{
  536. position:relative;
  537. }
  538.  
  539. .amritaiscool{
  540. text-align:center;
  541. }
  542.  
  543. .amritaiscool img{
  544. width:100px;
  545. }
  546.  
  547. .amritaiscool text{
  548.  
  549. }
  550.  
  551. .beeframen{
  552. height:20px;
  553. width:500px;
  554. background:#fafafa;
  555. margin:0px;
  556. }
  557.  
  558. .person-posting{
  559. margin:7px;
  560. }
  561.  
  562. .person-posting img{
  563. width:20px;
  564. height:20px;
  565. border-radius:50px;
  566. }
  567.  
  568. .post-username{
  569. font-family:'Karla', sans-serif;
  570. text-transform:uppercase;
  571. font-size:9px;
  572. height:35px;
  573. width:auto;
  574. letter-spacing:2px;
  575. color:#a4a4a4;
  576. line-height:20px;
  577. vertical-align:top;
  578. position:relative;
  579. display:inline-block;
  580. }
  581.  
  582. .title{
  583. color:#a4a4a4;
  584. font-family:'Karla', sans-serif;
  585. text-transform:uppercase;
  586. letter-spacing:1.6px;
  587. font-weight:lighter;
  588. font-size:19px;
  589. line-height:25px;
  590. padding-bottom:5px;
  591. }
  592.  
  593. .mangoask{
  594. color:#a4a4a4;
  595. font-family:'Karla', sans-serif;
  596. text-transform:none;
  597. letter-spacing:0px;
  598. font-weight:lighter;
  599. font-size:19px;
  600. line-height:25px;
  601. padding-bottom:5px;
  602. }
  603.  
  604. .boday{
  605. color:#6e6e6e;
  606. font-family:'Karla', sans-serif;
  607. font-size:11px;
  608. line-height:15px;
  609. margin-top:15px;
  610. padding-bottom:15px;
  611. border-bottom:1px solid #ddd;
  612. }
  613.  
  614.  
  615.  
  616.  
  617.  
  618.  
  619. .permalink{
  620. font-family:'Karla', sans-serif;
  621. text-transform:uppercase;
  622. font-size:10px;
  623. letter-spacing:1.2px;
  624. text-align:left;
  625. color:#6e6e6e;
  626. line-height:30px;
  627. }
  628.  
  629. .permalink a{
  630. color:#a4a4a4;
  631. }
  632.  
  633.  
  634.  
  635.  
  636. #infscr-loading{
  637. bottom: -70px;
  638. position: absolute;
  639. left: 50%;
  640. margin-left:-8px;
  641. width:16px;
  642. height:11px;
  643. overflow:hidden;
  644. margin-bottom: 50px;
  645. }
  646.  
  647. #postnotes{
  648. text-align: justify;}
  649.  
  650. #postnotes blockquote{
  651. border: 0px;}
  652.  
  653. blockquote{
  654. padding:0px 0px 2px 5px;
  655. margin:0px 0px 2px 10px;
  656. border-left: 2px solid #C8D1DA;
  657. }
  658.  
  659. blockquote img{
  660. width:250px;
  661. width:auto;
  662. height:100px;
  663.  
  664. }
  665.  
  666.  
  667. blockquote p, ul{
  668. margin:0px;
  669. padding-top:10px;
  670. padding-bottom:10px;
  671. }
  672.  
  673.  
  674.  
  675. a img{border: 0px;}
  676.  
  677.  
  678. ul, ol, li{list-style:none; margin:0px; padding:0px;}
  679.  
  680. .user_1 .label, .user_2 .label, .user_3 .label, .user_4 .label, .user_5 .label, .user_6 .label,
  681. .user_7 .label, .user_8 .label, .user_9 .label {color:#a4a4a4;}
  682.  
  683. .notes img{width:10px; position:relative; top:3px;}
  684. <--ses-->
  685. small{font-size: 90%;}
  686.  
  687. {CustomCSS}
  688.  
  689. iframe.tmblr-iframe {
  690. opacity:0;
  691. display:none!important;}
  692.  
  693. .ccontrols {
  694. position:fixed;
  695. top:0;
  696. right:0;
  697. z-index:9999999999999;
  698. margin:4px;}
  699.  
  700. .ccontrols a {
  701. display:block;
  702. float:left;
  703. margin:4px!important;
  704. width:13px;
  705. height:13px;
  706. background:#f8f8f8;/* change this to change the background of the links */
  707. padding:5px;}
  708.  
  709. .ccontrols a svg {
  710. width:13px;
  711. height:13px;}
  712.  
  713. .ccontrols a svg path {
  714. fill:#888888;/* change this to change the color of the links */
  715. transition:all 0.6s ease-in-out;
  716. -webkit-transition:all 0.6s ease-in-out;
  717. -o-transition:all 0.6s ease-in-out;
  718. -moz-transition:all 0.6s ease-in-out;
  719. -ms-transition:all 0.6s ease-in-out;}
  720.  
  721. .ccontrols a:hover svg path {
  722. fill:#cccccc;/* change this to change the color of the links on hover*/
  723. transition:all 0.6s ease-in-out;
  724. -webkit-transition:all 0.6s ease-in-out;
  725. -o-transition:all 0.6s ease-in-out;
  726. -moz-transition:all 0.6s ease-in-out;
  727. -ms-transition:all 0.6s ease-in-out;}
  728.  
  729. {block:PermalinkPage}a.like, a.like .like_button {
  730. position:absolute;
  731. width:100%;
  732. height:100%;}
  733.  
  734. a.like .like_button iframe {
  735. position:absolute;
  736. top:10;
  737. left:0;
  738. bottom:0;
  739. right:0;
  740. z-index:2;
  741. opacity:0;}
  742.  
  743. a.like .liked + svg path {
  744. fill:red!important;}{/block:PermalinkPage}
  745.  
  746. </style>
  747.  
  748. {block:IndexPage}
  749.  
  750. <!--PLACE FOR SCRIPTS-->
  751.  
  752. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/iBElrgjim/jquerymasonry.js"></script>
  753. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/Qyblrgjfn/jqueryinfintescroll.js"></script>
  754.  
  755. <script type="text/javascript">
  756. $(window).load(function(){
  757. var $wall = $('#posts');
  758. $wall.imagesLoaded(function(){
  759. $wall.masonry({
  760. itemSelector: '.entry, .entry_photo',
  761. isAnimated : false
  762. });
  763. });
  764.  
  765.  
  766.  
  767. $wall.infinitescroll({
  768. navSelector : '#pagination',
  769. nextSelector : '#pagination a',
  770. itemSelector : '.entry, .entry_photo',
  771. bufferPx : 2000,
  772. debug : false,
  773. errorCallback: function() {
  774. $('#infscr-loading').fadeOut('normal');
  775. }},
  776. function( newElements ) {
  777. var $newElems = $( newElements );
  778. $newElems.hide();
  779. $newElems.imagesLoaded(function(){
  780. $wall.masonry( 'appended', $newElems,{isAnimated: false}, function(){$newElems.fadeIn('slow');} );
  781. });
  782. }); $('#posts').show(500);
  783. });
  784.  
  785. // Sticky stuff
  786.  
  787. $(document).ready(function() {
  788. var stickyNavTop = $('.topbar').offset().top;
  789.  
  790. var stickyNav = function(){
  791. var scrollTop = $(window).scrollTop();
  792.  
  793. if (scrollTop > stickyNavTop) {
  794. $('.topbar').addClass('sticky');
  795. } else {
  796. $('.topbar').removeClass('sticky');
  797. }
  798. };
  799.  
  800.  
  801.  
  802. stickyNav();
  803.  
  804. $(window).scroll(function() {
  805. stickyNav();
  806. });
  807. });
  808.  
  809. // -->
  810.  
  811. </script>
  812.  
  813.  
  814.  
  815.  
  816. {/block:IndexPage}
  817.  
  818. <!--favicon, tab stuff, etc-->
  819.  
  820.  
  821. <title>COFFEESTHETICS</title>
  822.  
  823. <link rel="shortcut icon" href="{Favicon}" />
  824. <meta name="viewport" content="width=820" />
  825. </head>
  826.  
  827. <body>
  828. <BODY onselectstart="return false;" ondragstart="return false;">
  829.  
  830. <div class="test">
  831. <div class="helper"></div>
  832. <div class="box">
  833. <div class="bord">
  834. <div class="bienvenue">welcome to</div>
  835. <div class="greeting">coffeesthetics</div>
  836. <div class="hello"><center>Hello, my name is Hadley and I'm currently a high school senior applying to college. I believe that with the right inspiration, anyone can find their place on the path to success. I hope you find inspiration here. <br> <br><a href="http://coffeesthetics.co/tagged/m"><hd>CLICK HERE TO VIEW MY ORIGINAL POSTS AND ARTICLES.</hd></a>
  837. </center> </div>
  838. <div class="toast">scroll down to proceed <i class="fa fa-sort"></i><br></div>
  839. <div class="fruits"><img src="https://78.media.tumblr.com/f73fda0ffff6945067be325d2bbbd664/tumblr_pb3nt1Kkc01w8sgt6o1_400.png"></div>
  840. <div class="fruits2"><img src="https://78.media.tumblr.com/f56cde9517f549fd7f62d4458e5b1a03/tumblr_pb3nt1Kkc01w8sgt6o2_400.png"></div>
  841. <div class="fruits3"><img src="https://78.media.tumblr.com/846e9c3626154ebe23d84690bae983cc/tumblr_pb3nt1Kkc01w8sgt6o4_400.png"></div>
  842.  
  843. </div>
  844. </div>
  845.  
  846.  
  847.  
  848. </DIV>
  849.  
  850. <div class="topbar"><div class="helper"></div>
  851.  
  852. <div class="greeting2">navigation</div>
  853.  
  854.  
  855. <div class="fol">
  856. <a href="/"title="Refresh"><i class="fa fa-home"></i></a>
  857. <a href="/contactm"title="contact me"><i class="fa fa-pencil-square-o"></i></a>
  858. <a href="/tagged/m"title="original posts"><i class="fa fa-heart-o"></i></a>
  859. <a href="/creditmango"title="Credits"><i class="fa fa-folder-open-o"></i></a>
  860. <a href="/art"title="my artwork"><i class="fa fa-bolt"></i></a>
  861. </div>
  862. <div id="avatar"><img src="https://78.media.tumblr.com/b77774636b636c152b71119bf93ea294/tumblr_pal6riqRvA1xuaeq7o1_400.png"></div>
  863.  
  864.  
  865.  
  866.  
  867.  
  868. <!--everything sticky goes above this point-->
  869. </div>
  870.  
  871.  
  872.  
  873. <div class="wrapper">
  874. <div class="header">
  875. </div>
  876.  
  877. <div id="cage">
  878. <div id="center">
  879.  
  880.  
  881. <div class="mushroom">
  882.  
  883. <div class="oa">
  884. <i class="fa fa-paper-plane-o"></i> <wh>|||</wh> <a href="http://tumblr.com/follow/toastythemes">follow me</a></div>
  885.  
  886. <div class="oa">
  887.  
  888. <i class="fa fa-power-off"></i> <wh>|||</wh> <a href="http://tumblr.com">dashboard</a></div>
  889.  
  890. </div>
  891.  
  892. <div class="left">
  893.  
  894. <div id="posts">
  895. {block:Posts}
  896. <div class="entry">
  897.  
  898.  
  899. <div class="amritaiscool">
  900. {block:Text}
  901.  
  902. {block:RebloggedFrom}
  903. {block:Reblogs}
  904. <a class="user" target="_blank">{block:HasAvatar}<span class="person-posting"><img src="{PortraitURL-64}"/></span>{/block:HasAvatar}</a><span class="post-username">{username}</span>
  905. {/block:Reblogs}
  906. {/block:RebloggedFrom}
  907. {block:NotReblog}
  908.  
  909. <a class="post-avatar-link{block:isNotOriginalEntry} sub-icon-reblog{/block:isNotOriginalEntry}" href="{Permalink}" target="_blank">
  910. <span class="person-posting"><img class="post-avatar-image" src="{PortraitURL-64}"></span>
  911. </a>
  912.  
  913. <span class="post-username">coffeesthetics</span>
  914.  
  915.  
  916. {/block:NotReblog}
  917.  
  918.  
  919.  
  920. <p>
  921. {block:Title}<div class="cl"><ee>{title}</ee></div>{/block:Title}<div class="boday">{Body}</div>
  922.  
  923. <p align=right><div class="permalink"><i class="fa fa-retweet"></i> <a href="{reblogurl}">reblog</a><gr>uu</gr> <i class="fa fa-bars"></i> <a href="{permalink}">{notecountwithlabel}</a> <gr>uu</gr> <i class="fa fa-clock-o"></i> <a4>{shortmonth} {dayofmonthwithzero}</a4>{block:hastags}<gr>uu</gr><i class="fa fa-folder-open-o"></i> <a href="/"title="{block:tags}#{tag} {/block:tags}">hover for tags</a>{/block:hastags}</div></align>
  924. {/block:Text}
  925. </div>
  926.  
  927. {block:Link}<a href="{URL}" class="title">{Name}</a>{block:Description}<div class="body">{Description}</div>{/block:Description} <p align=right><span
  928.  
  929. class="permalink"><a href="{Permalink}">{notecountwithlabel}</a> <a href="{Permalink}"></span></align>{block:Link}
  930.  
  931. <div class="ph">
  932.  
  933. {block:Photo}
  934. {block:IndexPage}
  935.  
  936. <div class="photo"><a href="{permalink}"><img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="100%"/></a></div>
  937.  
  938. {block:RebloggedFrom}
  939. {block:Reblogs}
  940. <div class="beeframen"></div>
  941. <a class="user" target="_blank">{block:HasAvatar}<span class="person-posting"><img src="{PortraitURL-64}"/></span>{/block:HasAvatar}</a><span class="post-username">{username}</span>
  942. {/block:Reblogs}
  943. {/block:RebloggedFrom}
  944. {block:NotReblog}
  945. <div class="beeframen"></div>
  946. <span class="person-posting"><img class="post-avatar-image" src="{PortraitURL-64}"></span><span class="post-username">coffeesthetics</span>
  947. </a>
  948. {/block:NotReblog}
  949.  
  950. {block:caption}<div class="cp">{caption}</div>{/block:caption}<div class="cos"></div>
  951. <p align=right><div class="permalink"><i class="fa fa-retweet"></i> <a href="{reblogurl}">reblog</a><gr>uu</gr> <i class="fa fa-bars"></i> <a href="{permalink}">{notecountwithlabel}</a> <gr>uu</gr> <i class="fa fa-clock-o"></i> <a4>{shortmonth} {dayofmonthwithzero} </a4>{block:hastags}<gr>uu</gr> <i class="fa fa-folder-open-o"></i> <a href="/"title="{block:tags}#{tag} {/block:tags}">hover for tags</a>{/block:hastags}</div></align>
  952. {/block:IndexPage}
  953. {block:PermalinkPage}
  954. {LinkOpenTag}<div class="photo"><a href="{permalink}"><img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="100%"/></a></div>
  955.  
  956.  
  957. {LinkCloseTag}
  958. {/block:PermalinkPage}
  959. {/block:Photo}
  960.  
  961. {block:Photoset}
  962. <center>{Photoset-250}</center>
  963.  
  964. <div class="beeframen"></div>
  965. {block:RebloggedFrom}
  966. {block:Reblogs}
  967. <a class="user" target="_blank">{block:HasAvatar}<span class="person-posting"><img src="{PortraitURL-64}"/></span>{/block:HasAvatar}</a><span class="post-username">{username}</span>
  968. {/block:Reblogs}
  969. {/block:RebloggedFrom}
  970. {block:NotReblog}<a class="post-avatar-link{block:isNotOriginalEntry} sub-icon-reblog{/block:isNotOriginalEntry}" href="{Permalink}" target="_blank">
  971. <span class="person-posting"><img class="post-avatar-image" src="{PortraitURL-64}"></span><span class="post-username">coffeesthetics</span>
  972.  
  973.  
  974. </a>
  975. {/block:NotReblog}
  976. {block:caption}<div class="cp">{caption}</div>{/block:caption}<div class="cos"></div>
  977. <p align=right><div class="permalink"><i class="fa fa-retweet"></i> <a href="{reblogurl}">reblog</a><gr>uu</gr> <i class="fa fa-bars"></i> <a href="{permalink}">{notecountwithlabel}</a> <gr>uu</gr> <i class="fa fa-clock-o"></i> <a4>{shortmonth} {dayofmonthwithzero} </a4>{block:hastags}<gr>uu</gr> <i class="fa fa-folder-open-o"></i> <a href="/"title="{block:tags}#{tag} {/block:tags}">hover for tags</a>{/block:hastags}</div></align>
  978. {/block:Photoset}
  979. </div>
  980. {block:Quote}<span class="title">"{Quote}"</span> {block:Source}<span class="aska">— {source}</span>{/block:Source}<div class="cos"></div>
  981.  
  982. <p align=right><div class="permalink"><i class="fa fa-retweet"></i> <a href="{reblogurl}">reblog</a><gr>uu</gr> <i class="fa fa-bars"></i> <a href="{permalink}">{notecountwithlabel}</a> <gr>uu</gr> <i class="fa fa-clock-o"></i> <a4>{shortmonth} {dayofmonthwithzero}</a4>{block:hastags}<gr>uu</gr><i class="fa fa-folder-open-o"></i> <a href="/"title="{block:tags}#{tag} {/block:tags}">hover for tags</a>{/block:hastags}</div></align>{/block:Quote}
  983.  
  984. {block:Chat}{block:Title}<span class="title">{Title}</span>{/block:Title}
  985. <ul class="chat">
  986. {block:Lines}
  987. <li class="user_{UserNumber}">
  988. {block:Label}
  989. <span class="label">{Label}</span>
  990. {/block:Label}
  991.  
  992. {Line}
  993. </li>
  994. {/block:Lines}
  995. <p align=right><span class="permalink"><a href="{Permalink}">{notecountwithlabel}</a> <a href="{Permalink}">
  996. {/block:Chat}
  997.  
  998. {block:Audio}
  999. <div style="width:200px; height:30px;">
  1000. {AudioPlayerBlack}
  1001. </div>
  1002. {block:IndexPage}<span class="permalink">
  1003. <p align=right><span class="permalink"><a href="{Permalink}">{notecountwithlabel}</a> <a href="{Permalink}"> </a>
  1004. </span>{/block:IndexPage}
  1005. {/block:Audio}
  1006.  
  1007. {block:Video}
  1008. {block:IndexPage}
  1009. <center>
  1010. <div class="perma">
  1011. <a href="{ReblogURL}" target="_blank"> reblog </a> </div>
  1012. {Video-250}</center>
  1013. {/block:IndexPage}
  1014. {block:PermalinkPage}
  1015. <center>
  1016. {Video-400}</center>
  1017. {/block:PermalinkPage}
  1018. {/block:Video}
  1019.  
  1020. {block:Answer}
  1021. <span class="aska">{asker} said</span><br><br><span class="mangoask">{Question}</span> <br><br>
  1022. <div class="boday">{answer}</div>
  1023. <p align=right><div class="permalink"><i class="fa fa-retweet"></i> <a href="{reblogurl}">reblog</a> <gr>uu</gr> <i class="fa fa-clock-o"></i> <a4>{shortmonth} {dayofmonthwithzero}</a4>{block:hastags}<gr>uu</gr><i class="fa fa-folder-open-o"></i> <a href="/"title="{block:tags}#{tag} {/block:tags}">hover for tags</a>{/block:hastags}</div></align>
  1024. {/block:Answer}
  1025.  
  1026.  
  1027. {block:PostNotes}<div align="middle">{caption}</div>
  1028. <center>
  1029.  
  1030. {block:NoteCount}{NoteCountWithLabel}<br>{/block:NoteCount}
  1031.  
  1032. {block:HasTags}
  1033. tags: {block:Tags}<a href="{TagURL}">{Tag}. </a>{/block:Tags}<br> {/block:HasTags}
  1034. {block:RebloggedFrom}
  1035. reblogged from <a href="{ReblogParentURL}">{ReblogParentName}</a><br>
  1036. posted by <a href="{ReblogRootURL}">{ReblogRootName}</a>
  1037.  
  1038. {/block:RebloggedFrom}
  1039. </center></span>
  1040. <br>
  1041. <div id="postnotes">{PostNotes}</div><br>
  1042.  
  1043. <center>{block:ContentSource}
  1044. <br><a href="{SourceURL}">
  1045. {lang:Source}:
  1046. {block:SourceLogo}
  1047. <img src="{BlackLogoURL}" width="{LogoWidth}"
  1048. height="{LogoHeight}" alt="{SourceTitle}" />
  1049. {/block:SourceLogo}
  1050. {block:NoSourceLogo}
  1051. {SourceLink}
  1052. {/block:NoSourceLogo}
  1053. </a>
  1054. {/block:ContentSource}</center>
  1055.  
  1056. {/block:PostNotes}
  1057. </div>
  1058. {/block:Posts}
  1059. </div></div>
  1060.  
  1061. {block:IndexPage}
  1062. {block:Pagination}
  1063. <div id="pagination">
  1064. {block:NextPage}
  1065. <a id="nextPage" href="{NextPage}"></a>
  1066. {/block:NextPage}
  1067. {block:PreviousPage}
  1068. <a href="{PreviousPage}"></a>
  1069. {/block:PreviousPage}
  1070. </div>
  1071. {/block:Pagination}
  1072. {/block:IndexPage}
  1073.  
  1074.  
  1075.  
  1076. </body>
  1077. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!