API tools faq
paste
soulfhully

saved HTML code #2

soulfhully
Jun 28th, 2017
144
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 74.95 KB | None | 0 0
raw download clone embed print report
  1.  
  2. <!--
  3.  
  4. THEME #16 BELLE WAS MADE BY KATHERINE [http://moonable.tumblr.com/]
  5. & RELEASED ON KEYTHEMES [http://keythemes.tumblr.com/].
  6.  
  7. THEME MADE ON JANUARY 12TH 2017
  8.  
  9. ALL CODES ARE MINE!
  10.  
  11. - DON'T STEAL MY THEMES AND CLAIM THEM AS YOURS
  12. - YOU CAN ONLY MODIFY THEM FOR PERSONAL USE, DON'T DISTRIBUTE THEM
  13. - DON'T TAKE THE CREDIT (THIS IS REALLY IMPORTANT)
  14. - IF YOU SEE SOMEONE STEALING THEM PLEASE EMAIL ME AT THEMESBYKATY@GMAIL.COM
  15.  
  16.  
  17. DON'T TAKE THE CREDITS OFF!! -->
  18.  
  19. <!--
  20.  
  21. BLOG MAKEOVER BY LIZ (@AZUHER)
  22. PLEASE LET ME KNOW IF SOMETHING GOES WRONG WITH THE CODE. I WILL BE MORE THAN HAPPY TO HELP YOU.
  23. I HOPE YOU LIKE IT!
  24.  
  25. -->
  26.  
  27. <head>
  28.  
  29. <link href="http://static.tumblr.com/zl0gu39/5hLooqsyp/harry_p.css" rel="stylesheet">
  30. <script type="text/javascript"
  31. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  32. <script>
  33. $(document).ready(function() {
  34. //
  35. $('a.poplight[href^=#]').click(function() {
  36. var popID = $(this).attr('rel'); //Get Popup Name
  37. var popURL = $(this).attr('href'); //Get Popup href to define size
  38. var query= popURL.split('?');
  39. var dim= query[1].split('&');
  40. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  41. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"></a>');
  42. var popMargTop = ($('#' + popID).height() + 80) / 2;
  43. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  44. //Apply Margin to Popup
  45. $('#' + popID).css({
  46. 'margin-top' : -popMargTop,
  47. 'margin-left' : -popMargLeft
  48. });
  49. $('body').append('<div id="fade"></div>');
  50. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  51. return false;
  52. });
  53. $('a.close, #fade').live('click', function() {
  54. $('#fade , .popup_block').fadeOut(function() {
  55. $('#fade, a.close').remove(); //fade them both out
  56. });
  57. return false;
  58. });
  59. });
  60. </script>
  61.  
  62. <link href='https://fonts.googleapis.com/css?family=Roboto+Condensed:400,700|Open+Sans:400,600' rel='stylesheet' type='text/css'><link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.0/css/font-awesome.min.css">
  63. <link href="https://fonts.googleapis.com/css?family=Muli" rel="stylesheet">
  64. <link href="https://fonts.googleapis.com/css?family=Exo:400,400i,500,500i,600,600i,700,700i|Hind|Karla:400,400i,700,700i|Lato:400,400i,700,700i|Open+Sans:400,400i,600,600i,700,700i|Oxygen:400,700|Poppins:400,500,600,700|Quicksand:400,500,700|Roboto:400,400i,500,500i,700,700i|Titillium+Web:400,400i,600,600i,700" rel="stylesheet">
  65.  
  66. <!---TAB--->
  67. {block:iftab}
  68.  
  69. <style>
  70. #kctitle{
  71. position:fixed;
  72. top:90px;
  73. right:15px;
  74. width:175px;
  75. height:auto;
  76. font-size:25px;
  77. letter-spacing:.5px;
  78. text-transform:none;
  79. font-style:none;
  80. text-align:right;
  81. padding:5px;
  82. color: {color:colorscheme};
  83. letter-spacing:1px;
  84. font-family: 'Parisienne', cursive;
  85. z-index:9999999999;
  86. }
  87.  
  88. #kccontent{
  89. position:fixed;
  90. top:115px;
  91. right:15px;
  92. width:175px;
  93. height:auto;
  94. font-size:10px;
  95. text-transform:none;
  96. text-align:right;
  97. padding:5px;
  98. z-index:999999999999999;
  99. }
  100.  
  101. #harrypotter{
  102. position:fixed;
  103. z-index:1000;
  104. top: 80px;
  105. left:-150px;
  106. padding: 6px;
  107. width:220px;
  108. height: auto;
  109. align-items: center;
  110. -webkit-transition: all .4s ease;
  111. -moz-transition: all .4s ease;
  112. -o-transition: all .4s ease;
  113. transition: all .4s ease;
  114. }
  115.  
  116. #harrypotter:hover{
  117. left:5px;
  118. }
  119.  
  120.  
  121. #hpbadge{
  122. position:absolute;
  123. top:0px;
  124. right:0px;
  125. width:55px;
  126. height:55px;
  127. padding:3px;
  128. border-radius:3px;
  129. /*border:1px solid #cccccc;*/
  130. background-color:#ffffff;
  131. }
  132.  
  133. #hpbadge img{
  134. width:50px;
  135. height:50px;
  136. border-radius:3px;
  137. }
  138.  
  139. #badgeinfo{
  140. height:30px;
  141. width:150px;
  142. padding:3px;
  143. border-radius:3px;
  144. border:3px solid #992727;
  145. background-color:#d47474;
  146. text-align:center;
  147. font-size:30px;
  148. letter-spacing:1.5px;
  149. font-family: 'harry_pregular';
  150. color:#fff;
  151. display: flex;
  152. align-items: center;
  153. justify-content: center;
  154.  
  155.  
  156.  
  157. </style>
  158.  
  159. <body>
  160.  
  161.  
  162. <div id="harrypotter"><a href="http://hogwartsschoolnetwork.tumblr.com/" title="Hogwarts Network">
  163. <div id="hpbadge"><img src="http://vignette2.wikia.nocookie.net/harrypotter/images/6/6b/Gryffindorcrest.png/revision/latest?cb=20110308010135"></div>
  164. <div id="badgeinfo">
  165. Gryffindor
  166. </div>
  167. </div>
  168.  
  169. <div id="kctitle">
  170. Updates
  171. </div>
  172.  
  173. <div id="kccontent">
  174. Blog Makeover by Liz on 05/13/17
  175. <br>
  176. <br>
  177. <script language="JavaScript">var fhs = document.createElement('script');var fhs_id = "5467289";
  178. var ref = (''+document.referrer+'');var pn = window.location;var w_h = window.screen.width + " x " + window.screen.height;
  179. fhs.src = "//s1.freehostedscripts.net/ocounter.php?site="+fhs_id+"&e1=cappuccino&e2=cappuchinos&r="+ref+"&wh="+w_h+"&a=1&pn="+pn+"";
  180. document.head.appendChild(fhs);document.write("<span id='o_"+fhs_id+"'></span>");
  181. </script><br><script language="JavaScript">var fhsh = document.createElement('script');var fhs_id_h = "3241140";
  182. fhsh.src = "//s1.freehostedscripts.net/ocount.php?site="+fhs_id_h+"&name=coffee beans&a=1";
  183. document.head.appendChild(fhsh);document.write("<span id='h_"+fhs_id_h+"'></span>");
  184. </script><br><script src="https://followercounter.co/api/text/soulfhully"></script><br><script id="qpscript" src="http://qplus.io/scripts/queued/58801eb0e9d3047874087f36"></script><br><a href="https://time.is/Eureka,_California" id="time_is_link" rel="nofollow" style="font-size:10px">My time:</a> <span id="Eureka__California_z14e" style="font-size:10px"></span><script src="//widget.time.is/t.js"></script><script>
  185. time_is_widget.init({Eureka__California_z14e:{time_format:"12hours:minutesAMPM"}});
  186. </script><br>
  187. You are using <script language="JavaScript" src="http://freehostedscripts.net/browserinfo.php"></script>
  188. <br>
  189. <br>
  190. <script type="text/javascript" src="https://dl.dropboxusercontent.com/s/llib1ztbc6d6vlx/birthdayclub.js"></script><div id="birthdayClub"></div>
  191. <br>
  192. <a title="Aurorant" href="http://aurorant.tumblr.com/"><img style="margin-right:0px;width:40px; border-radius:100%" src="http://api.tumblr.com/v2/blog/aurorant.tumblr.com/avatar/512/"></a>
  193. <a title="Ocheanly" href="http://ocheanly.tumblr.com/"><img style="margin-right:0px;width:40px; border-radius:100%" src="http://api.tumblr.com/v2/blog/ocheanly.tumblr.com/avatar/512/"></a>
  194. <a title="Sassyeh" href="http://sassyeh.tumblr.com/"><img style="margin-right:0px;width:40px; border-radius:100%" src="http://api.tumblr.com/v2/blog/sassyeh.tumblr.com/avatar/512/"></a>
  195. <br>
  196. </div></body>
  197.  
  198. {/block:iftab}
  199. <!---TAB--->
  200.  
  201.  
  202. <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">
  203.  
  204. <link href='http://fonts.googleapis.com/css?family=Dancing+Script' rel='stylesheet' type='text/css'>
  205. <link href='https://fonts.googleapis.com/css?family=Great+Vibes&subset=latin,latin-ext' rel='stylesheet' type='text/css'><link href="https://fonts.googleapis.com/css?family=Alex+Brush|Allura|Cookie|Dancing+Script|Parisienne|Satisfy" rel="stylesheet">
  206.  
  207. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script> <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script> <script> (function($){ $(document).ready(function(){ $("[title],a[title],img[title]").style_my_tooltips({ tip_follows_cursor:true, tip_delay_time:100, tip_fade_speed:300, attribute:"title" }); }); })(jQuery); </script>
  208.  
  209. <title>{title}</title>
  210. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  211. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  212.  
  213. <!--Default Variables-->
  214. <meta name="color:Background" content="#ffffff"/>
  215. <meta name="color:Text" content="000000"/>
  216. <meta name="color:colorscheme" content="#aee7d8"/>
  217. <meta name="color:Link" content="#aee7d8"/>
  218. <meta name="color:Link Hover" content="#000000"/>
  219.  
  220. <meta name="if:coverbackground" content="0"/>
  221. <meta name="if:tab" content="1"/>
  222.  
  223.  
  224. <meta name="image:background" content=""/>
  225. <meta name="image:sidebar" content=""/>
  226.  
  227. <meta name="text:blogtitle" content="Soulfhully"/>
  228. <meta name="text:link1" content="/"/>
  229. <meta name="text:link1title" content="Home"/>
  230.  
  231. <meta name="text:link2" content="/"/>
  232. <meta name="text:link2title" content="Message"/>
  233.  
  234. <meta name="text:link3" content="/"/>
  235. <meta name="text:link3title" content="Links"/>
  236.  
  237. <meta name="text:link4" content="/"/>
  238. <meta name="text:link4title" content="Blogroll"/>
  239.  
  240. <meta name="text:link5" content="/archive"/>
  241. <meta name="text:link5title" content="Archive"/>
  242.  
  243. <style type="text/css">
  244. @charset "utf-8";
  245. /* CSS Document */
  246.  
  247. @-webkit-keyframes bounceIn {
  248. 0% {
  249. opacity: 0;
  250. -webkit-transform: scale(.3);
  251. }
  252.  
  253. 50% {
  254. opacity: 1;
  255. -webkit-transform: scale(1.05);
  256. }
  257.  
  258. 70% {
  259. -webkit-transform: scale(.9);
  260. }
  261.  
  262. 100% {
  263. -webkit-transform: scale(1);
  264. }
  265. }
  266.  
  267. @-moz-keyframes bounceIn {
  268. 0% {
  269. opacity: 0;
  270. -moz-transform: scale(.3);
  271. }
  272.  
  273. 50% {
  274. opacity: 1;
  275. -moz-transform: scale(1.05);
  276. }
  277.  
  278. 70% {
  279. -moz-transform: scale(.9);
  280. }
  281.  
  282. 100% {
  283. -moz-transform: scale(1);
  284. }
  285. }
  286.  
  287. @-ms-keyframes bounceIn {
  288. 0% {
  289. opacity: 0;
  290. -ms-transform: scale(.3);
  291. }
  292.  
  293. 50% {
  294. opacity: 1;
  295. -ms-transform: scale(1.05);
  296. }
  297.  
  298. 70% {
  299. -ms-transform: scale(.9);
  300. }
  301.  
  302. 100% {
  303. -ms-transform: scale(1);
  304. }
  305. }
  306.  
  307. @-o-keyframes bounceIn {
  308. 0% {
  309. opacity: 0;
  310. -o-transform: scale(.3);
  311. }
  312.  
  313. 50% {
  314. opacity: 1;
  315. -o-transform: scale(1.05);
  316. }
  317.  
  318. 70% {
  319. -o-transform: scale(.9);
  320. }
  321.  
  322. 100% {
  323. -o-transform: scale(1);
  324. }
  325. }
  326.  
  327. @keyframes bounceIn {
  328. 0% {
  329. opacity: 0;
  330. transform: scale(.3);
  331. }
  332.  
  333. 50% {
  334. opacity: 1;
  335. transform: scale(1.05);
  336. }
  337.  
  338. 70% {
  339. transform: scale(.9);
  340. }
  341.  
  342. 100% {
  343. transform: scale(1);
  344. }
  345. }
  346.  
  347. /*CODES BY PAINTHEMES*/
  348.  
  349. #links{
  350. padding:10px;
  351. width:145px;
  352. border:1px solid {color:colorscheme}; /*border of your first box*/
  353. background:#fff; /*background of your first box*/
  354. height:240px;
  355. overflow:auto;
  356. line-height:15px;
  357. }
  358.  
  359. #tags{
  360. padding:10px;
  361. width:145px;
  362. border:1px solid {color:colorscheme}; /*border of your second box*/
  363. background:#fff; /*background of your second box*/
  364. line-height:15px;
  365. height:240px;
  366. overflow:auto;
  367. margin-left:180px;
  368. margin-top:-262px;
  369. }
  370.  
  371. #social{
  372. padding:10px;
  373. width:145px;
  374. border:1px solid {color:colorscheme}; /*border of your box 3*/
  375. background:#fff; /*background of your box 3*/
  376. line-height:15px;
  377. height:240px;
  378. overflow:auto;
  379. margin-left:360px;
  380. margin-top:-262px;
  381. }
  382.  
  383. #links a, #tags a, #social a{
  384. display:block;
  385. padding:5px;
  386. width:auto;
  387. text-transform:uppercase;
  388. font-size:10px; /*size of letters*/
  389. text-align:left;
  390. color:{color:Text}; /*color links*/
  391. letter-spacing:1px; /*spacing between letters*/
  392. margin-top:-1px;
  393. -webkit-transition:all 0.3s ease-out;
  394. }
  395.  
  396. #links h1, #tags h1, #social h1{
  397. font-family: 'Alex Brush', cursive;
  398. text-align:center;
  399. font-size:20px;
  400. letter-spacing:1px;
  401. color:{color:colorscheme};
  402. }
  403.  
  404. #links a:hover, #tags a:hover, #social a:hover{
  405. background:{color:colorscheme}; /*background hover*/
  406. color:#fff; /*color hover*/
  407. }
  408.  
  409. #links a:before, #tags a:before, #social a:before{
  410. content:'';
  411. height:1px;
  412. width:10px;
  413. display:inline-block;
  414. background:#000; /*color of the ―*/
  415. position:relative;
  416. top:-2px;
  417. margin-right:5px;
  418. -webkit-transition:all 0.3s ease-out;
  419. }
  420.  
  421. #links a:hover:before, #tags a:hover:before, #social a:hover:before{
  422. width:31px;
  423. background:#fff; /*color hover of the ― */
  424. -webkit-transition:all 0.3s ease-out;
  425. }
  426.  
  427. /*CODES BY PAINTHEMES*/
  428. #blogroll{
  429. background:white;
  430. padding:20px;
  431. overflow:auto;
  432. border:1px solid {color:colorscheme}; /*border of your blogroll box, delete it if you don't want it*/
  433. z-index:999;
  434. width:430px;
  435. height:300px;
  436. }
  437.  
  438.  
  439. .blogroll img{
  440. width:50px;
  441. height:50px;
  442. padding:10px;
  443. margin:5px;
  444. -o-transition-transition: all 0.9s ease;
  445. -webkit-transition: all 0.9s ease;
  446. -moz-transition: all 0.9s ease;
  447. transition: all 0.9s ease;
  448. }
  449.  
  450. .blogroll img:hover{
  451. background:{color:colorscheme}; /*background hover of the images*/
  452. -o-transition-transition: all 0.9s ease;
  453. -webkit-transition: all 0.9s ease;
  454. -moz-transition: all 0.9s ease;
  455. transition: all 0.9s ease;
  456. }
  457.  
  458. /*CODES BY PAINTHEMES*/
  459.  
  460. /*CODES BY PAINTHEMES.TUMBLR.COM*/
  461. .popup_block{
  462. display:none;
  463. background:#fff; /*change the color of your background*/
  464. padding:15px;
  465. border:4px double {color:colorscheme}; /*change the color of your border*/
  466. float:left;
  467. position:fixed;
  468. top:50%;left:55%;
  469. z-index: 99999;
  470. -webkit-animation: bounceIn 1.5s linear normal;
  471. -moz-animation: bounceIn 1.5s linear normal;
  472. -ms-animation: bounceIn 1.5s linear-normal;
  473. -o-animation: bounceIn 1.5s linear normal;
  474. animation: bounceIn 1.5s linear normal;
  475. }
  476.  
  477. #fade {
  478. display:none;
  479. position:fixed;
  480. left:0px;
  481. top:0px;
  482. width:100%;
  483. height:100%;
  484. z-index:9999;
  485. background:{color:background}; /* change the color of the background below the box */
  486. opacity:1; /* change the opacity */
  487. }
  488.  
  489. *html #fade {position: absolute;}
  490. *html .popup_block {position: absolute;}
  491. /*CODES BY PAINTHEMES.TUMBLR.COM*/
  492.  
  493. /*---------------------------------------------------------------------*/
  494.  
  495. #askblock{
  496. position:fixed;
  497. top:48%;
  498. left:56%;
  499. transform:translate(-50%,-50%);
  500. z-index:9000000;
  501. width:640px;
  502. height:490px;
  503. padding:20px;
  504. background-color:{color:background};
  505. border:4px double {color:colorscheme};
  506. font-size:10px;
  507. }
  508.  
  509. #faskinfo::-webkit-scrollbar {
  510. width: 5px;
  511. }
  512.  
  513. #faskinfo::-webkit-scrollbar-track {
  514. background-color:{color:background};
  515. }
  516.  
  517. #faskinfo::-webkit-scrollbar-thumb {
  518. border-top:5px solid {color:colorscheme};
  519. border-bottom:5px solid {color:colorscheme};
  520. border-left:2px solid {color:colorscheme};
  521. border-right:2px solid {color:colorscheme};
  522. background-color:{color:background};
  523. }
  524.  
  525. #faskinfo{
  526. position:absolute;
  527. top:20px;
  528. left:20px;
  529. bottom:20px;
  530. width:190px;
  531. overflow:auto;
  532. padding:10px;
  533. background-color:{color:background};
  534. border:4px double {color:colorscheme};
  535. }
  536.  
  537. #fasktitles{
  538. position:relative;
  539. padding:3px;
  540. }
  541.  
  542. .fasktitles{
  543. position:relative;
  544. padding:5px 10px 5px 30px;
  545. background-color:{color:background};
  546. font-family: 'Parisienne', cursive;
  547. font-size:20px;
  548. color:{color:colorscheme};
  549. }
  550.  
  551. #faskdeco{
  552. position:absolute;
  553. top:3px;
  554. left:3px;
  555. width:20px;
  556. height:20px;
  557. border-radius:2px;
  558. background-color:{color:background};
  559. display: flex;
  560. align-items: center;
  561. justify-content: center;
  562. text-align:center;
  563. font-size:14px;
  564. color:{color:Text};
  565. }
  566.  
  567. #faskdeco i{
  568. position:relative;
  569. top:3px;
  570. }
  571.  
  572. #infos{
  573. text-align:left;
  574. font-size:12px;
  575. color:{color:Text};
  576. }
  577.  
  578. #infos p{
  579. margin:10px 15px 10px 15px ;
  580. }
  581.  
  582. #infos a{
  583. text-decoration:none;
  584. color:{color:Text};
  585. }
  586.  
  587. #infos sm{
  588. font-size:10px;
  589. color:{color:Text};
  590. }
  591.  
  592. #faskcol2{
  593. position:absolute;
  594. overflow:hidden;
  595. top:20px;
  596. right:20px;
  597. bottom:20px;
  598. width:415px;
  599. }
  600.  
  601. #faqs::-webkit-scrollbar {
  602. width: 5px;
  603. }
  604.  
  605. #faqs::-webkit-scrollbar-track {
  606. background-color:{color:background};
  607. }
  608.  
  609. #faqs::-webkit-scrollbar-thumb {
  610. border-top:5px solid {color:colorscheme};
  611. border-bottom:5px solid {color:colorscheme};
  612. border-left:2px solid {color:colorscheme};
  613. border-right:2px solid {color:colorscheme};
  614. background-color:{color:background};
  615. }
  616.  
  617. #faqs{
  618. height:195px;
  619. overflow:auto;
  620. padding:15px;
  621. background-color:{color:background};
  622. border:4px double {color:colorscheme};
  623. color:{color:Text};
  624. }
  625.  
  626. #faqhead{
  627. margin-bottom:5px;
  628. text-align:center;
  629. font-family: 'Alex Brush', cursive;
  630. font-size:25px;
  631. color:{color:colorscheme};
  632. }
  633.  
  634. #faqs b{
  635. color:{color:text};
  636. }
  637.  
  638. #faqsmore{
  639. margin:20px 0px 10px 0px;
  640. text-align:center;
  641. font-size:14px;
  642. }
  643.  
  644. #faqsmore a{
  645. color:{color:text};
  646. }
  647.  
  648. #ask{
  649. /*I gave the form it's own div to give it some space from text*/
  650. margin-top:5px;
  651. }
  652.  
  653. #submit{
  654. position:absolute;
  655. top:436px;
  656. bottom:0px;
  657. left:0px;
  658. right:0px;
  659. background-color:{color:background};
  660. -webkit-transition: all 1s ease;
  661. -moz-transition: all 1s ease;
  662. -o-transition: all 1s ease;
  663. transition: all 1s ease;
  664. }
  665.  
  666. #submit:hover{
  667. top:-55px;
  668. bottom:0px;
  669. }
  670.  
  671. #submittitle{
  672. margin-top:0px;
  673. margin-bottom:5px;
  674. background-color:{color:background};
  675. border:4px double {color:colorscheme};
  676. padding:3px;
  677. font-size:25px;
  678. text-align:center;
  679. font-family: 'Alex Brush', cursive;
  680. color:{color:colorscheme};
  681. }
  682.  
  683. .submittitle{
  684. padding:10px 10px 8px 10px;
  685. background-color:{color:background};
  686. }
  687.  
  688. #submit:hover #submittitle{
  689. opacity:0;
  690. -webkit-transition: all .8s ease;
  691. -moz-transition: all .8s ease;
  692. -o-transition: all .8s ease;
  693. transition: all .8s ease;
  694. }
  695.  
  696. #submitbox{
  697. overflow-y:hidden;
  698. background-color:{color:background};
  699. webkit-transition: all 1s ease;
  700. -moz-transition: all 1s ease;
  701. -o-transition: all 1s ease;
  702. transition:all 1s ease; /*smooth transitions*/
  703. -webkit-transition-delay: 1.6s; /* Safari */
  704. transition-delay: 1.6s;
  705. }
  706.  
  707.  
  708.  
  709.  
  710. #tumblr_controls, .tmblr-iframe {
  711. top:40px!important;
  712. right:5px!important;
  713. -webkit-filter: invert(90%);
  714. filter: invert(90%);
  715. position:fixed!important;
  716. -webkit-transform:scale(.8, .8);
  717. -moz-transform:scale(.8, .8);
  718. transform:scale(.8, .8);
  719. -webkit-transform-origin: right top;
  720. -moz-transform-origin: right top;
  721. -ms-transform-origin: right top;
  722. -o-transform-origin: right top;
  723. transform-origin: right top;
  724. z-index:999999999999999999!important
  725. }
  726.  
  727. /*----------------------------------
  728.  
  729. BUBBLY PERSONALITIES POPUP BY FELINETHEMES
  730.  
  731. -----------------------------------*/
  732.  
  733. #aboutpopup{
  734. position:fixed;
  735. top:50%;
  736. left:50%;
  737. transform:translate(-50%,-50%);
  738. padding:20px;
  739. width:590px;
  740. border:4px double {color:colorscheme};
  741. background-color:#ffffff;
  742. }
  743.  
  744. #picandsocial{
  745. position:absolute;
  746. top:-50px;
  747. left:50%;
  748. transform:translateX(-50%);
  749. width:152px;
  750. }
  751.  
  752. #aboutpic{
  753. padding:10px;
  754. background-color:{color:background};
  755. border-radius:200px;
  756. border:4px double {color:colorscheme};
  757. }
  758.  
  759. #aboutpic img{
  760. width:130px;
  761. height:130px;
  762. border-radius:200px;
  763. }
  764.  
  765. #socialbuttons{
  766. position:relative;
  767. margin-top:5px;
  768. margin-left:-5px;
  769. margin-right:-5px;
  770. }
  771.  
  772. .social{
  773. float:left;
  774. margin-left:2px;
  775. margin-right:2px;
  776. width:28px;
  777. height:28px;
  778. border-radius:90px;
  779. background-color:{color:colorscheme};
  780. display: flex;
  781. align-items: center;
  782. justify-content: center;
  783. font-size:18px;
  784. color:#ffffff;
  785. -webkit-transition: all 1s ease;
  786. -moz-transition: all 1s ease;
  787. -o-transition: all 1s ease;
  788. transition: all 1s ease;
  789. }
  790.  
  791. .social span{ /*MADE PURELY FOR HEART ICON TO MAKE IT LOOK NICER TO ME*/
  792. position:relative;
  793. font-size:16px;
  794. }
  795.  
  796. .social:hover{
  797. background-color:{color:colorscheme};
  798. }
  799.  
  800.  
  801. #basicinfo{
  802. position:relative;
  803. width:190px;
  804. height:110px;
  805. padding:5px;
  806. }
  807.  
  808. .basicinfo{
  809. position:relative;
  810. margin-bottom:2px;
  811. padding:4px 4px 4px 23px;
  812. text-align:left;
  813. font-size:12px;
  814. }
  815.  
  816. .basicinfo b{
  817. color:{color:colorscheme};
  818. }
  819.  
  820. .basiclabel{
  821. position:absolute;
  822. top:1px;
  823. left:-4px;
  824. width:20px;
  825. height:20px;
  826. border-radius:3px;
  827. background-color:{color:colorscheme};
  828. display: flex;
  829. align-items: center;
  830. justify-content: center;
  831. font-size:13px;
  832. color:#ffffff;
  833. }
  834.  
  835. #aboutquote{
  836. position:absolute;
  837. top:20px;
  838. right:20px;
  839. width:190px;
  840. height:110px;
  841. padding:5px;
  842. text-align:left;
  843. font-size:16px;
  844. color:{color:colorscheme};
  845. }
  846.  
  847. #quotesource{
  848. text-align:right;
  849. font-size:11px;
  850. color:#000000;
  851. }
  852.  
  853. #abouttabs{
  854. position:relative;
  855. margin-top:16px;
  856. height:220px;
  857. }
  858.  
  859. #abouttabs p{
  860. margin-top:0px;
  861. margin-bottom:10px;
  862. }
  863.  
  864. #abouttabs h2{
  865. margin:0px;
  866. font-size:18px;
  867. }
  868.  
  869. #abouttabs ul{
  870. margin-left:-10px;
  871. }
  872.  
  873. #abouttabs img{
  874. width:80px;
  875. height:80px;
  876. border:3px solid #ffffff;
  877. }
  878.  
  879. #abouttabs figure{
  880. float:left;
  881. margin-top:0px;
  882. margin-bottom:10px;
  883. margin-left:6px;
  884. margin-right:6px;
  885. width:80px;
  886. }
  887.  
  888. #aboutbox3 figcaption{
  889. margin-top:2px;
  890. width:80px;
  891. padding:3px;
  892. background-color:{color:colorscheme};
  893. color:{color:background};
  894. -webkit-transition: all 0.4s linear;
  895. -moz-transition: all 0.4s ease;
  896. -ms-transition: all 0.4s ease;
  897. -o-transition: all 0.4s ease;
  898. transition: all 0.4s ease;
  899. }
  900.  
  901. #about1{
  902. position:relative;
  903. z-index:1;
  904. float:left;
  905. width:600px;
  906. }
  907.  
  908. #abouttab1{
  909. position:absolute;
  910. top:5px;
  911. right:10px;
  912. width:55px;
  913. height:55px;
  914. border-radius:90px;
  915. border: 4px double {color:colorscheme};
  916. background-color:{color:background};
  917. display: flex;
  918. align-items: center;
  919. justify-content: center;
  920. font-size:12px;
  921. color:{color:Text};
  922. -webkit-transition: all 1s ease;
  923. -moz-transition: all 1s ease;
  924. -o-transition: all 1s ease;
  925. transition: all 1s ease;
  926. }
  927.  
  928. #abouttab1:hover{
  929. background-color:{color:background};
  930. }
  931.  
  932. #aboutbox1{
  933. position:absolute;
  934. z-index:0;
  935. top:0px;
  936. left:0px;
  937. width:470px;
  938. height:180px;
  939. overflow:auto;
  940. border: 4px double {color:colorscheme};
  941. padding:20px;
  942. background-color:{color:background};
  943. text-align:justify;
  944. font-size:12px;
  945. color:{color:Text};
  946. }
  947.  
  948. #aboutbox1::-webkit-scrollbar {
  949. width: 5px;
  950. }
  951.  
  952. #aboutbox1::-webkit-scrollbar-track {
  953. background-color:{color:background};
  954. }
  955.  
  956. #aboutbox1::-webkit-scrollbar-thumb {
  957. border-top:5px solid {color:colorscheme};
  958. border-bottom:5px solid {color:colorscheme};
  959. border-left:2px solid {color:colorscheme};
  960. border-right:2px solid {color:colorscheme};
  961. background-color:#ffffff;
  962. }
  963.  
  964. #about2{
  965. position:absolute;
  966. z-index:0;
  967. top:0px;
  968. float:left;
  969. width:600px;
  970. }
  971.  
  972. #abouttab2{
  973. position:absolute;
  974. top:77px;
  975. right:10px;
  976. width:55px;
  977. height:55px;
  978. border-radius:90px;
  979. border:4px double {color:colorscheme};
  980. background-color:{color:Background};
  981. display: flex;
  982. align-items: center;
  983. justify-content: center;
  984. font-size:12px;
  985. color:{color:Text};
  986. -webkit-transition: all 1s ease;
  987. -moz-transition: all 1s ease;
  988. -o-transition: all 1s ease;
  989. transition: all 1s ease;
  990. }
  991.  
  992. #abouttab2:hover{
  993. background-color:{color:background};
  994. }
  995.  
  996. #aboutbox2{
  997. position:absolute;
  998. top:0px;
  999. left:0px;
  1000. z-index:0;
  1001. width:470px;
  1002. height:180px;
  1003. overflow:auto;
  1004. border:4px double {color:colorscheme};
  1005. padding:20px;
  1006. background-color:{color:Background};
  1007. text-align:justify;
  1008. font-size:11px;
  1009. color:{color:Text};
  1010. }
  1011.  
  1012. #aboutbox2::-webkit-scrollbar {
  1013. width: 5px;
  1014. }
  1015.  
  1016. #aboutbox2::-webkit-scrollbar-track {
  1017. background-color:{color:background};
  1018. }
  1019.  
  1020. #aboutbox2::-webkit-scrollbar-thumb {
  1021. border-top:5px solid {color:colorscheme};
  1022. border-bottom:5px solid {color:colorscheme};
  1023. border-left:2px solid {color:colorscheme};
  1024. border-right:2px solid {color:colorscheme};
  1025. background-color:#ffffff;
  1026. }
  1027.  
  1028. #about3{
  1029. position:absolute;
  1030. z-index:0;
  1031. top:0px;
  1032. float:left;
  1033. width:600px;
  1034. }
  1035.  
  1036. #abouttab3{
  1037. position:absolute;
  1038. top:149px;
  1039. right:10px;
  1040. width:55px;
  1041. height:55px;
  1042. border-radius:90px;
  1043. border:4px double {color:colorscheme};
  1044. background-color:{color:Background};
  1045. display: flex;
  1046. align-items: center;
  1047. justify-content: center;
  1048. font-size:12px;
  1049. color:{color:Text};
  1050. -webkit-transition: all 1s ease;
  1051. -moz-transition: all 1s ease;
  1052. -o-transition: all 1s ease;
  1053. transition: all 1s ease;
  1054. }
  1055.  
  1056. #abouttab3:hover{
  1057. background-color:{color:background};
  1058. }
  1059.  
  1060. #aboutbox3{
  1061. position:absolute;
  1062. top:0px;
  1063. left:0px;
  1064. z-index:0;
  1065. width:470px;
  1066. height:180px;
  1067. overflow:auto;
  1068. padding:20px;
  1069. border:4px double {color:colorscheme};
  1070. background-color:{color:background};
  1071. text-align:justify;
  1072. font-size:11px;
  1073. color:{color:Text};
  1074. }
  1075.  
  1076. #aboutbox3::-webkit-scrollbar {
  1077. width: 5px;
  1078. }
  1079.  
  1080. #aboutbox3::-webkit-scrollbar-track {
  1081. background-color:{color:background};
  1082. }
  1083.  
  1084. #aboutbox3::-webkit-scrollbar-thumb {
  1085. border-top:5px solid {color:colorscheme};
  1086. border-bottom:5px solid {color:colorscheme};
  1087. border-left:2px solid {color:colorscheme};
  1088. border-right:2px solid {color:colorscheme};
  1089. background-color:#ffffff;
  1090. }
  1091.  
  1092. h2 {
  1093. font-size:24px;
  1094. font-family: 'Alex Brush', cursive;
  1095. }
  1096.  
  1097.  
  1098. /*---------------------------------------------------------------------*/
  1099.  
  1100.  
  1101. /*----------------------------------
  1102.  
  1103. FOUR LITTLE TABBIES POPUP BY FELINETHEMES
  1104.  
  1105. -----------------------------------*/
  1106.  
  1107. #popuplinks{
  1108. position:fixed;
  1109. z-index:1000000;
  1110. width:440px;
  1111. height:240px;
  1112. left:50%;
  1113. top:50%;
  1114. transform:translate(-50%,-50%);
  1115. }
  1116.  
  1117. #tabby1{
  1118. position:relative;
  1119. z-index:1;
  1120. float:left;
  1121. }
  1122.  
  1123. #tab1{
  1124. position:absolute;
  1125. top:-5px;
  1126. left:13px;
  1127. width:85px;
  1128. padding:5px;
  1129. border-radius:2px;
  1130. border:4px double {color:colorscheme};
  1131. background-color:{color:background};
  1132. text-align:center;
  1133. font-size:15px;
  1134. color:{color:Text};
  1135. -webkit-transition: all 1s ease;
  1136. -moz-transition: all 1s ease;
  1137. -o-transition: all 1s ease;
  1138. transition: all 1s ease;
  1139. }
  1140.  
  1141. #tab1:hover{
  1142. background-color:{color:colorscheme};
  1143. color:{color:background};
  1144. }
  1145.  
  1146. #page1{
  1147. position:absolute;
  1148. padding:5px 0px 5px 0px;
  1149. top:30px;
  1150. z-index:0;
  1151. margin-top:0px;
  1152. width:430px;
  1153. border:4px double {color:colorscheme};
  1154. background-color:{color:background};
  1155. text-align:center;
  1156. }
  1157.  
  1158. #tabby2{
  1159. position:absolute;
  1160. z-index:0;
  1161. top:0px;
  1162. float:left;
  1163. }
  1164.  
  1165. #tab2{
  1166. position:absolute;
  1167. z-index:70;
  1168. top:-5px;
  1169. left:116px;
  1170. width:86px;
  1171. padding:5px;
  1172. border-radius:2px;
  1173. border:4px double {color:colorscheme};
  1174. background-color:{color:background};
  1175. text-align:center;
  1176. font-size:15px;
  1177. color:{color:Text};
  1178. -webkit-transition: all 1s ease;
  1179. -moz-transition: all 1s ease;
  1180. -o-transition: all 1s ease;
  1181. transition: all 1s ease;
  1182. }
  1183.  
  1184. #tab2:hover{
  1185. background-color:{color:colorscheme};
  1186. color:{color:background};
  1187. }
  1188.  
  1189. #page2{
  1190. position:absolute;
  1191. padding:5px 0px 5px 0px;
  1192. z-index:0;
  1193. top:30px;
  1194. width:430px;
  1195. border:4px double {color:colorscheme};
  1196. background-color:{color:background};
  1197. text-align:center;
  1198. color:{color:Text};
  1199. }
  1200.  
  1201. #tabby3{
  1202. position:absolute;
  1203. z-index:0;
  1204. top:0px;
  1205. float:left;
  1206. }
  1207.  
  1208. #tab3{
  1209. position:absolute;
  1210. z-index:70;
  1211. top:-5px;
  1212. left:220px;
  1213. width:85px;
  1214. padding:5px;
  1215. border-radius:2px;
  1216. border:4px double {color:colorscheme};
  1217. background-color:{color:background};
  1218. text-align:center;
  1219. font-size:15px;
  1220. color:{color:Text};
  1221. -webkit-transition: all 1s ease;
  1222. -moz-transition: all 1s ease;
  1223. -o-transition: all 1s ease;
  1224. transition: all 1s ease;
  1225. }
  1226.  
  1227. #tab3:hover{
  1228. background-color:{color:colorscheme};
  1229. color:{color:background};
  1230. }
  1231.  
  1232.  
  1233. #page3{
  1234. position:absolute;
  1235. padding:5px 0px 5px 0px;
  1236. z-index:0;
  1237. top:30px;
  1238. width:430px;
  1239. border:4px double {color:colorscheme};
  1240. background-color:{color:Background};
  1241. text-align:center;
  1242. }
  1243.  
  1244. #tabby4{
  1245. position:absolute;
  1246. z-index:0;
  1247. top:0px;
  1248. float:left;
  1249. }
  1250.  
  1251. #tab4{
  1252. position:absolute;
  1253. z-index:70;
  1254. top:-5px;
  1255. left:323px;
  1256. width:85px;
  1257. padding:5px;
  1258. border-radius:2px;
  1259. border:4px double {color:colorscheme};
  1260. background-color:{color:background};
  1261. text-align:center;
  1262. font-size:15px;
  1263. color:{color:Text};
  1264. -webkit-transition: all 1s ease;
  1265. -moz-transition: all 1s ease;
  1266. -o-transition: all 1s ease;
  1267. transition: all 1s ease;
  1268. }
  1269.  
  1270. #tab4:hover{
  1271. background-color:{color:colorscheme};
  1272. color:{color:background};
  1273. }
  1274.  
  1275.  
  1276. #page4{
  1277. position:absolute;
  1278. padding:5px 0px 5px 0px;
  1279. z-index:0;
  1280. top:30px;
  1281. width:430px;
  1282. border:4px double {color:colorscheme};
  1283. background-color:{color:background};
  1284. text-align:center;
  1285. }
  1286.  
  1287. #linkscol1{
  1288. margin-top:10px;
  1289. margin-bottom:10px;
  1290. margin-left:15px;
  1291. width:130px;
  1292. }
  1293.  
  1294. #linkscol2{
  1295. position:absolute;
  1296. top:10px;
  1297. bottom:10px;
  1298. left:150px;
  1299. width:130px;
  1300. }
  1301.  
  1302. #linkscol3{
  1303. position:absolute;
  1304. top:10px;
  1305. bottom:10px;
  1306. right:15px;
  1307. width:130px;
  1308. }
  1309.  
  1310. #popuplink{
  1311. margin-top:5px;
  1312. margin-bottom:5px;
  1313. padding:10px;
  1314. border:4px double {color:colorscheme};
  1315. background-color:{color:background};
  1316. font-size:12px;
  1317. color:{color:Text};
  1318. -webkit-transition: all 1s ease;
  1319. -moz-transition: all 1s ease;
  1320. -o-transition: all 1s ease;
  1321. transition: all 1s ease;
  1322. }
  1323.  
  1324. #popuplink:hover{
  1325. background-color:{color:colorscheme};
  1326. color:{color:background};
  1327. }
  1328.  
  1329. /*---------------------------------------------------------------------*/
  1330.  
  1331. /*-------------------------------DISCLAIMER----------------------------*/
  1332.  
  1333. #disclaimer{
  1334. width:400px;
  1335. height:auto;
  1336. padding:10px;
  1337. font-size:12px;
  1338. line-height:20px;
  1339. }
  1340.  
  1341. .disclaimtitle{
  1342. font-family:'Alex Brush', cursive;
  1343. letter-spacing:none;
  1344. font-size:30px;
  1345. text-align:center;
  1346. color:{color:colorscheme};
  1347. }
  1348. /*-------------------------------DISCLAIMER----------------------------*/
  1349.  
  1350.  
  1351.  
  1352.  
  1353.  
  1354.  
  1355. ::-webkit-scrollbar-thumb{
  1356. background-color: {color:link};
  1357. border: 1px solid {color:background};
  1358. height:auto;
  1359. -moz-border-radius: 10px;
  1360. border-radius: 10px;
  1361. }
  1362.  
  1363. ::-webkit-scrollbar {
  1364. height:auto;
  1365. width:5px;
  1366. background-color: {color:colorscheme};
  1367. border: 2px solid {color:background};
  1368. }
  1369.  
  1370. html, body, a, a:hover {cursor: url('http://33.media.tumblr.com/tumblr_lqs4qdUu8n1qfoi4t.png'), progress;}
  1371.  
  1372. #s-m-t-tooltip {
  1373. max-width:300px;
  1374. padding:3px;
  1375. margin:20px 0px 0px 20px;
  1376. /* change the background color you can change it to transparent too*/
  1377. border:5px {color:colorscheme};
  1378. font-family: 'Muli', sans-serif;/* change the font */
  1379. font-size:11px; /* change the font size */
  1380. letter-spacing:.5px; /* change the letter spacing */
  1381. font-style: none;
  1382. border-radius: 0px;
  1383. text-transform:uppercase; /* can be none , lowercase or even uppercase!*/
  1384. color:white;
  1385.  
  1386. background-color: {color:colorscheme};/* change the text color */ z-index:999999999999999999999999999999999999; }
  1387.  
  1388. body{
  1389. color:{color:text};
  1390. font-family: 'Muli', sans-serif;
  1391. text-transform:none;
  1392. font-size: 11px;
  1393. line-height:14px;
  1394. letter-spacing:.5px;
  1395. {block:ifbackgroundimage}
  1396. background: url({image:background}); {/block:ifbackgroundimage}
  1397. {block:ifNotbackgroundimage}
  1398. background-color: {color:Background}; {/block:ifNotbackgroundimage}
  1399. background-attachment: fixed;
  1400. {block:ifcoverbackground}background-size:cover;{/block:ifcoverbackground}
  1401. {block:ifnotcovervackground} background-repeat: repeat;{/block:ifnotcovervackground}
  1402. text-align: justify;
  1403.  
  1404. }
  1405.  
  1406. /* What your entries are on*/
  1407. #post {
  1408. padding-top:40px;
  1409. height:auto;
  1410. width:725px;
  1411. margin-left:220px;
  1412. {block:PermalinkPage}
  1413. margin-left:220px;
  1414. width:420px;
  1415. {/block:PermalinkPage}
  1416.  
  1417. }
  1418.  
  1419. .title{
  1420. letter-spacing:.5px;
  1421. font-size: 14px;
  1422. line-height: 15px;
  1423. color:{color:text};
  1424. font-weight: normal;
  1425. font-style: italic;
  1426. }
  1427.  
  1428. .titlequote{
  1429. letter-spacing:.5px;
  1430. font-size: 14px;
  1431. line-height: 15px;
  1432. color:{color:text};
  1433. font-weight: normal;
  1434. font-style: italic;
  1435. }
  1436.  
  1437. /* Links */
  1438.  
  1439. a:link, a:active, a:visited{
  1440. color:{color:link};
  1441. text-decoration: none;
  1442. -webkit-transition: color 0.4s ease-out;
  1443. -moz-transition: color 0.4s ease-out;
  1444. }
  1445.  
  1446. a:hover{
  1447. color:{color:link hover};
  1448. text-decoration:none;
  1449. -webkit-transition: color 0.4s ease-out;
  1450. -moz-transition: color 0.4s ease-out;
  1451. }
  1452.  
  1453.  
  1454. /* Entries */
  1455.  
  1456. #entry {
  1457. padding:13px;
  1458. float:left;
  1459. text-align: justify;
  1460. background-color: white;
  1461. border-radius:0px;
  1462. border:1px solid {color:colorscheme};
  1463. {block:IndexPage}
  1464. width:250px;
  1465. margin:20px;
  1466. {/block:IndexPage}
  1467. {block:PermalinkPage}
  1468. width:500px;
  1469. height:auto;
  1470. margin:25px;
  1471. float:left;
  1472. text-align: justify;
  1473. {/block:PermalinkPage}
  1474. }
  1475.  
  1476. #entry img:hover{
  1477. -webkit-filter: grayscale(30%);
  1478. -webkit-transition: 0.8s ease-in; >-moz-transition: 1s ease-in; transition: 1s ease-in;
  1479. }
  1480.  
  1481. #entry img{
  1482. max-width:100%;
  1483. max-height:100%;
  1484. -webkit-transition: 0.8s ease-in; >-moz-transition: 1s ease-in; transition: 1s ease-in;
  1485. }
  1486.  
  1487. .txtnotes{
  1488. border-top:1px solid {color:colorscheme};
  1489. padding-left:4px;
  1490. padding-top:4px;
  1491. padding-right:4px;
  1492. padding-bottom:4px;
  1493. text-align:right;
  1494. font-size:14px;
  1495. text-decoration: none;
  1496. opacity:1;
  1497. -webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;transition: all 0.3s ease-out;
  1498. }
  1499.  
  1500. .txtnotes a{
  1501. letter-spacing:.5px;
  1502. padding-right:3px;
  1503. padding-left:3px;
  1504. color:{color:link};
  1505. }
  1506.  
  1507. #popheader{
  1508. font-family: 'Parisienne', cursive;
  1509. font-size:22px;
  1510. letter-spacing:1px;
  1511. color: {color:link};
  1512. text-align:center;
  1513. line-height:20px;
  1514. text-transform:none;
  1515. }
  1516.  
  1517. #popheader:hover{
  1518. text-transform:none;
  1519. color: {color:text};
  1520. -webkit-transition: color 0.4s ease-out;
  1521. -moz-transition: color 0.4s ease-out;
  1522. }
  1523.  
  1524.  
  1525. .perm1 a{
  1526. float:center;
  1527. display:inline-block;
  1528. font-size:20px;
  1529. border-radius:0%;
  1530. background-color:{color:colorscheme};
  1531. color:white;
  1532. padding:7px;
  1533. border-radius:0%;
  1534. }
  1535. .perm1 {
  1536. text-align:center;
  1537. float:center;
  1538. opacity:0;
  1539. border:1px solid white;
  1540. top:20px;
  1541. right:65px;
  1542. position: absolute;
  1543. margin-top:0px;
  1544. display:block;
  1545. width:35px;
  1546. height:34px;
  1547. border-radius:0%;
  1548. -webkit-transition: opacity 0.6s linear;
  1549. }
  1550. #entry:hover .perm1 {
  1551. float:center;
  1552. opacity:1;
  1553. z-index:99999999999999999999;
  1554. border-radius:0%;
  1555. -webkit-transition: opacity 0.6s linear;
  1556. }
  1557.  
  1558.  
  1559. .perm2 a{
  1560. float:center;
  1561. display:inline-block;
  1562. border-radius:0%;
  1563. font-size:20px;
  1564. background-color:{color:colorscheme};
  1565. color:white;
  1566. padding:7px;
  1567. border-radius:0%;
  1568. }
  1569. .perm2 {
  1570. text-align:center;
  1571. float:center;
  1572. opacity:0;
  1573. border:1px solid white;
  1574. top:20px;
  1575. right:20px;
  1576. position: absolute;
  1577. margin-top:0px;
  1578. display:block;
  1579. width:36px;
  1580. height:34px;
  1581. border-radius:0%;
  1582. -webkit-transition: opacity 0.8s linear;
  1583. }
  1584. #entry:hover .perm2 {
  1585. float:center;
  1586. opacity:1;
  1587. z-index:99999999999999999999;
  1588. border-radius:0%;
  1589. -webkit-transition: opacity 0.8s linear;
  1590. }
  1591.  
  1592. #audio {width:250px;height:auto;min-height:60px;padding-bottom:0px;}
  1593. .cover {position:absolute;z-index:1;width:60px;height:60px;margin-left:0px;
  1594. margin-top:0px;}#entry:hover .cover img{-webkit-transform:scale(1);}
  1595. .cover img {float:left;width:40px;padding:10px;background:{color:link};
  1596. height:40px;border:1px solid #fff;-webkit-transform:scale(1);}
  1597. .playbox {opacity:0;width:27px;height:30px;overflow:hidden;position:absolute;
  1598. z-index:1000;margin-left:16px;margin-top:18px;text-align:center;-webkit-transition:all 0.7s ease-out;}
  1599. #entry:hover .playbox{opacity:.6;}
  1600. .song {background:{color:link};margin-left:60px;margin-top:0px;color:white;
  1601. padding:10px;text-align:center;width:170px;font-size:13px;letter-spacing:1px;
  1602. font-family:'Muli', sans-serif;text-transform:none;line-height:14px;
  1603. border:1px solid #fff;height:40px;{block:Permalinkpage}width:420px;{/block:Permalinkpage}}
  1604. .art {background:{color:link};margin-left:0px;margin-top:-1px;color:white;
  1605. padding:10px;width:230px;text-align:Center;font-size:10px;border:1px solid #fff;letter-spacing:4px;text-transform:none;font-family:'Muli', sans-serif;line-height:14px;{block:Permalinkpage}width:480px;{/block:Permalinkpage}}
  1606.  
  1607.  
  1608.  
  1609. #cb{
  1610. position:fixed;
  1611. top:0px;
  1612. left:0px;
  1613. width:100%;
  1614. height:40px;
  1615. /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1e5799+0,ffffff+100 */
  1616. background: {color:colorscheme}; /* Old browsers */
  1617. z-index:999999;
  1618. }
  1619.  
  1620. #cba{
  1621. position:fixed;
  1622. top:0px;
  1623. left:0px;
  1624. width:26px;
  1625. height:100%;
  1626. /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1e5799+0,ffffff+100 */
  1627. background: {color:colorscheme}; /* Old browsers */
  1628. z-index:999999;
  1629. }
  1630.  
  1631.  
  1632.  
  1633.  
  1634. /* Sidebar*/
  1635.  
  1636. .sidebar{
  1637. margin-left:0px;
  1638. float:left;
  1639. left:100px;
  1640. width:202px;
  1641. top:125px;
  1642. font-size:10px;
  1643. height:auto;
  1644. position:fixed;
  1645. padding-top:7px;
  1646. line-height:14px;
  1647. padding:15px;
  1648. text-align:center;
  1649. background-color: transparent;
  1650. z-index:9999999;
  1651. }
  1652.  
  1653.  
  1654. .sidetitle{
  1655. font-family: 'Parisienne', cursive;
  1656. font-size:40px;
  1657. color:{color:colorscheme};
  1658. text-align:center;
  1659. margin-left:0px;
  1660. line-height:50px;
  1661. letter-spacing:none;
  1662. text-transform:none;
  1663. z-index:9999;
  1664. background-color:transparent;
  1665. }
  1666.  
  1667. .sidedescription{
  1668. margin-top:-3px;
  1669. position:relative;
  1670. opacity:1;
  1671. height:auto;
  1672. line-height:14px;
  1673. letter-spacing:.5px;
  1674. border:4px double {color:colorscheme};
  1675. padding:18px;
  1676. text-align:center;
  1677. color:{color:text};
  1678. -webkit-transition: all 0.8s ease;
  1679. -moz-transition: all 0.8s ease;
  1680. -o-transition: all 0.8s ease;
  1681. transition: all 0.8s ease;
  1682. }
  1683.  
  1684. .linkzz{
  1685. margin-top:5px;
  1686. margin-left:35px;
  1687. padding:0px;
  1688. text-align:left;
  1689. background-color:transparent;
  1690. border:0px solid {color:colorscheme};
  1691. }
  1692.  
  1693.  
  1694. .linkzz a{
  1695. text-transform:none;
  1696. color: white;
  1697. background-color:{color:colorscheme};
  1698. border:1px solid {color:colorscheme};
  1699. padding:10px;
  1700. margin-left:-5px;
  1701. line-height:26px;
  1702. letter-spacing:.5px;
  1703. -webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;transition: all 0.3s ease-out;
  1704. }
  1705.  
  1706.  
  1707.  
  1708. .linkzz a:hover{
  1709. background-color: {color:colorscheme};
  1710. letter-spacing:.5px;
  1711. text-decoration:normal;
  1712. -webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;transition: all 0.3s ease-out;
  1713. }
  1714.  
  1715.  
  1716. #questionpam{
  1717. max-width:100%;
  1718. padding:10px;
  1719. color:{color:text};
  1720. font-size:10px;
  1721. color:white;
  1722. background-color:{color:colorscheme};
  1723. }
  1724.  
  1725. #askerpam img{vertical-align:center;
  1726. float:left;
  1727. max-height:15px;
  1728. margin-left: 20px;
  1729. margin-right: 5px;
  1730. -webkit-border-radius: 60px 0px 60px 60px;
  1731. -moz-border-radius: 60px 0px 60px 60px;
  1732. border-radius: 60px 0px 60px 60px;
  1733. }
  1734.  
  1735. #setapam {
  1736. margin-top:-0px;
  1737. margin-left:18px;
  1738. width: 0;
  1739. height: 0;
  1740. border-top: 10px solid {color:colorscheme};
  1741. border-left: 11px solid transparent;}
  1742.  
  1743. .pagination {
  1744. display: none;
  1745. }
  1746.  
  1747. blockquote {
  1748. border-left: solid 1px {color:link};
  1749. border-radius:0px;
  1750. margin:0 0 1.6em 0.8em;
  1751. padding:0.1em 0.6em 0.1em 0.6em;
  1752. }
  1753.  
  1754. p { margin-bottom:6px; }
  1755.  
  1756. #center{
  1757. width:1000px;
  1758. height:auto;
  1759. margin-left:auto;
  1760. margin-right:auto;
  1761. background-color:transparent;
  1762. }
  1763.  
  1764. {CustomCSS}
  1765.  
  1766. </style>
  1767. <!--I reccommend not touching any ofthis unless you don't want infinite scroll!-->
  1768. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
  1769.  
  1770. <script src="http://static.tumblr.com/6hsqxdt/vmwm2rb4g/infinitescrolling.js"></script><script src="http://static.tumblr.com/6hsqxdt/QBym35odk/jquery.masonry.js"></script>
  1771.  
  1772. <script>
  1773. $(function(){
  1774. var $container = $('#post');
  1775. $container.imagesLoaded(function(){
  1776. $container.masonry({
  1777. itemSelector: '#entry',
  1778. });
  1779. });
  1780. $container.infinitescroll({
  1781. itemSelector : "#entry",
  1782. navSelector : "div.pagination",
  1783. nextSelector : ".pagination a#next",
  1784. loadingImg : "",
  1785. loadingText : "<em></em>",
  1786. bufferPx : 10000,
  1787. extraScrollPx: 12000,
  1788. },
  1789. // trigger Masonry as a callback
  1790. function( newElements ) {
  1791. var $newElems = $( newElements ).css({ opacity: 0 });
  1792. // ensure that images load before adding to masonry layout
  1793. $newElems.imagesLoaded(function(){
  1794. $newElems.animate({ opacity: 1 });
  1795. $container.masonry( 'appended', $newElems, true );
  1796. });
  1797. }
  1798. );
  1799. });
  1800. </script>
  1801.  
  1802. </head>
  1803.  
  1804.  
  1805.  
  1806. <body>
  1807.  
  1808. <BODY onselectstart="return false;" ondragstart="return false;">
  1809.  
  1810. <div id="center">
  1811.  
  1812. <!--Sidebar-->
  1813.  
  1814. <div class="sidebar">
  1815. <div class="sidetitle">{text:blogtitle}</div>
  1816.  
  1817. <div class="sidedescription">{description}</div>
  1818. </div>
  1819.  
  1820. <div id="cb">
  1821. <div class="linkzz">
  1822. <div class="list-group">
  1823. <a href="/"><i class="fa fa-refresh fa-fw" aria-hidden="true"></i>&nbsp; {text:link1title}</a>
  1824. <a href="#?w=auto" rel="box1" class="poplight"><i class="fa fa-paper-plane-o" aria-hidden="true"></i>&nbsp; {text:link2title}</a>
  1825. <a href="#?w=auto" rel="box2" class="poplight"><i class="fa fa-bars" aria-hidden="true"></i>&nbsp; {text:link3title}</a>
  1826.  
  1827. <a href="#?w=auto" rel="box3" class="poplight"><i class="fa fa-diamond" aria-hidden="true"></i>&nbsp; {text:link4title}</a>
  1828.  
  1829. <a href="{text:link5}"><i class="fa fa-folder-open-o" aria-hidden="true"></i>&nbsp; {text:link5title}</a>
  1830. <!--DO NOT REMOVE--><a href="http://keythemes.tumblr.com/" target="_blank" style="margin-left:-10px"><i class="fa fa-code" aria-hidden="true"></i>&nbsp; Theme</a><!--DO NOT REMOVE-->
  1831. </div>
  1832. </div>
  1833. </div>
  1834. <div id="cba"></div>
  1835.  
  1836. <!--Posts and entries-->
  1837. <div class="content">
  1838.  
  1839. <div id="post">
  1840.  
  1841. {block:Posts}
  1842.  
  1843. {block:ContentSource}
  1844.  
  1845. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}" width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}
  1846.  
  1847. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  1848.  
  1849. {/block:ContentSource}{block:ReblogParent}{/block:ReblogParent}
  1850.  
  1851. <div id="entry">
  1852.  
  1853. {block:Answer}
  1854. <div id="questionpam">{Question}</div>
  1855. <div id="setapam"></div>
  1856. <br>
  1857. <div id="askerpam"><img src="{AskerPortraitURL-24}">{Asker}</div>
  1858. <div style="font-size:10px;line-height:14px;text-align:left;"><i>{Answer}</i>
  1859. </div>
  1860.  
  1861.  
  1862. {block:indexpage}<br><div class="txtnotes">
  1863. <a href="{permalink}" title="{notecountwithlabel}"><i class="fa fa-comments-o"></i> </a> <a href="{ReblogURL}" title="Reblog"><i class="fa fa-retweet"></i></a></div>
  1864. {/block:indexpage}
  1865. {/block:Answer}
  1866.  
  1867.  
  1868. {block:Text}
  1869. {block:Title}<span class="title">{Title}<br></span>{/block:Title}
  1870. {Body}
  1871. {block:indexpage}<br><div class="txtnotes">
  1872. <a href="{permalink}" title="{notecountwithlabel}"><i class="fa fa-comments-o"></i></a> <a href="{ReblogURL}" title="Reblog"><i class="fa fa-retweet"></i></a></div>
  1873. {/block:indexpage}
  1874. {/block:Text}
  1875.  
  1876. {block:Link}
  1877. <a href="{URL}" class="title">{Name}</a><br>
  1878. {block:Description}{Description}{/block:Description}
  1879. {block:indexpage}<br><div class="txtnotes">
  1880. <a href="{permalink}" title="{notecountwithlabel}"><i class="fa fa-comments-o"></i> </a> <a href="{ReblogURL}" title="Reblog"><i class="fa fa-retweet"></i>
  1881. </a></div>
  1882. {/block:indexpage}
  1883. {/block:Link}
  1884.  
  1885. {block:Photo}
  1886. <center>
  1887. <a href="{Permalink}"><img src="{PhotoURL-HighRes}" width="100%"></a></center>
  1888. {block:ifcaption}{block:caption}{caption}{/block:caption}{/block:ifcaption}
  1889. {block:indexpage}
  1890. <div class="perm1"> <a title="{notecountwithlabel}" href="{permalink}"><i class="fa fa-comments-o"></i></a></div>
  1891. <div class="perm2"> <a title="reblog this" href="{reblogurl}"><i class="fa fa-retweet"></i></a></div>
  1892. {/block:indexpage}
  1893. {/block:Photo}
  1894.  
  1895. {block:Photoset}
  1896. {block:indexpage}
  1897. {Photoset-250}
  1898. {block:ifcaption}{block:caption}{caption}{/block:caption}{/block:ifcaption}
  1899. <div class="perm1"> <a title="{notecountwithlabel}" href="{permalink}"><i class="fa fa-comments-o"></i></a></div>
  1900. <div class="perm2"> <a title="reblog this" href="{reblogurl}"><i class="fa fa-retweet"></i></a></div>
  1901. {/block:indexpage}
  1902. {block:permalinkpage}
  1903. <div style="width: 500px; overflow-x:hidden;overflow-y:hidden;">{photoset-500}</div>
  1904. {block:permalinkpage}
  1905. {/block:Photoset}
  1906.  
  1907. {block:Quote}
  1908. <div class="titlequote">{Quote}</div>
  1909.  
  1910. {block:Source}<div class="source"><br><div style="text-align:right; color:{color:text}; line-height:13px;">- {Source}</div></div>{/block:Source}<br>
  1911. {block:indexpage}<br><div class="txtnotes">
  1912. <a href="{permalink}" title="{notecountwithlabel}"><i class="fa fa-comments-o"></i> </a> <a href="{ReblogURL}" title="Reblog"><i class="fa fa-retweet"></i></a></div>
  1913. {/block:indexpage}
  1914. {/block:Quote}
  1915.  
  1916. {block:Chat}
  1917. {block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}
  1918. {block:indexpage}<br><div class="txtnotes">
  1919. <a href="{permalink}" title="{TimeAgo}"><i class="fa fa-clock-o"></i></a> <a href="{permalink}"> {notecountwithlabel}</a> <a href="{ReblogURL}" title="Reblog"><i class="fa fa-retweet"></i></a></div>
  1920. {/block:indexpage}
  1921. {/block:Chat}
  1922.  
  1923. {block:Audio}
  1924. <div id="audio"><div class="cover"><img src="http://static.tumblr.com/k9utpfa/tcom8wpif/default_cover_m.jpg"></div>
  1925. {block:AlbumArt}
  1926. <div class="cover"><img src="{AlbumArtURL}"></div>{/block:AlbumArt}
  1927. <div class="playbox">
  1928. {block:AudioPlayer}{AudioPlayerWhite}{/block:AudioPlayer}</div>
  1929. <div class="song">
  1930. <div style="margin-top:15px">
  1931. <span{block:TrackName} style="display:none;"{/block:TrackName}>Unknown</span>
  1932. {block:TrackName}{TrackName}{/block:TrackName}</div>
  1933. </div>
  1934. </div>
  1935. <div class="art"><span{block:Artist} style="display:none;"{/block:Artist}>Unknown</span>{block:Artist}{Artist}{/block:Artist}</div>
  1936. {block:indexpage}<br><div class="txtnotes">
  1937. <a href="{permalink}" title="{notecountwithlabel}"><i class="fa fa-comments-o"></i> </a> <a href="{ReblogURL}" title="Reblog"><i class="fa fa-retweet"></i></a></div>
  1938. {/block:indexpage}
  1939. {/block:Audio}
  1940.  
  1941. {block:Video}
  1942. <center>
  1943. <center>{Video-250}</center>
  1944. </center>
  1945. {block:indexpage}<br><div class="txtnotes">
  1946. <a href="{permalink}">{TimeAgo}</a> <a href="{permalink}" title="{notecountwithlabel}"><i class="fa fa-comments-o"></i> </a> <a href="{ReblogURL}" title="Reblog"><i class="fa fa-retweet"></i></a></div>
  1947. {/block:indexpage}
  1948. {block:Video}
  1949.  
  1950. {block:PermalinkPage}
  1951.  
  1952. {block:Caption}<br>{Caption}{/block:Caption}
  1953. <br><br>
  1954. {block:Date}Posted: {TimeAgo} on {Month} {DayOfMonth}{DayOfMonthSuffix} {Year}{/block:Date}
  1955. {block:NoteCount}<br>This post has: {NoteCountWithLabel}{/block:NoteCount}
  1956. {block:HasTags}<br>Tagged with:{block:Tags}<a href="TagURL"> #{Tag}</a> {/block:Tags}{/block:hasTags}<br>
  1957.  
  1958. {/block:PermalinkPage}
  1959.  
  1960. {block:PostNotes}
  1961. <div style="width:auto; max-height:200px; overflow:auto;">{PostNotes-16}</div>
  1962. {/block:PostNotes}
  1963. </div>
  1964.  
  1965.  
  1966.  
  1967. {/block:Posts}
  1968.  
  1969. </div>
  1970. <!--Pagination-->
  1971. <div class="pagination">
  1972. {block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">previous</a> &middot;{/block:PreviousPage} {block:NextPage}<a href="{NextPage}" id="next">next</a>{/block:NextPage}{/block:Pagination}
  1973. </div>
  1974.  
  1975. </div>
  1976. <!--DO NOT REMOVE-->
  1977. <div style="bottom:15px;right:15px;position:fixed;font-size:8px;"><a href="http://keythemes.tumblr.com/"><img title="@keythemes" style="width:25px; height:25px" src="https://d30y9cdsu7xlg0.cloudfront.net/png/188844-200.png"/></a></div>
  1978. <!--DO NOT REMOVE-->
  1979.  
  1980. </body>
  1981. <div id="box1" class="popup_block">
  1982. <div id="askblock">
  1983.  
  1984. <div id="faskinfo">
  1985.  
  1986. <div id="fasktitles">
  1987. <div class="fasktitles">
  1988. <div id="faskdeco"><i class="pe-7s-check"></i></div>
  1989. I Will
  1990. </div>
  1991. </div>
  1992.  
  1993. <div id="infos">
  1994. <p>Check out your blog </p>
  1995.  
  1996. <p>Vote for you [MBF]</p>
  1997.  
  1998. <p>Do Q4Q, but please:</p>
  1999.  
  2000. <p>Give blog/personal advice</p>
  2001.  
  2002. <p>Be your friend :D</p>
  2003.  
  2004. <p>Reblog your posts</p>
  2005.  
  2006. </div>
  2007.  
  2008.  
  2009.  
  2010. <div id="fasktitles">
  2011. <div class="fasktitles">
  2012. <div id="faskdeco"><i class="pe-7s-close-circle"></i></div>
  2013. I Won't
  2014. </div>
  2015. </div>
  2016.  
  2017.  
  2018. <div id="infos">
  2019. <p>Follow/promo on demand</p>
  2020.  
  2021. <p>Follow/promo on request</p>
  2022.  
  2023. <p>Click Your Ads</p>
  2024.  
  2025. <p>Respond to Hate </p>
  2026.  
  2027. </div>
  2028.  
  2029.  
  2030. <div id="fasktitles">
  2031. <div class="fasktitles">
  2032. <div id="faskdeco"><i class="pe-7s-delete-user"></i></div>
  2033. Unfollowed because
  2034. </div>
  2035. </div>
  2036.  
  2037.  
  2038. <div id="infos">
  2039. <p>You unfollowed first </p>
  2040.  
  2041. <p>You were rude to me or your followers </p>
  2042.  
  2043. <p>You did something annoying </p>
  2044.  
  2045. <p>One of us changed blogstyles </p>
  2046.  
  2047. <p>Inactivity for 5+ days </li>
  2048.  
  2049.  
  2050. </div>
  2051.  
  2052.  
  2053. <div id="fasktitles">
  2054. <div class="fasktitles">
  2055. <div id="faskdeco"><i class="pe-7s-info"></i></div>
  2056. Other Info
  2057. </div>
  2058. </div>
  2059.  
  2060.  
  2061. <div id="infos">
  2062.  
  2063. <p>Credits for this blog makeover are in my updates tab!</p>
  2064.  
  2065. <p>I'm Asian and ususally have snapchat filters so if it's a low quality photo of what i explained then consider it me haha </p>
  2066.  
  2067. <p>Tracking <a href="http://tumblr.com/search/soulfhully">#soulfhully</a></p>
  2068.  
  2069. <p>Shiraz loves Roman Reigns </p>
  2070.  
  2071. </div>
  2072.  
  2073. </div>
  2074.  
  2075.  
  2076.  
  2077. <div id="faskcol2">
  2078.  
  2079. <div id="faqs">
  2080. <div id="faqhead">Frequently Asked</div>
  2081.  
  2082. <b>Check out other social media websites?</b><br>
  2083. Of course! You can submit me a <u>direct</u> link to your social media and I'll definitely check it out! I don't have twitter though, sorry!
  2084.  
  2085. <br><br>
  2086.  
  2087. <b>Can I speak to you one-on-one?</b><br>
  2088. That's totally fine. Make sure to inform me through inbox first because only blogs <i>I</i> follow can message first. Also, if I feel the need to speak off anon to someone, I encourage you not to be shy. However--note to users--I can differentiate between users and people who actually need my help.
  2089.  
  2090. <br><br>
  2091.  
  2092. <b>Is everything custom?</b>
  2093. Nope! As a matter of fact, you can check out the credits in the navigation of my theme! However, I will state that my "Fask" and "About" popup were given to me by a close friend and aren't available for public use until she makes a public version of it. Best of luck!
  2094.  
  2095. <br><br>
  2096.  
  2097. <b>Do you have any codes?</b>
  2098. I'm actually in the process of learning how to code, and eventually intend on making my own themes very soon! You can check out <a href="https://dash.generalassemb.ly/tumblr">this</a> website if you're interested in learning!
  2099.  
  2100. <br><br>
  2101.  
  2102. <b>How long do you plan on being on tumblr?</b>
  2103. Good question! Well, I had many tumblrs in the past that failed, and this is my most successful one [since December 11, 2016 hehe]. However, due to school and life offline, I'm not gonna be as active as I've been during the holiday seasons/summmer vacation. The more older I get, the more busy I'll be! Feel free to message me though, and sorry for any future late responses!
  2104.  
  2105. </div>
  2106.  
  2107.  
  2108. <div id="ask">
  2109. <!------------------------------Ask Form-------------------------------->
  2110. <iframe frameborder="0" scrolling="yes" width="100%" height="190" src="http://www.tumblr.com/ask_form/{Name}.tumblr.com" style="background-color:transparent; overflow:hidden;" id="ask_form"></iframe>
  2111. <!---------------------------------------------------------------------->
  2112. </div>
  2113.  
  2114.  
  2115. <div id="submit">
  2116. <div id="submittitle"><div class="submittitle">Hover to submit mail!</div></div>
  2117. <div id="submitbox">
  2118. <!------------------------------Submit----------------------------------> <iframe id="submit_form" src="http://www.tumblr.com/submit_form/{Name}.tumblr.com" frameborder="0" height="410px" scrolling="no" width="100%"></iframe><!--[if IE]><script type="text/javascript">document.getElementById('submit_form').allowTransparency=true;</script><![endif]-->
  2119. <!----------------------------------------------------------------------> </div>
  2120. </div>
  2121. </div>
  2122. </div>
  2123.  
  2124. </div>
  2125. <!---------------------------------------------------------------------->
  2126. </div></div></div></div></div></div></div></div></div></div></div>
  2127.  
  2128. <div id="box2" class="popup_block">
  2129.  
  2130. <!----------------------------------------------------------------------
  2131.  
  2132. FELINES THEMES : Four Little Tabbies [Links Popup]
  2133.  
  2134. ***Important Notice***
  2135.  
  2136. The font of this popup will change depending on the 'body' font of your theme. If no theme is listed for body, you will need to put the font-family there so you won't need to put it in each individual div in this popup.
  2137.  
  2138. Feel free to change the color arrangement and small stuff like that. Remember to change the color scheme to your themes meta colors to match your theme (if you want I mean).
  2139.  
  2140. Color codes included are:
  2141.  
  2142. - #e0c1b4
  2143. - #d4d1c3
  2144. - #9d9d9a
  2145.  
  2146. I included 4 tabs for you to divide your links up into. If you know how to add more working tabs and want to add them, you may, but please don't ask me how to add them. But if you need any other help please let me know!
  2147.  
  2148.  
  2149. © Feline Themes
  2150. ----------------------------------------------------------------------->
  2151.  
  2152.  
  2153. <div id="popuplinks">
  2154.  
  2155. <div id="tabby1" onClick="document.getElementById('tabby1').style.zIndex='110'; document.getElementById('tabby2').style.zIndex='0'; document.GetElementById('tabby3').style.zIndex='0'; document.getElementById('tabby4').style.zIndex='0'">
  2156. <div id="tab1"><div class="tab1">Blog</div></div>
  2157. <div id="page1">
  2158. <div id="linkscol1">
  2159. <a href="/submit" target="blank"><div id="popuplink">Submit</div></a>
  2160.  
  2161. <a href="#?w=auto" rel="box4" class="poplight" target="blank"><div id="popuplink">Blogroll</div></a>
  2162.  
  2163. <a href="#?w=auto" rel="box5" class="poplight" target="blank"><div id="popuplink">Honours</div></a>
  2164. </div>
  2165.  
  2166.  
  2167.  
  2168. <div id="linkscol2">
  2169.  
  2170. <a href="/favourites" target="blank"><div id="popuplink">Faves</div></a>
  2171.  
  2172. <a href="/awardatory" target="blank"><div id="popuplink">Awardatory</div></a>
  2173.  
  2174. <a href="/botmarchive" target="blank"><div id="popuplink">BOTMs</div></a>
  2175. </div>
  2176.  
  2177. <div id="linkscol3">
  2178. <a href="/saved" target="blank"><div id="popuplink">Saved URLs</div></a>
  2179.  
  2180. <a href="/qgroup" target="blank"><div id="popuplink">Queue Group</div></a>
  2181.  
  2182. <a href="#?w=auto" rel="box6" class="poplight" target="blank"><div id="popuplink">disclaimer</div></a>
  2183. </div>
  2184. </div>
  2185. </div>
  2186.  
  2187.  
  2188.  
  2189.  
  2190. <div id="tabby2" onClick="document.getElementById('tabby2').style.zIndex='100'; document.getElementById('tabby1').style.zIndex='0'; document.getElementById('tabby3').style.zIndex='0'; document.getElementById('tabby4').style.zIndex='0'">
  2191. <div id="tab2"><div class="tab2">Tags</div></div>
  2192. <div id="page2">
  2193. <div id="linkscol1">
  2194.  
  2195. <a href="/tagged/answered" target="blank"><div id="popuplink">Answered</div></a>
  2196.  
  2197. <a href="/tagged/promo" target="blank"><div id="popuplink">Promos</div></a>
  2198.  
  2199. <a href="/tagged/friend" target="blank"><div id="popuplink">Support</div></a>
  2200. </div>
  2201.  
  2202.  
  2203.  
  2204. <div id="linkscol2">
  2205. <a href="/tagged/apply" target="blank"><div id="popuplink">Hosting</div></a>
  2206.  
  2207. <a href="/tagged/winners" target="blank"><div id="popuplink">Winners</div></a>
  2208.  
  2209. <a href="/tagged/quotes" target="blank"><div id="popuplink">Quotes</div></a>
  2210.  
  2211. </div>
  2212.  
  2213. <div id="linkscol3">
  2214. <a href="/tagged/bff" target="blank"><div id="popuplink">BFF</div></a>
  2215.  
  2216. <a href="/tagged/couple+goals" target="blank"><div id="popuplink">Couple Goals</div></a>
  2217.  
  2218. <a href="/tagged/icon" target="blank"><div id="popuplink">Icons</div></a>
  2219. </div>
  2220. </div>
  2221. </div>
  2222.  
  2223.  
  2224. <div id="tabby3" onClick="document.getElementById('tabby3').style.zIndex='100'; document.getElementById('tabby1').style.zIndex='0'; document.getElementById('tabby2').style.zIndex='0'; document.getElementById('tabby4').style.zIndex='0'">
  2225. <div id="tab3"><div class="tab3">Social</div></div>
  2226. <div id="page3">
  2227. <div id="linkscol1">
  2228. <a href="http://instagram.com/elizaraenna" target="blank"><div id="popuplink">Instagram</div></a>
  2229.  
  2230. <a href="http://elizaraenna.vsco.com" target="blank"><div id="popuplink">VSCO</div></a>
  2231.  
  2232. <a href="http://facebook.com/elizaraenna" target="blank"><div id="popuplink">Facebook</div></a>
  2233. </div>
  2234.  
  2235.  
  2236.  
  2237. <div id="linkscol2">
  2238. <a href="http://pintrest.tumblr.com" target="blank"><div id="popuplink">Pintrest</div></a>
  2239.  
  2240. <a href="http://snapchat.com/add/lizzycandy" target="blank"><div id="popuplink">Snapchat</div></a>
  2241.  
  2242. <a href="https://soundcloud.com/elizaraenna" target="blank"><div id="popuplink">Soundcloud</div></a>
  2243. </div>
  2244.  
  2245. <div id="linkscol3">
  2246. <a href="http://fohxette.tumblr.com" target="blank"><div id="popuplink">Other Blog</div></a>
  2247.  
  2248. <a href="http://soulfhully-uploads.tumblr.com" target="blank"><div id="popuplink">Editor</div></a>
  2249.  
  2250. <a href="http://diamondthemes.tumblr.com" target="blank"><div id="popuplink">Themes</div></a>
  2251. </div>
  2252. </div>
  2253. </div>
  2254.  
  2255.  
  2256.  
  2257. <div id="tabby4" onClick="document.getElementById('tabby4').style.zIndex='100'; document.getElementById('tabby1').style.zIndex='0'; document.getElementById('tabby2').style.zIndex='0'; document.getElementById('tabby3').style.zIndex='0'">
  2258. <div id="tab4"><div class="tab4">Other</div></div>
  2259. <div id="page4">
  2260. <div id="linkscol1">
  2261. <a href="http://postlimit.com/index.php" target="blank"><div id="popuplink">Post Limit</div></a>
  2262.  
  2263. <a href="http://thequietplaceproject.com/thequietplace" target="blank"><div id="popuplink">Quiet Place</div></a>
  2264.  
  2265. <a href="https://29a.ch/sandbox/2011/neonflames/" target="blank"><div id="popuplink">Neon Flames</div></a>
  2266. </div>
  2267.  
  2268.  
  2269.  
  2270. <div id="linkscol2">
  2271. <a href="http://www.cse.unsw.edu.au/~geoffo/humour/flattery.html" target="blank"><div id="popuplink">Flattery</div></a>
  2272.  
  2273. <a href="http://htmlqueens.tumblr.com/" target="blank"><div id="popuplink">HTML help</div></a>
  2274.  
  2275. <a href="http://xlfdesigns.tumblr.com/" target="blank"><div id="popuplink">XLF Designs</div></a>
  2276. </div>
  2277.  
  2278.  
  2279. <div id="linkscol3">
  2280. <a href="http://makeoversbyazuher.tumblr.com/" target="blank"><div id="popuplink">Makeovers</div></a>
  2281.  
  2282. <a href="https://dash.generalassemb.ly/" target="blank"><div id="popuplink">Learn Code</div></a>
  2283.  
  2284. <a href="http://thisissand.com" target="blank"><div id="popuplink">Sand</div></a>
  2285. </div>
  2286.  
  2287. </div>
  2288. </div>
  2289.  
  2290. </div>
  2291. </div>
  2292. <!---------------------------------------------------------------------->
  2293.  
  2294. </div></div></div></div></div></div></div></div></div></div></div>
  2295.  
  2296. <div id="box3" class="popup_block">
  2297.  
  2298. <!----------------------------------------------------------------------
  2299.  
  2300. FELINES THEMES : Bubbly Personalities [About Popup]
  2301.  
  2302. ***Important Notice***
  2303.  
  2304. The font of this popup will change depending on the 'body' font of your theme. If no theme is listed for body, you will need to put the font-family there so you won't need to put it in each individual div in this popup.
  2305.  
  2306. Feel free to spice it up and give the quote and stuff like that it's own header, as well as change the color arrangement. Remember to change the color scheme to your themes meta colors to match your theme (if you want I mean).
  2307.  
  2308. Color codes included are:
  2309.  
  2310. - #e0c1b4
  2311. - #d4d1c3
  2312. - #9d9d9a
  2313.  
  2314.  
  2315. Social media buttons look best with 5 links, but if needed you can play with the socialbuttons div width and margins to make it look good with less.
  2316.  
  2317.  
  2318. I included 3 tabs for the bio section. If you know how to add more working tabs and want to add them, you may, but please don't ask me how to add them. But if you need any other help please let me know!
  2319.  
  2320.  
  2321. © Feline Themes
  2322. ----------------------------------------------------------------------->
  2323.  
  2324. <div id="aboutpopup">
  2325.  
  2326. <div id="picandsocial">
  2327.  
  2328. <div id="aboutpic"><img src="{Favicon}"></div>
  2329.  
  2330. <div id="socialbuttons">
  2331. <!----------
  2332.  
  2333. YOU WILL NEED FONT AWESOME INSTALLED IN YOUR THEME FOR ICONS TO SHOW UP
  2334.  
  2335. Feel free to change these up as you'd like to suit your needs. If you need the icon code for another site you can easily find it here:
  2336.  
  2337. http://fontawesome.io/icons/
  2338.  
  2339.  
  2340. * Not ALL social media sites out there have an icon, but many of them do. *
  2341.  
  2342. If you have a social site that's not listed on Font Awesome, you can always try to improvise for that icon. (As you can see this was done for WeHeartIt)
  2343.  
  2344. ---------->
  2345.  
  2346. <a href="http://twitter.com" title="Twitter" target="blank"><div class="social"><i class="fa fa-twitter"></i></div></a>
  2347.  
  2348. <a href="http://instagram.com/xaeliza" title="Instagram" target="blank"><div class="social"><i class="fa fa-instagram"></i></div></a>
  2349.  
  2350. <a href="http://facebook.com/elizaraenna" title="Facebook" target="blank"><div class="social"><i class="fa fa-facebook"></i></div></a>
  2351.  
  2352. <a href="http://snapchat.com/add/lizzycandy" title="SC USERNAME" target="blank"><div class="social"><i class="fa fa-snapchat-ghost"></i></div></a>
  2353.  
  2354. <a href="http://weheartit.com/fohxette" title="WeHeartIt" target="blank"><div class="social"><span class="fa fa-heart"></span></div></a>
  2355. </div>
  2356.  
  2357. </div>
  2358.  
  2359.  
  2360.  
  2361.  
  2362. <div id="basicinfo">
  2363.  
  2364. <div class="basicinfo">
  2365. <div class="basiclabel"><i class="fa fa-user"></i></div>
  2366. <b>Name:</b> Eliza
  2367. </div>
  2368.  
  2369. <div class="basicinfo">
  2370. <div class="basiclabel"><i class="fa fa-birthday-cake"></i></div>
  2371. <b>Birthday:</b> July 26th
  2372. </div>
  2373.  
  2374. <div class="basicinfo">
  2375. <div class="basiclabel"><i class="fa fa-moon-o"></i></div>
  2376. <b>Star Sign:</b> Leo
  2377. </div>
  2378.  
  2379. <div class="basicinfo">
  2380. <div class="basiclabel"><i class="fa fa-star"></i></div>
  2381. <b>Personality:</b> ENFP
  2382. </div>
  2383.  
  2384. <div class="basicinfo">
  2385. <div class="basiclabel"><i class="fa fa-globe"></i></div>
  2386. <b>Location:</b> United States
  2387. </div>
  2388.  
  2389. </div>
  2390.  
  2391.  
  2392.  
  2393.  
  2394. <div id="aboutquote">
  2395. "This has always been a motto of mine: Attempt the impossible in order to improve your work."
  2396.  
  2397. <div id="quotesource">- Bette Davis</div>
  2398. </div>
  2399.  
  2400.  
  2401.  
  2402. <div id="abouttabs">
  2403.  
  2404. <!----------------------------------------------------------->
  2405. <div id="about1" onClick="document.getElementById('about1').style.zIndex='110'; document.getElementById('about2').style.zIndex='0'; document.GetElementById('about3').style.zIndex='0'">
  2406. <div id="abouttab1">About</div>
  2407. <div id="aboutbox1">
  2408.  
  2409. <p> Hola peeps! Thanks for visiting! I'm Eliza and I'm from Nothern California! I'm absolutely in love with reading classical literature, writing shitty music, taking photos of my food and nature, and listening to old pop music! Currently I'm in high school, but I'm pushing my studies towards Biology and Literature. My favourite things to do when I'm absolutely bored is wandering through nature and binge watching my #1 favourite TV show, <i>The Walking Dead</i>. One of my main goals that I wish to achive is to move down to either San Francisco or to Denver, Colorado. I enjoy traveling as much as I love my everyday hobbies and doing HTML on tumblr. I hope you have a wonderful night and remember that, if you're reading this, you deserve the absolute best and that I love you unless you're a pervert or killer. :D </p>
  2410.  
  2411. </div>
  2412. </div>
  2413. <!----------------------------------------------------------->
  2414. <div id="about2" onClick="document.getElementById('about2').style.zIndex='110'; document.getElementById('about1').style.zIndex='0'; document.GetElementById('about3').style.zIndex='0'">
  2415. <div id="abouttab2">Faves</div>
  2416. <div id="aboutbox2">
  2417.  
  2418. <p>I'm quite and uninteresting person but here are a few things I'm currently enjoying:</p>
  2419.  
  2420. <h2>Favourites</h2>
  2421.  
  2422. <ul>
  2423. <li><b>Books:</b> Harry Potter, The Catcher in the Rye, To Kill a Mockingbird, War of the Worlds, A Series of Unfortunate Events, Waiting for Normal, Howl, & Emily Dickenson (poet; various poems are collected into books becausethey were found after her death)</li>
  2424. <li><b>TV shows:</b> Good Luck Charlie, The Walking Dead, Modern Family, the Middle, Malcom in the Middle, M*A*S*H, 30 Rock, The Real Housewives of New Jersey, & Project Runway</li>
  2425. <li><b>Movies:</b> Forrest Gump, Rat Race, Shaun of the Dead, Beauty and the Beast, Fantastic Mr. Fox, Twister, Titanic, The Avengers (anything Marvel related, in general), Dodgeball, Dumb and Dumber</li>
  2426. <li><b>Music:</b> Taylor Swift, Owl City, Ariana Grande, Lorde, Ed Sheeran, Shawn Mendez, the Who, the Beatles, Green Day, & Karmin</li>
  2427. <li><b>Food:</b> mac and cheese, pizza, oreos, salad, grapes, strawberries, apples, and spaghetti</li>
  2428. </ul>
  2429.  
  2430. <h2>Hobbies</h2>
  2431.  
  2432. <ul>
  2433. <li>socializing with my friends</li>
  2434. <li>traveling when I can </li>
  2435. <li>Doing HTML/CSS </li>
  2436. <li>photography using VSCO </li>
  2437. <li>baking/cooking with my fam </li>
  2438. <li>exploring nature's wonders </li>
  2439. </ul>
  2440.  
  2441. </div>
  2442. </div>
  2443. <!----------------------------------------------------------->
  2444. <div id="about3" onClick="document.getElementById('about3').style.zIndex='100'; document.getElementById('about1').style.zIndex='0'; document.getElementById('about2').style.zIndex='0'">
  2445. <div id="abouttab3">Squad</div>
  2446. <div id="aboutbox3">
  2447.  
  2448. <a href="http://foxyeh.tumblr.com/" target="blank">
  2449. <figure>
  2450. <center>
  2451. <img src="http://api.tumblr.com/v2/blog/foxyeh.tumblr.com/avatar/512/">
  2452. <figcaption>Shiraz</figcaption>
  2453. </center>
  2454. </figure>
  2455. </a>
  2456.  
  2457.  
  2458. <a href="http://katting.tumblr.com/" target="blank">
  2459. <figure>
  2460. <center>
  2461. <img src="http://api.tumblr.com/v2/blog/katting.tumblr.com/avatar/512/">
  2462. <figcaption>Kat</figcaption>
  2463. </center>
  2464. </figure>
  2465. </a>
  2466.  
  2467.  
  2468. <a href="http://azuher.tumblr.com/" target="blank">
  2469. <figure>
  2470. <center>
  2471. <img src="http://api.tumblr.com/v2/blog/azuher.tumblr.com/avatar/512/">
  2472. <figcaption>Elizabeth</figcaption>
  2473. </center>
  2474. </figure>
  2475. </a>
  2476.  
  2477. <a href="http://aurorant.tumblr.com/" target="blank">
  2478. <figure>
  2479. <center>
  2480. <img src="http://api.tumblr.com/v2/blog/aurorant.tumblr.com/avatar/512/">
  2481. <figcaption>Mel</figcaption>
  2482. </center>
  2483. </figure>
  2484. </a>
  2485.  
  2486. <a href="http://captivahted.tumblr.com/" target="blank">
  2487. <figure>
  2488. <center>
  2489. <img src="http://api.tumblr.com/v2/blog/captivahted.tumblr.com/avatar/512/">
  2490. <figcaption>Liz</figcaption>
  2491. </center>
  2492. </figure>
  2493. </a>
  2494.  
  2495. <a href="http://adohre.tumblr.com/" target="blank">
  2496. <figure>
  2497. <center>
  2498. <img src="http://api.tumblr.com/v2/blog/adohre.tumblr.com/avatar/512/">
  2499. <figcaption>Faith</figcaption>
  2500. </center>
  2501. </figure>
  2502. </a>
  2503.  
  2504. <a href="http://glossomly.tumblr.com/" target="blank">
  2505. <figure>
  2506. <center>
  2507. <img src="http://api.tumblr.com/v2/blog/glossomly.tumblr.com/avatar/512/">
  2508. <figcaption>Sheri</figcaption>
  2509. </center>
  2510. </figure>
  2511. </a>
  2512.  
  2513. <a href="http://rinkaari.tumblr.com/" target="blank">
  2514. <figure>
  2515. <center>
  2516. <img src="http://api.tumblr.com/v2/blog/rinkaari.tumblr.com/avatar/512/">
  2517. <figcaption>Syahirah</figcaption>
  2518. </center>
  2519. </figure>
  2520. </a>
  2521.  
  2522. <a href="http://phersian.tumblr.com/" target="blank">
  2523. <figure>
  2524. <center>
  2525. <img src="http://api.tumblr.com/v2/blog/phersian.tumblr.com/avatar/512/">
  2526. <figcaption>Eunice</figcaption>
  2527. </center>
  2528. </figure>
  2529. </a>
  2530.  
  2531. <a href="http://amazely.tumblr.com/" target="blank">
  2532. <figure>
  2533. <center>
  2534. <img src="http://api.tumblr.com/v2/blog/amazely.tumblr.com/avatar/512/">
  2535. <figcaption>Lina</figcaption>
  2536. </center>
  2537. </figure>
  2538. </a>
  2539.  
  2540. <a href="http://ocea.tumblr.com/" target="blank">
  2541. <figure>
  2542. <center>
  2543. <img src="http://api.tumblr.com/v2/blog/ocea.tumblr.com/avatar/512/">
  2544. <figcaption>Kaelyn</figcaption>
  2545. </center>
  2546. </figure>
  2547. </a>
  2548.  
  2549. <a href="http://fheel.tumblr.com/" target="blank">
  2550. <figure>
  2551. <center>
  2552. <img src="http://api.tumblr.com/v2/blog/fheel.tumblr.com/avatar/512/">
  2553. <figcaption>Derica</figcaption>
  2554. </center>
  2555. </figure>
  2556. </a>
  2557.  
  2558. <a href="http://guardehn.tumblr.com/" target="blank">
  2559. <figure>
  2560. <center>
  2561. <img src="http://api.tumblr.com/v2/blog/guardehn.tumblr.com/avatar/512/">
  2562. <figcaption>Julie</figcaption>
  2563. </center>
  2564. </figure>
  2565. </a>
  2566.  
  2567. <a href="http://sassyeh.tumblr.com/" target="blank">
  2568. <figure>
  2569. <center>
  2570. <img src="http://api.tumblr.com/v2/blog/sassyeh.tumblr.com/avatar/512/">
  2571. <figcaption>Stacey</figcaption>
  2572. </center>
  2573. </figure>
  2574. </a>
  2575.  
  2576. <a href="http://ocheanly.tumblr.com/" target="blank">
  2577. <figure>
  2578. <center>
  2579. <img src="http://api.tumblr.com/v2/blog/ocheanly.tumblr.com/avatar/512/">
  2580. <figcaption>Samantha</figcaption>
  2581. </center>
  2582. </figure>
  2583. </a>
  2584.  
  2585. <a href="http://glammist.tumblr.com/" target="blank">
  2586. <figure>
  2587. <center>
  2588. <img src="http://api.tumblr.com/v2/blog/glammist.tumblr.com/avatar/512/">
  2589. <figcaption>Ansana</figcaption>
  2590. </center>
  2591. </figure>
  2592. </a>
  2593.  
  2594. <a href="http://eauclair.tumblr.com/" target="blank">
  2595. <figure>
  2596. <center>
  2597. <img src="http://api.tumblr.com/v2/blog/eauclair.tumblr.com/avatar/512/">
  2598. <figcaption>Cheyenne</figcaption>
  2599. </center>
  2600. </figure>
  2601. </a>
  2602.  
  2603. <a href="http://rehckless.tumblr.com/" target="blank">
  2604. <figure>
  2605. <center>
  2606. <img src="http://api.tumblr.com/v2/blog/rehckless.tumblr.com/avatar/512">
  2607. <figcaption>Gigi</figcaption>
  2608. </center>
  2609. </figure>
  2610. </a>
  2611.  
  2612. <a href="http://sandiewaves.tumblr.com/" target="blank">
  2613. <figure>
  2614. <center>
  2615. <img src="http://api.tumblr.com/v2/blog/sandiewaves.tumblr.com/avatar/512/">
  2616. <figcaption>Rysha</figcaption>
  2617. </center>
  2618. </figure>
  2619. </a>
  2620.  
  2621. <a href="http://reflored.tumblr.com/" target="blank">
  2622. <figure>
  2623. <center>
  2624. <img src="http://api.tumblr.com/v2/blog/reflored.tumblr.com/avatar/512/">
  2625. <figcaption>Julia</figcaption>
  2626. </center>
  2627. </figure>
  2628. </a>
  2629.  
  2630. <a href="http://baliviibes.tumblr.com/" target="blank">
  2631. <figure>
  2632. <center>
  2633. <img src="http://api.tumblr.com/v2/blog/baliviibes.tumblr.com/avatar/512/">
  2634. <figcaption>Emilia</figcaption>
  2635. </center>
  2636. </figure>
  2637. </a>
  2638.  
  2639. <a href="http://blhunt.tumblr.com/" target="blank">
  2640. <figure>
  2641. <center>
  2642. <img src="http://api.tumblr.com/v2/blog/blhunt.tumblr.com/avatar/512/">
  2643. <figcaption>Emily</figcaption>
  2644. </center>
  2645. </figure>
  2646. </a>
  2647.  
  2648. <a href="http://nostalgah.tumblr.com/" target="blank">
  2649. <figure>
  2650. <center>
  2651. <img src="http://api.tumblr.com/v2/blog/nostalgah.tumblr.com/avatar/512/">
  2652. <figcaption>Kirsty</figcaption>
  2653. </center>
  2654. </figure>
  2655. </a>
  2656.  
  2657. <a href="http://leavingforever.tumblr.com/" target="blank">
  2658. <figure>
  2659. <center>
  2660. <img src="http://api.tumblr.com/v2/blog/leavingforever.tumblr.com/avatar/512/">
  2661. <figcaption>Carissa</figcaption>
  2662. </center>
  2663. </figure>
  2664. </a>
  2665.  
  2666. <a href="http://acuore.tumblr.com/" target="blank">
  2667. <figure>
  2668. <center>
  2669. <img src="http://api.tumblr.com/v2/blog/acuore.tumblr.com/avatar/512/">
  2670. <figcaption>Alicia</figcaption>
  2671. </center>
  2672. </figure>
  2673. </a>
  2674.  
  2675. <a href="http://enhancier.tumblr.com/" target="blank">
  2676. <figure>
  2677. <center>
  2678. <img src="http://api.tumblr.com/v2/blog/enhancier.tumblr.com/avatar/512/">
  2679. <figcaption>Ele</figcaption>
  2680. </center>
  2681. </figure>
  2682. </a>
  2683.  
  2684. <a href="http://nitroxed.tumblr.com/" target="blank">
  2685. <figure>
  2686. <center>
  2687. <img src="http://api.tumblr.com/v2/blog/nitroxed.tumblr.com/avatar/512/">
  2688. <figcaption>Lilia</figcaption>
  2689. </center>
  2690. </figure>
  2691. </a>
  2692.  
  2693. <a href="http://impulseh.tumblr.com/" target="blank">
  2694. <figure>
  2695. <center>
  2696. <img src="http://api.tumblr.com/v2/blog/impulseh.tumblr.com/avatar/512/">
  2697. <figcaption>Catherine</figcaption>
  2698. </center>
  2699. </figure>
  2700. </a>
  2701.  
  2702. <a href="http://olympeha.tumblr.com/" target="blank">
  2703. <figure>
  2704. <center>
  2705. <img src="http://api.tumblr.com/v2/blog/olympeha.tumblr.com/avatar/512/">
  2706. <figcaption>Cristiana</figcaption>
  2707. </center>
  2708. </figure>
  2709. </a>
  2710.  
  2711. <a href="http://kartuzi.tumblr.com/" target="blank">
  2712. <figure>
  2713. <center>
  2714. <img src="http://api.tumblr.com/v2/blog/kartuzi.tumblr.com/avatar/512/">
  2715. <figcaption>Joel Coop</figcaption>
  2716. </center>
  2717. </figure>
  2718. </a>
  2719.  
  2720.  
  2721. </div>
  2722. </div>
  2723. <!----------------------------------------------------------->
  2724. </div>
  2725.  
  2726. </div>
  2727.  
  2728. <!------------------------------------------------------------------------->
  2729.  
  2730. </div></div></div></div></div></div></div></div></div></div></div>
  2731.  
  2732.  
  2733. <div id="box4" class="popup_block">
  2734.  
  2735. <div id="blogroll">
  2736. {block:Following}
  2737. <div class="blogroll">
  2738. {block:Followed}
  2739. <a href="{FollowedURL}" title="{FollowedName}" target="_blank"><img src="{FollowedPortraitURL-64}"></a>
  2740. {/block:Followed}
  2741. </div>
  2742. {/block:Following}
  2743.  
  2744. </div>
  2745.  
  2746. </div></div></div></div></div></div></div></div></div></div></div>
  2747.  
  2748. <div id="box5" class="popup_block">
  2749.  
  2750. <div id="links">
  2751.  
  2752. <h1>Faves/Queue Lists</h1>
  2753. <a href="http://fhlyless.tumblr.com/faves">fhlyless' faves</a>
  2754. <a href="http://fheel.tumblr.com/queuelist">fheels' queue list</a>
  2755. <a href="http://adohre.tumblr.com">link title</a>
  2756. <a href="http://glossomly.tumblr.com/faves">glossomly's faves</a>
  2757. <a href="http://ahohre.tumblr.com/faves">adohre's faves</a>
  2758. <a href="http://almondh.tumblr.com/faves">almond's faves</a>
  2759. <a href="http://ghlorify.tumblr.com/queuelist">ghlorify's queue list</a>
  2760. <a href="http://rehckless.tumblr.com/favs">rehckless' faves</a>
  2761. <a href="http://cacaonuts.co.vu/faves">cacaonut's faves</a>
  2762.  
  2763.  
  2764. </div>
  2765.  
  2766. <div id="tags">
  2767.  
  2768. <h1>Awards</h1>
  2769. <a href="https://bojgawards.tumblr.com/">Best of John Green</a>
  2770. <a href="https://travel-awards.tumblr.com/">Travel Awards</a>
  2771. <a href="http://actello.tumblr.com/post/154954030545/merry-christmas-everyone-on-behalf-of-me-and">reindeer awards</a>
  2772. <a href="http://azuher.tk/winners">comfy clothes awards</a>
  2773. <a href="http://phersian.tumblr.com/sephoraawards">Sephora Awards</a>
  2774. <a href="http://flowerawards.tumblr.com/">Flower Awards</a>
  2775. <a href="http://vanillahs.tumblr.com/instagrammodelawards">Instagram Model Awards</a>
  2776. <a href="http://ocea.tumblr.com/oscars">oscar awards</a>
  2777. <a href="http://thesummerlifeawards.tumblr.com/">summer life awards</a>
  2778. <a href="http://aurorant.tumblr.com/awardatory">album awards</a>
  2779. <a href="https://dogsofinstagram-awards.tumblr.com/">dogs of insta awards</a>
  2780.  
  2781. </div>
  2782.  
  2783. <div id="social">
  2784.  
  2785. <h1>Networks/Queue Groups</h1>
  2786. <a href="http://yuhniti.tumblr.com">unity network</a>
  2787. <a href="http://foxia.tumblr.com/post/154190710405/hi-loves-we-are-adding-new-members-to-our-queue">foxia's queue club</a>
  2788. <a href="http://the-sunshinenetwork.tumblr.com/">the sunshine network</a>
  2789. <a href="http://lvshestspeonies.tumblr.com">lvshests' peonies</a>
  2790. <a href="http://thecoffeeclub.tumblr.com">the coffee club</a>
  2791. <a href="https://sehrenities.tumblr.com/post/155558753551/please-dont-delete-the-text-or-self-promote">fitness angels network</a>
  2792. <a href="http://athaeila.ml/qgroup">athaeila's queue group</a>
  2793. <a href="http://amazely.co.vu/qsquad">amazely's queue squad</a>
  2794. <a href="http://pinkuniversity.tumblr.com">pink university</a>
  2795.  
  2796. </div>
  2797.  
  2798.  
  2799. </div></div></div></div></div></div></div></div></div></div></div>
  2800.  
  2801. <div id="box6" class="popup_block">
  2802.  
  2803. <div id="disclaimer">
  2804. <div class="disclaimtitle">Diclaimer:</div>
  2805.  
  2806. None of these photos are mine unless stated in the captions, or in the sources! I take no responsibility for other works including themes, HTML work, etc.. Thank yoU!
  2807. </div>
  2808.  
  2809. </div></div></div></div></div></div></div></div></div></div></div>
  2810.  
  2811.  
  2812. </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!