API tools faq
paste
Advertisement
salsaclubprincess

Yuna Theme

salsaclubprincess
Apr 25th, 2019
133
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 31.35 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2.  
  3. -------------------------------------
  4.  
  5. Hadley's portfolio theme
  6.  
  7. If you are on here please don't steal!
  8.  
  9. -------------------------------------
  10.  
  11. resources for this theme
  12.  
  13. yukoki.tumblr.com
  14. http://preview.pohroro.com/squareone
  15. https://html-color-codes.info
  16. sorrism resources
  17. https://www.tumblr.com/customize/hadapartideas?redirect_to=/settings/blog/hadapartideas
  18.  
  19. https://www.w3schools.com
  20. https://fontawesome.com/icons?d=gallery
  21. -->
  22.  
  23. <html lang="en">
  24. <!DOCTYPE html PUBLIC"-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  25. <html xmlns="http://www.w3.org/1999/xhtml">
  26. <head>
  27.  
  28. <!--
  29.  
  30.  
  31.  
  32.  
  33.  
  34.  
  35.  
  36. POP UP CODE
  37.  
  38.  
  39.  
  40.  
  41.  
  42.  
  43.  
  44. -->
  45.  
  46.  
  47.  
  48. <script type="text/javascript"
  49. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  50. <script>
  51. $(document).ready(function() {
  52. //
  53. $('a.poplight[href^=#]').click(function() {
  54. var popID = $(this).attr('rel'); //Get Popup Name
  55. var popURL = $(this).attr('href'); //Get Popup href to define size
  56. var query= popURL.split('?');
  57. var dim= query[1].split('&');
  58. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  59. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"><i class="fas fa-times"></i></a>');
  60. var popMargTop = ($('#' + popID).height() + 80) / 2;
  61. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  62. //Apply Margin to Popup
  63. $('#' + popID).css({
  64. 'margin-top' : -popMargTop,
  65. 'margin-left' : -popMargLeft
  66. });
  67. $('body').append('<div id="fade"></div>');
  68. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  69. return false;
  70. });
  71. $('a.close, #fade').live('click', function() {
  72. $('#fade , .popup_block').fadeOut(function() {
  73. $('#fade, a.close').remove(); //fade them both out
  74. });
  75. return false;
  76. });
  77. });
  78. </script>
  79.  
  80.  
  81.  
  82. <!--
  83.  
  84.  
  85.  
  86. DISABLE RIGHT CLICK CODE
  87.  
  88.  
  89.  
  90. -->
  91.  
  92. <script type="text/javascript">
  93. <!--
  94.  
  95. // Disable Right Click Script
  96.  
  97. function IE(e)
  98. {
  99. if (navigator.appName == "Microsoft Internet Explorer" && (event.button == "2" || event.button == "3"))
  100. {
  101. return false;
  102. }
  103. }
  104. function NS(e)
  105. {
  106. if (document.layers || (document.getElementById && !document.all))
  107. {
  108. if (e.which == "2" || e.which == "3")
  109. {
  110. return false;
  111. }
  112. }
  113. }
  114. document.onmousedown=IE;document.onmouseup=NS;document.oncontextmenu=new Function("return false");
  115.  
  116. //-->
  117. </script>
  118.  
  119.  
  120. <script type="text/javascript"
  121. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  122.  
  123. <link href="https://fonts.googleapis.com/css?family=Roboto+Mono" rel="stylesheet">
  124.  
  125.  
  126.  
  127.  
  128. <!--DEFAULT VARIABLES-->
  129. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  130. <meta name="color:background" content="#fff"/>
  131. <meta name="color:link" content="#777"/>
  132. <meta name="color:text" content="#777"/>
  133. <meta name="color:title" content="#333"/>
  134. <meta name="color:hover" content="#fff"/>
  135. <meta name="image:sidebar" content="1"/>
  136. <meta name="image:background" content="1"/>
  137.  
  138. <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.1.1/css/all.css" integrity="sha384-O8whS3fhG2OnA5Kas0Y9l3cfpmYjapjI0E4theH4iuMD+pLhbf6JI0jIMfYcK3yZ" crossorigin="anonymous">
  139.  
  140.  
  141.  
  142.  
  143.  
  144.  
  145.  
  146. <style type="text/css">
  147.  
  148. #fade { /*--Transparent background layer--*/
  149. display: none; /*--hidden by default--*/
  150. background: #fff;
  151. background-image: url(''); /*if you want to add a background image to go behind your popup */
  152. position: fixed; left: 0; top: 0;
  153. width: 100%; height: 100%;
  154. opacity: .80;
  155. z-index: 9999;
  156. }
  157. .popup_block{
  158. display: none; /*--hidden by default--*/
  159. background: #fff;
  160. padding: 20px;
  161. border-radius:10px;
  162. border: 1px solid #ddd; /*color of the border of the popup box*/
  163. float: left;
  164. font-size: 12px; /*font size of the words inside the box */
  165. position: fixed;
  166. top: 50%; left: 50%;
  167. z-index: 99999; /*if the box is hiding behind other things in your theme, add more 9′s */
  168. }
  169. img.btn_close {
  170. float: right;
  171. margin: -5px -5px 0 0;
  172. }
  173. /*--Making IE6 Understand Fixed Positioning--*/
  174. *html #fade {
  175. position: absolute;
  176. }
  177. *html .popup_block {
  178. position: absolute;
  179. }
  180.  
  181.  
  182.  
  183.  
  184. 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-
  185.  
  186. transition: all 0.8s ease-out;transition: all 0.8s ease-out;}
  187.  
  188. 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;}
  189.  
  190. p {
  191. margin:0px;
  192. margin-top:10px;
  193. }
  194.  
  195. qr{
  196. margin-top:-10px;
  197. }
  198.  
  199.  
  200.  
  201. dark{
  202. color:#585858;
  203. font-weight:lighter;
  204. font-size:12px;
  205. }
  206.  
  207. olive-oil{
  208. width:auto;
  209. height:auto;
  210. line-height:16px;
  211. letter-spacing:1px;
  212. background-color:#f2f2f2;
  213. border-radius:10px;
  214. font-size:10px;
  215. padding:3px;
  216. text-transform:uppercase;
  217. color:#bdbdbd;
  218. font-family: 'roboto mono'
  219. }
  220.  
  221.  
  222.  
  223. h2{
  224. letter-spacing:1px;
  225. font-size:12px;
  226. text-transform:uppercase;
  227. color:#F78181;
  228. font-family: 'roboto mono';
  229.  
  230. }
  231.  
  232. heyo{
  233. letter-spacing:0px;
  234. font-size:16px;
  235. text-transform:none;
  236. font-style:italic;
  237. color:#F78181;
  238. font-family: consolas;
  239. line-height:18px;
  240. }
  241.  
  242.  
  243. body {
  244. padding: 0px;
  245. margin: 0px;
  246. color:{color:text};
  247. font-family: dixel;
  248. line-height:7px;
  249. font-size:8px;
  250. background-color: #f2f2f2;
  251. background-attachment: fixed;
  252. background-repeat: repeat;
  253. }
  254.  
  255.  
  256.  
  257.  
  258.  
  259.  
  260. a:link, a:active, a:visited{
  261. text-decoration: none;
  262. -webkit-transition: color 0.3s ease-out;
  263. -moz-transition: color 0.3s ease-out;
  264. transition: color 0.3s ease-out;
  265. color:{color:link};
  266. }
  267.  
  268. a:hover {
  269. text-decoration: none;
  270. font-style:;
  271. color: {color:Hover};
  272. }
  273.  
  274. div#center{
  275. margin:auto;
  276. position:relative;
  277. width:1000px;
  278. background-color:;
  279. overflow:auto;
  280. overflow-y:hidden;
  281. }
  282.  
  283.  
  284.  
  285.  
  286. /*CUSTOMIZE ENTRY SETTINGS HERE*/
  287. .entry {
  288. float:left;
  289. display: block;
  290. margin:10px;
  291. overflow:hidden;
  292. width:500px;
  293. background:#f2f2f2;
  294. padding-bottom:30px;
  295. border-bottom:1px solid #E6E6E6;
  296. margin-bottom:30px;
  297. {block:PermalinkPage}
  298. width:500px;
  299. text-align:left;
  300. line-height:10px;
  301. {/block:PermalinkPage}
  302. }
  303.  
  304.  
  305. /*CUSTOMIZE THE APPEARANCE OF PERMALINKS*/
  306. .entry .perma{
  307. width:220px;
  308. height:16px;
  309. margin-left:0px;
  310. position: absolute;
  311. line-height: 16px;
  312. overflow:hidden;
  313. text-align:center;
  314. top:0px;
  315. background:white;
  316. word-spacing:2px;
  317. letter-spacing:1px;
  318. opacity: 0.0;
  319. -webkit-transition: all .7s ease;
  320. -moz-transition: all .7s ease;
  321. -o-transition: all .7s ease;
  322. transition: all .7s ease;
  323.  
  324. }
  325.  
  326. .entry:hover .perma{
  327. overflow:visible;
  328. opacity:0.9;
  329. }
  330.  
  331.  
  332. /*CUSTOMIZE POST POSITIONING AND STUFFZ HERE*/
  333. #posts {
  334. width:700px;
  335. margin-top:50px;
  336. z-index:99;
  337. margin-left:339px;
  338. right:auto;
  339. background:transparent;
  340. margin-right:auto;
  341. position:relative;
  342. overflow-y: hidden;
  343. }
  344.  
  345.  
  346.  
  347.  
  348. /*CUSTOMIZE SIDEBAR HERE*/
  349. #sidebar{
  350. position:fixed !important;
  351. width:350px;
  352. background:white;
  353. height:100%;
  354. border-right:1px solid #E6E6E6;
  355. margin-top:0px;
  356. left:0px;
  357. text-align:center;
  358. }
  359.  
  360. #banner{
  361. position: relative;
  362. margin-top:60px;
  363. margin-left:430px;
  364. text-shadow:1px 1px 1px #777;
  365. font-size:30px;
  366. text-transform:uppercase;
  367. color:#F78181;
  368. font-family: 'roboto mono'
  369.  
  370. }
  371.  
  372. #topred{
  373. position:fixed;
  374. width:100%;
  375. z-index:999999999;
  376. left:0px;
  377. height:10px;
  378. top:0px;
  379. background-color:#F78181;
  380. }
  381.  
  382. #topred2{
  383. position:fixed;
  384. width:100%;
  385. z-index:999999999;
  386. left:0px;
  387. height:1px;
  388. margin-top:15px;
  389. background-color:#F78181;
  390. }
  391.  
  392. .titulo{
  393. width:auto;
  394. height:auto;
  395. margin-top:10px;
  396. color:#F78181;
  397. text-shadow:1px 1px 2px #d8d8d8;
  398. margin-left:40px;
  399. font-family:prestige;
  400. font-size:101px;
  401. line-height:101px;
  402. }
  403.  
  404. /*this below is actually just the quote source*/
  405.  
  406. .fakebody{
  407. float:right;
  408. width:auto;
  409. height:auto;
  410. line-height:16px;
  411. letter-spacing:1px;
  412. background-color:#f2f2f2;
  413. border-radius:10px;
  414. font-size:10px;
  415. text-transform:uppercase;
  416. color:#bdbdbd;
  417. padding-top:0px;
  418. padding-bottom:0px;
  419. padding-left:4px;
  420. padding-right:4px;
  421.  
  422. font-family: 'roboto mono'
  423. }
  424.  
  425. .subtitle{
  426. width:120px;
  427. height:auto;
  428. margin-top:-5px;
  429. line-height:16px;
  430. letter-spacing:1px;
  431. background-color:#f2f2f2;
  432. border-radius:10px;
  433. font-size:10px;
  434. text-transform:uppercase;
  435. color:#bdbdbd;
  436. margin-left:125px;
  437. font-family: 'roboto mono'
  438. }
  439.  
  440. .minisub{
  441. color:#a4a4a4;
  442. font-family:'roboto mono';
  443. font-size:8px;
  444. margin-top:5px;
  445. margin-left:20px;
  446. letter-spacing:-0.5px;
  447. }
  448.  
  449. .askerr{
  450. line-height:16px;
  451. letter-spacing:1px;
  452. padding:2px;
  453. background-color:#f2f2f2;
  454. border-radius:10px;
  455. font-size:10px;
  456. padding-left:4px;
  457. padding-right:4px;
  458. text-transform:uppercase;
  459. color:#bdbdbd;
  460. font-family: 'roboto mono';
  461. }
  462.  
  463. .askerr a{
  464. color:#bdbdbd;
  465. }
  466.  
  467. .askedd{
  468. color:#848484;
  469. text-transform:uppercase;
  470. letter-spacing:1px;
  471. font-size:10px;
  472. }
  473.  
  474. .answerr{
  475. background:#fff;
  476. padding-top:1px;
  477. width:403px;
  478. height:auto;
  479. margin-left:65px;
  480. margin-top:-40px;
  481. padding-left:15px;
  482. padding-right:15px;
  483. padding-bottom:12px;
  484. border:1px solid #e6e6e6;
  485. border-radius:10px;
  486. vertical-align:top;
  487. position:relative;
  488. display:inline-block;
  489. }
  490.  
  491. #avatar{
  492. margin-top:100px;
  493. margin-left:20px;
  494. }
  495.  
  496. #avatar img{
  497. height:70px;
  498. width:70px;
  499. border-radius:80px;
  500. }
  501.  
  502. .ans-av{
  503. margin:10px;
  504. }
  505.  
  506. .ans-av img{
  507. height:40px;
  508. width:40px;
  509. border-radius:80px;
  510. }
  511.  
  512. .realbody{
  513. text-transform:none;
  514. letter-spacing:normal;
  515. text-shadow:none;
  516. font-family:'roboto mono';
  517. color:#848484;
  518. text-align:justify;
  519. font-size:9px;
  520. line-height:18px;
  521. }
  522.  
  523. .ask-realbody{
  524. text-transform:none;
  525. letter-spacing:normal;
  526. text-shadow:none;
  527. font-family:'roboto mono';
  528. color:#848484;
  529. text-align:justify;
  530. font-size:10px;
  531. line-height:20px;
  532. }
  533.  
  534.  
  535.  
  536. .deets{
  537. width:180px;
  538. height:300px;
  539. margin-top:29px;
  540. line-height:16px;
  541. letter-spacing:3px;
  542. text-shadow:1px 1px 2px #d8d8d8;
  543. font-size:9px;
  544. text-transform:uppercase;
  545. color:#F78181;
  546. margin-left:97px;
  547. font-family: 'roboto mono';
  548. }
  549.  
  550. .deets .biobanana{
  551. width: 230px;
  552. height:auto;
  553. text-transform:none;
  554. letter-spacing:normal;
  555. text-shadow:none;
  556. margin-top:-20px;
  557. font-family:'roboto mono';
  558. color:#848484;
  559. opacity:0;
  560. text-align:justify;
  561. margin-left:-23px;
  562. font-size:9px;
  563. line-height:18px;
  564. }
  565.  
  566. .deets:hover .biobanana{
  567. opacity:1;
  568. margin-top:20px;
  569. -webkit-transition: all .7s ease;
  570. -moz-transition: all .7s ease;
  571. -o-transition: all .7s ease;
  572. transition: all .7s ease;
  573. }
  574.  
  575. .deets .mangos{
  576. margin-left:-35px;
  577. margin-top:-15px;
  578. opacity:0;
  579. }
  580.  
  581.  
  582. .mangos .linkz{
  583. margin-top:10px;
  584. margin-left:10px;
  585. line-height:16px;
  586. letter-spacing:3px;
  587. background-color:#f2f2f2;
  588. border-radius:10px;
  589. padding-left:10px;
  590. font-size:7px;
  591. width:100px;
  592. text-align:left;
  593. text-transform:uppercase;
  594. text-shadow:none;
  595. color:#bdbdbd;
  596. font-family:'roboto mono';
  597. }
  598.  
  599. .linkz a{
  600. color:#bdbdbd;
  601. }
  602.  
  603. .linkz a:hover{
  604. color:#bdbdbd;
  605. }
  606.  
  607. .deets .mangos2{
  608. margin-left:100px;
  609. margin-top:-118px;
  610. opacity:0;
  611. }
  612.  
  613. .mangos2 .linkz{
  614. margin-top:10px;
  615. margin-left:10px;
  616. line-height:16px;
  617. letter-spacing:3px;
  618. background-color:#f2f2f2;
  619. border-radius:10px;
  620. padding-left:10px;
  621. font-size:7px;
  622. width:100px;
  623. text-align:left;
  624. text-transform:uppercase;
  625. text-shadow:none;
  626. color:#bdbdbd;
  627. font-family:'roboto mono';
  628. }
  629.  
  630. .deets:hover .mangos{
  631. margin-top:25px;
  632. opacity:1;
  633. -webkit-transition: all .7s ease;
  634. -moz-transition: all .7s ease;
  635. -o-transition: all .7s ease;
  636. transition: all .7s ease;
  637. }
  638.  
  639. .deets:hover .mangos2{
  640. margin-top:-85px;
  641. opacity:1;
  642. -webkit-transition: all .7s ease;
  643. -moz-transition: all .7s ease;
  644. -o-transition: all .7s ease;
  645. transition: all .7s ease;
  646. }
  647.  
  648.  
  649. .person-posting{
  650. margin:7px;
  651. }
  652.  
  653. .person-posting img{
  654. width:20px;
  655. height:20px;
  656. border-radius:50px;
  657. }
  658.  
  659. .asker-peep{
  660. margin:7px;
  661. }
  662.  
  663. .asker-peep img{
  664. width:20px;
  665. height:20px;
  666. border-radius:50px;
  667. }
  668.  
  669. .post-username{
  670. font-family:'roboto mono';
  671. text-transform:uppercase;
  672. font-size:9px;
  673. height:35px;
  674. width:auto;
  675. letter-spacing:2px;
  676. color:#a4a4a4;
  677. line-height:20px;
  678. vertical-align:top;
  679. position:relative;
  680. display:inline-block;
  681. }
  682.  
  683.  
  684. .msg-icon{
  685. width:20px;
  686. height:20px;
  687. line-height:20px;
  688. color:#F78181;
  689. margin:7px;
  690. font-size:15px;
  691. }
  692.  
  693.  
  694. @font-face { font-family: "dixel"; src: url('http://static.tumblr.com/jdjsstr/8ovm78cbb/pf_arma_five_1_.ttf'); }
  695.  
  696. @font-face {
  697. font-family: "prestige";
  698. src: url('https://static.tumblr.com/txsxvb3/2Tspc403v/prestige_signature_script_-_demo.ttf') format('truetype');
  699. font-weight: normal;
  700. font-style: normal;
  701.  
  702. }
  703.  
  704.  
  705. /*CUSTOMIZE TITLE OF ENTRIES HERE*/
  706. .title{
  707. letter-spacing:1px;
  708. font-size:12px;
  709. text-transform:uppercase;
  710. color:#F78181;
  711. font-family: 'roboto mono';
  712. }
  713.  
  714.  
  715.  
  716.  
  717. /*
  718.  
  719. <i class="far fa-bookmark"></i>
  720.  
  721. */
  722.  
  723. .chickenramen{
  724. margin-top:15px;
  725. line-height:0px;
  726. font-weight:bold;
  727. letter-spacing:1px;
  728. font-size:12px;
  729. text-transform:uppercase;
  730. color:#F78181;
  731. font-family: 'roboto mono';
  732. }
  733.  
  734. /*this is the thingy that helps the picture poster's username be an aesthetic distance down from the picture*/
  735. .beeframen{
  736. height:20px;
  737. width:500px;
  738. background:#f2f2f2;
  739. margin:0px;
  740. }
  741.  
  742. .ask-title{
  743. width:500px;
  744. text-align:center;
  745. font-family:'consolas';
  746. font-style:italic;
  747. text-shadow:1px 1px 2px #d8d8d8;
  748. color:#F78181;
  749. font-size:26px;
  750. line-height:30px;
  751. }
  752.  
  753.  
  754. /*CUSTOMIZE PERMALINKS OF TEXT POSTS AND SUCH HERE*/
  755. .permalink{
  756. text-transform: normal;
  757. display: block;
  758. text-align: right;
  759. text-decoration: none;
  760. }
  761.  
  762.  
  763. /*I RECCOMMEND TO NOT TOUCH ANY OF THIS LOLz*/
  764. #infscr-loading{
  765. bottom: -70px;
  766. position: absolute;
  767. left: 50%;
  768. margin-left:-8px;
  769. width:16px;
  770. height:11px;
  771. overflow:hidden;
  772. margin-bottom: 50px;
  773. }
  774.  
  775. #postnotes{
  776. text-align: justify;}
  777.  
  778. #postnotes blockquote{
  779. border: 0px;}
  780.  
  781. blockquote{
  782. padding:0px 0px 2px 5px;
  783. margin:0px 0px 2px 10px;
  784. border-left: 1px dotted #555555;
  785. }
  786.  
  787. blockquote p, ul{
  788. margin:0px;
  789. padding:0px;
  790. }
  791.  
  792. a img{border: 0px;}
  793.  
  794.  
  795. ul, ol, li{list-style:none; margin:0px; padding:0px;}
  796.  
  797. .user_1 .label, .user_2 .label, .user_3 .label, .user_4 .label, .user_5 .label, .user_6 .label,
  798. .user_7 .label, .user_8 .label, .user_9 .label {color:{color:text};}
  799.  
  800. .notes img{width:10px; position:relative; top:3px;}
  801. <--ses-->
  802. small{font-size: 90%;}
  803.  
  804. {CustomCSS}
  805.  
  806. </style>
  807.  
  808. {block:IndexPage}
  809. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/iBElrgjim/jquerymasonry.js"></script>
  810. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/Qyblrgjfn/jqueryinfintescroll.js"></script>
  811.  
  812. <script type="text/javascript">
  813. $(window).load(function(){
  814. var $wall = $('#posts');
  815. $wall.imagesLoaded(function(){
  816. $wall.masonry({
  817. itemSelector: '.entry, .entry_photo',
  818. isAnimated : false
  819. });
  820. });
  821.  
  822. $wall.infinitescroll({
  823. navSelector : '#pagination',
  824. nextSelector : '#pagination a',
  825. itemSelector : '.entry, .entry_photo',
  826. bufferPx : 2000,
  827. debug : false,
  828. errorCallback: function() {
  829. $('#infscr-loading').fadeOut('normal');
  830. }},
  831. function( newElements ) {
  832. var $newElems = $( newElements );
  833. $newElems.hide();
  834. $newElems.imagesLoaded(function(){
  835. $wall.masonry( 'appended', $newElems,{isAnimated: false}, function(){$newElems.fadeIn('slow');} );
  836. });
  837. }); $('#posts').show(500);
  838. });
  839. </script>
  840.  
  841.  
  842. {/block:IndexPage}
  843.  
  844.  
  845. <title>Yuna Codes</title>
  846.  
  847. <link rel="shortcut icon" href="{Favicon}" />
  848. <meta name="viewport" content="width=820" />
  849. </head>
  850.  
  851. <body>
  852. <BODY onselectstart="return false;" ondragstart="return false;">
  853. <div id="topred"></div>
  854. <div id ="topred2"></div>
  855.  
  856. <div class="wrapper">
  857. <div class="header">
  858. </div>
  859.  
  860. <div id="cage">
  861. <div id="center">
  862.  
  863.  
  864.  
  865. <!--STUFF THAT GOES INTO THE SIDEBAR-->
  866. <div id="sidebar">
  867.  
  868. <div id="avatar"><img src="https://78.media.tumblr.com/b77774636b636c152b71119bf93ea294/tumblr_pal6riqRvA1xuaeq7o1_400.png"></div>
  869. <div class="titulo">yuna codes</div>
  870. <div class="subtitle">a web portfolio</div>
  871. <div class="minisub">designed by: hadley dalton</div>
  872. <div class="deets">-hover for details-
  873. <div class="biobanana">Hello, and welcome! This is the web design portfolio of a 17 year old student. I write codes that are compatible with Tumblr blogs. Thank you for visiting! If you would like to use one of my codes for free, please message me.</div>
  874.  
  875. <div class="mangos"><div class="linkz"><dark><i class="fas fa-home"></i> </dark> <a href="/">refresh</a></div><div class="linkz"><dark><i class="fas fa-comment"></i>
  876.  
  877. </dark> <a href="#?w=500" rel="02" class="poplight">message</a>
  878.  
  879. </div><div class="linkz"><dark><i class="fas fa-globe-americas"></i> </dark> <a href="http://coffeesthetics.tumblr.com">main blog</a></div></div>
  880.  
  881. <div class="mangos2"><div class="linkz"><dark><i class="fas fa-spa"></i> </dark>
  882.  
  883. <a href="http://coffeesthetics.co/contactm">about me</a></div><div class="linkz"><dark><i class="fas fa-paint-brush"></i> </dark> <a href="http://instagram.com/hadleysart">my art</a></div><div class="linkz"><dark><i class="fas fa-clone"></i>
  884.  
  885. </dark> <a href="/archive">archives</a></div></div>
  886. </div>
  887.  
  888.  
  889. </div>
  890.  
  891. <div id="banner">recent developments</div>
  892. <!------------------------------------->
  893.  
  894.  
  895. <div class="left">
  896. <div id="posts">
  897. {block:Posts}
  898. <div class="entry">
  899.  
  900. <!----------------------------------------------------------------------->
  901. <!----------------------------------------------------------------------->
  902. <!----------------------------------------------------------------------->
  903.  
  904. {block:Text}
  905.  
  906. {block:RebloggedFrom}
  907. {block:Reblogs}
  908. <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>
  909. {/block:Reblogs}
  910. {/block:RebloggedFrom}
  911. {block:NotReblog}
  912.  
  913. <a class="post-avatar-link{block:isNotOriginalEntry} sub-icon-reblog{/block:isNotOriginalEntry}" href="{Permalink}" target="_blank">
  914. <span class="person-posting"><img class="post-avatar-image" src="{PortraitURL-64}"></span>
  915. </a>
  916.  
  917. <span class="post-username">yunacodes</span>
  918.  
  919.  
  920. {/block:NotReblog}
  921.  
  922.  
  923.  
  924. <p>
  925.  
  926.  
  927. {block:Title}<span class="chickenramen">{Title}</span>{/block:Title}
  928.  
  929. <div class="realbody">{Body}</div>
  930.  
  931.  
  932.  
  933.  
  934. {/block:Text}
  935.  
  936. <!----------------------------------------------------------------------->
  937. <!----------------------------------------------------------------------->
  938. <!----------------------------------------------------------------------->
  939.  
  940. {block:Link}
  941.  
  942. {block:RebloggedFrom}
  943. {block:Reblogs}
  944. <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>
  945. {/block:Reblogs}
  946. {/block:RebloggedFrom}
  947. {block:NotReblog}<a class="post-avatar-link{block:isNotOriginalEntry} sub-icon-reblog{/block:isNotOriginalEntry}" href="{Permalink}" target="_blank">
  948. <span class="person-posting"><img class="post-avatar-image" src="{PortraitURL-64}"></span>
  949. </a>
  950. {/block:NotReblog}
  951. <a href="{URL}" class="chickenramen">{Name}</a>{block:Description}<div class="body">{Description}</div>{/block:Description} {/block:Link}
  952.  
  953. <!----------------------------------------------------------------------->
  954. <!----------------------------------------------------------------------->
  955. <!----------------------------------------------------------------------->
  956.  
  957. {block:Photo}
  958. {block:IndexPage}
  959. <center>
  960. <!--<div class="perma">
  961. <a href="[ReblogURL]" target="_blank"> reblog </a> </div>-->
  962.  
  963. <div class="photo"><img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="100%"/></div></center>
  964.  
  965. {block:RebloggedFrom}
  966. {block:Reblogs}
  967. <div class="beeframen"></div>
  968. <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>
  969. {/block:Reblogs}
  970. {/block:RebloggedFrom}
  971. {block:NotReblog}
  972. <div class="beeframen"></div>
  973. <span class="person-posting"><img class="post-avatar-image" src="{PortraitURL-64}"></span><span class="post-username">yunacodes</span>
  974. </a>
  975. {/block:NotReblog}
  976. {block:caption}<div class="realbody">{caption}</div>{/block:caption}
  977. {/block:IndexPage}
  978. {block:PermalinkPage}
  979. {LinkOpenTag}<div class="photo"><a href="{permalink}"><img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="100%"/></a></div>
  980.  
  981. {LinkCloseTag}
  982. {/block:PermalinkPage}
  983. {/block:Photo}
  984.  
  985. <!----------------------------------------------------------------------->
  986. <!----------------------------------------------------------------------->
  987. <!----------------------------------------------------------------------->
  988.  
  989. {block:Answer}
  990.  
  991.  
  992.  
  993. <span class="msg-icon"> <i class="far fa-comment"></i></span>
  994.  
  995.  
  996.  
  997. <span class="post-username">answered</span>
  998. <p>
  999.  
  1000.  
  1001. <span class="realbody"><span class="askerr">{asker}</span> <span class="askedd">asked:</span></span><p> <span class="realbody">{question}</span>
  1002.  
  1003. <div class="beeframen"></div><br>
  1004.  
  1005. <span class="ans-av"><img src="https://78.media.tumblr.com/b77774636b636c152b71119bf93ea294/tumblr_pal6riqRvA1xuaeq7o1_400.png"></span><div class="answerr"><div class="realbody">{answer}</div></div>
  1006.  
  1007. {/block:Answer}
  1008.  
  1009. <!----------------------------------------------------------------------->
  1010. <!----------------------------------------------------------------------->
  1011. <!----------------------------------------------------------------------->
  1012.  
  1013. {block:Photoset}
  1014. {block:IndexPage}
  1015. <center>
  1016.  
  1017. <!--<div class="perma">
  1018. <a href="[ReblogURL]" target="_blank"> reblog </a> </div>-->
  1019.  
  1020. {Photoset-500}</center>
  1021.  
  1022.  
  1023. <div class="beeframen"></div>
  1024. {block:RebloggedFrom}
  1025. {block:Reblogs}
  1026. <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>
  1027. {/block:Reblogs}
  1028. {/block:RebloggedFrom}
  1029. {block:NotReblog}<a class="post-avatar-link{block:isNotOriginalEntry} sub-icon-reblog{/block:isNotOriginalEntry}" href="{Permalink}" target="_blank">
  1030. <span class="person-posting"><img class="post-avatar-image" src="{PortraitURL-64}"></span>
  1031. </a>
  1032. {/block:NotReblog}
  1033.  
  1034. {block:caption}<div class="realbody">{caption}</div>{/block:caption}
  1035.  
  1036. {/block:IndexPage}
  1037. {block:PermalinkPage}
  1038. <center>
  1039. {Photoset-500}</center>
  1040. {/block:PermalinkPage}
  1041. {/block:Photoset}
  1042.  
  1043. <!----------------------------------------------------------------------->
  1044. <!----------------------------------------------------------------------->
  1045. <!----------------------------------------------------------------------->
  1046.  
  1047. {block:Quote}<heyo>{Quote}</heyo>{block:Source}<div class="beeframen"></div><span class="fakebody">{Source}</span>{/block:Source}
  1048.  
  1049.  
  1050. {/block:Quote}
  1051. <!----------------------------------------------------------------------->
  1052. <!----------------------------------------------------------------------->
  1053. <!----------------------------------------------------------------------->
  1054.  
  1055. {block:Chat}{block:Title}<span class="title">{Title}</span>{/block:Title}
  1056. <ul class="chat">
  1057. {block:Lines}
  1058. <li class="user_{UserNumber}">
  1059. {block:Label}
  1060. <span class="label">{Label}</span>
  1061. {/block:Label}
  1062.  
  1063. {Line}
  1064. </li>
  1065. {/block:Lines}
  1066. <p align=right><span class="permalink"><a href="{Permalink}">{notecountwithlabel}</a> <a href="{Permalink}">
  1067. {/block:Chat}
  1068.  
  1069. <!----------------------------------------------------------------------->
  1070. <!----------------------------------------------------------------------->
  1071. <!----------------------------------------------------------------------->
  1072.  
  1073. {block:Audio}
  1074. <div style="width:200px; height:30px;">
  1075. {AudioPlayerBlack}
  1076. </div>
  1077. {block:IndexPage}<span class="permalink">
  1078. <p align=right><span class="permalink"><a href="{Permalink}">{notecountwithlabel}</a> <a href="{Permalink}"> </a>
  1079. </span>{/block:IndexPage}
  1080. {/block:Audio}
  1081.  
  1082. <!----------------------------------------------------------------------->
  1083. <!----------------------------------------------------------------------->
  1084. <!----------------------------------------------------------------------->
  1085.  
  1086. {block:Video}
  1087. {block:IndexPage}
  1088. <center>
  1089. <div class="perma">
  1090. <a href="{ReblogURL}" target="_blank"> reblog </a> </div>
  1091. {Video-250}</center>
  1092. {/block:IndexPage}
  1093. {block:PermalinkPage}
  1094. <center>
  1095. {Video-400}</center>
  1096. {/block:PermalinkPage}
  1097. {/block:Video}
  1098.  
  1099. <!----------------------------------------------------------------------->
  1100. <!----------------------------------------------------------------------->
  1101. <!----------------------------------------------------------------------->
  1102.  
  1103.  
  1104. {block:PostNotes}<div align="middle">{caption}</div>
  1105. <center>
  1106.  
  1107. {block:NoteCount}{NoteCountWithLabel}<br>{/block:NoteCount}
  1108.  
  1109. {block:HasTags}
  1110. tags: {block:Tags}<a href="{TagURL}">{Tag}. </a>{/block:Tags}<br> {/block:HasTags}
  1111. {block:RebloggedFrom}
  1112. reblogged from <a href="{ReblogParentURL}">{ReblogParentName}</a><br>
  1113. posted by <a href="{ReblogRootURL}">{ReblogRootName}</a>
  1114.  
  1115. {/block:RebloggedFrom}
  1116. </center></span>
  1117. <br>
  1118. <div id="postnotes">{PostNotes}</div><br>
  1119.  
  1120. <center>{block:ContentSource}
  1121. <br><a href="{SourceURL}">
  1122. {lang:Source}:
  1123. {block:SourceLogo}
  1124. <img src="{BlackLogoURL}" width="{LogoWidth}"
  1125. height="{LogoHeight}" alt="{SourceTitle}" />
  1126. {/block:SourceLogo}
  1127. {block:NoSourceLogo}
  1128. {SourceLink}
  1129. {/block:NoSourceLogo}
  1130. </a>
  1131. {/block:ContentSource}</center>
  1132.  
  1133. {/block:PostNotes}
  1134. </div>
  1135. {/block:Posts}
  1136. </div></div>
  1137.  
  1138. {block:IndexPage}
  1139. {block:Pagination}
  1140. <div id="pagination">
  1141. {block:NextPage}
  1142. <a id="nextPage" href="{NextPage}"></a>
  1143. {/block:NextPage}
  1144. {block:PreviousPage}
  1145. <a href="{PreviousPage}"></a>
  1146. {/block:PreviousPage}
  1147. </div>
  1148. {/block:Pagination}
  1149. {/block:IndexPage}
  1150. </body>
  1151.  
  1152.  
  1153.  
  1154. <div id="02" class="popup_block">
  1155. <div class="ask-title">Messages</div> <br><br><br><div class="ask-realbody">If you have any inquiries about my codes or would like to contact me, please do so here! I will do my best to respond to your message in less than 3 days. Thank you for stopping by!
  1156. <br><br>
  1157. <olive-oil>code usage</olive-oil> All of my projects are free to use. If you are interested, please message me with the title of the one you like and I will be happy to give you the code. <br><br>
  1158. <olive-oil>code inquiries</olive-oil> If you are interested in any particular font or design I have used, or have any questions about codemaking in general, please ask! I will do my best to answer or direct you to someone who might know better. <br><br></div>
  1159.  
  1160. <iframe id="ask_form" style="background-color: transparent; overflow: hidden;" src="http://www.tumblr.com/ask_form/yunacodes.tumblr.com" frameborder="0" scrolling="no" width="100%" height="150"></iframe>
  1161. </div></div>
  1162.  
  1163. <div id="03" class="popup_block">
  1164. LINKS HERE MAN
  1165. </div></div>
  1166.  
  1167.  
  1168. </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!