API tools faq
paste
Advertisement
soulfhully

Saved HTML code #1

soulfhully
Apr 23rd, 2017
108
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 68.47 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2.  
  3. ✧* 。♡ YOUTH theme | @planthed | @themekid ♡ 。*✧
  4.  
  5.  
  6. — Do not delete the credit.
  7. — Do not copy or steal any code.
  8. — Do not claim as yours.
  9.  
  10. Enjoy (✿◠‿◠)
  11.  
  12. infinite scroll with masonry + pxu: @shythemes
  13. smothscroll: @zacharyfury
  14. -->
  15.  
  16.  
  17. <html lang="en">
  18. <head>
  19.  
  20. <link href="https://fonts.googleapis.com/css?family=Allura" rel="stylesheet">
  21. <link href="http://static.tumblr.com/zl0gu39/5hLooqsyp/harry_p.css" rel="stylesheet">
  22.  
  23. <script type="text/javascript"
  24. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  25. <script>
  26. $(document).ready(function() {
  27. //
  28. $('a.poplight[href^=#]').click(function() {
  29. var popID = $(this).attr('rel'); //Get Popup Name
  30. var popURL = $(this).attr('href'); //Get Popup href to define size
  31. var query= popURL.split('?');
  32. var dim= query[1].split('&');
  33. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  34. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"></a>');
  35. var popMargTop = ($('#' + popID).height() + 80) / 2;
  36. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  37. //Apply Margin to Popup
  38. $('#' + popID).css({
  39. 'margin-top' : -popMargTop,
  40. 'margin-left' : -popMargLeft
  41. });
  42. $('body').append('<div id="fade"></div>');
  43. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  44. return false;
  45. });
  46. $('a.close, #fade').live('click', function() {
  47. $('#fade , .popup_block').fadeOut(function() {
  48. $('#fade, a.close').remove(); //fade them both out
  49. });
  50. return false;
  51. });
  52. });
  53. </script>
  54.  
  55. <link rel="stylesheet" href="http://static.tumblr.com/i5s2zks/6kOohwlux/pe-icon-7-stroke.css"><link href='https://fonts.googleapis.com/css?family=Hind:400,700|Roboto:400,300' rel='stylesheet' type='text/css'>
  56. <link href='http://static.tumblr.com/blpgwiz/u8Qmijy1c/fade_in_up.css' rel='stylesheet' type='text/css'><link href='https://fonts.googleapis.com/css?family=Karla|Muli:400, 400:italic|Roboto:400,400italic,500,500italic|Cardo:400,400italic|Inconsolata' rel='stylesheet' type='text/css'><link href="https://fonts.googleapis.com/css?family=Alex+Brush|Cookie|Courgette|Dancing+Script|Euphoria+Script|Great+Vibes|Parisienne|Rochester|Satisfy|Yellowtail" rel="stylesheet">
  57.  
  58. <title>{block:PostSummary}{PostSummary}: {/block:PostSummary}{Title}</title>
  59. <link rel="shortcut icon" href="{favicon}">
  60. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  61. {block:hidden}
  62. <!--Default Variables-->
  63. <meta name="image:background" content=""/>
  64. <meta name="image:sidebar" content=""/>
  65.  
  66. <meta name="color:Background" content="#ffffff"/>
  67. <meta name="color:Link" content="#C5C9D7"/>
  68. <meta name="color:Text" content="#474747"/>
  69.  
  70. <meta name="color:Accent" content="#C5C9D7"/>
  71. <meta name="color:Accent text" content="#474747"/>
  72.  
  73. <meta name="text:Font size" content="10" />
  74. <meta name="text:Blogtitle" content="" />
  75.  
  76. <meta name="text:Home label" content="home" />
  77. <meta name="text:Ask label" content="ask"/>
  78. <meta name="text:Archive label" content="Past" />
  79. <meta name="text:Extra link 1 title" content="" />
  80. <meta name="text:Extra link 1" content="http://" />
  81. <meta name="text:Extra link 2 title" content="" />
  82. <meta name="text:Extra link 2" content="http://" />
  83.  
  84. <meta name="if:White Tiny cursor" content="" />
  85. <meta name="if:Black Tiny cursor" content="" />
  86. <meta name="if:Icon links" content=""/>
  87.  
  88.  
  89. <meta name="select:Font" content="Poppins" title="Poppins" />
  90. <meta name="select:Font" content="Raleway" title="Raleway" />
  91. <meta name="select:Font" content="Source Sans Pro" title="Source Sans Pro"/>
  92. <meta name="select:Font" content="Muli" title="Muli" />
  93. <meta name="select:Font" content="Kurale" title="Kurale" />
  94. <meta name="select:Font" content="Open Sans" title="Open Sans" />
  95. <meta name="select:Font" content="Oxygen" title="Oxygen" />
  96. <meta name="select:Font" content="Roboto" title="Roboto" />
  97. <meta name="select:Font" content="PT Serif" title="PT Serif" />
  98. <meta name="select:Font" content="Mako" title="Mako" />
  99.  
  100.  
  101. {/block:hidden}
  102.  
  103.  
  104. <!---pxu script--->
  105. <link href="http://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
  106.  
  107. <!--- tooltips script --->
  108. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  109. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  110. <script>
  111. (function($){
  112. $(document).ready(function(){
  113. $("a[title]").style_my_tooltips({
  114. tip_follows_cursor:true,
  115. tip_delay_time:90,
  116. tip_fade_speed:600,
  117. attribute:"title"
  118. });
  119. });
  120. })(jQuery);
  121. </script>
  122.  
  123.  
  124. <!-------
  125.  
  126. A FEW RULES YOU NEED TO KNOW BEFORE START EDITING THE THEME:
  127.  
  128. > You CAN'T use my themes as base
  129. > You CAN'T remove my credits, even if you edited the theme a lot.
  130. > Don't use any part of my codes without permission.
  131. > You can edit the theme as your own like and make it look too different as the original one but if you edit the theme a lot and you're having problems with it, I'll not allowed to help you.
  132.  
  133.  
  134. YOU ARE NOT ALLOWED TO USE MY CODES FOR YOUR OWN THEME OR ANY OTHER THEME
  135. BY OTHER THEME MAKER WITHOUT PERMISSION, IF YOU WANNA USE ONE OF MY CODES
  136. ASK FIRST, DON'T CLAIM AS YOURS, DON'T BE A BITCH.
  137.  
  138. ---------->
  139.  
  140.  
  141. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.2/jquery.min.js"></script>
  142.  
  143. <script>
  144.  
  145.  
  146. $(document).ready(function(){
  147. $(".show").click(function(){
  148. $(".notas").slideToggle("slow");
  149. });
  150.  
  151. });
  152. </script>
  153.  
  154.  
  155. <style type="text/css">
  156.  
  157.  
  158.  
  159. /* ————————————— UPDATES TAB BY @PLANTHED ————————————— */
  160.  
  161. #updates{
  162. position:fixed !important;
  163. top:65px;
  164. right:50px;
  165. padding:10px;
  166. width:180px;
  167. height:13px;
  168. z-index:9999999999;
  169. }
  170.  
  171. .arrow{
  172. font-size:25px; /*size of the arrow*/
  173. color:{color:Accent};
  174. margin-top:-8px;
  175. right:0px;
  176. padding:5px;
  177. position:absolute;
  178. background:#fff; /*background of the arrow*/
  179. z-index:9999;
  180. -webkit-transition: all .3s ease-in-out;
  181. -moz-transition: all .3s ease-in-out;
  182. -o-transition: all .3s ease-in-out;
  183. -ms-transition: all .3s ease-in-out;
  184. }
  185.  
  186. #updates:hover .arrow{
  187. -webkit-transform: rotateY(160deg);
  188. transform: rotateY(160deg);
  189. }
  190.  
  191. .upline{
  192. width:0px;
  193. height:1px;
  194. right:1px;
  195. margin-top:10px;
  196. background:#eee;
  197. position:absolute;
  198. -webkit-transition: all .3s ease-in-out;
  199. -moz-transition: all .3s ease-in-out;
  200. -o-transition: all .3s ease-in-out;
  201. -ms-transition: all .3s ease-in-out;
  202. }
  203.  
  204. #updates:hover .upline{
  205. width:150px;
  206. -webkit-transition-delay: 0.50s;
  207. -webkit-transition: all 0.50s;
  208. transition: all 0.50s;
  209. transition-delay: 0.50s;
  210. }
  211.  
  212. .updatestitle{
  213. height:15px;
  214. margin-top:0px;
  215. width:auto;
  216. visibility:hidden;
  217. font-size:24px;
  218. font-family:{select:Font}
  219. padding-right:5px;
  220. color:{color:Accent}; /*color title*/
  221. font-weight:300;
  222. letter-spacing:1px;
  223. text-transform:capitalize;
  224. font-family: 'Alex Brush', cursive;
  225. opacity:0;
  226. z-index:99999;
  227. margin-left:-30px;
  228. position:absolute;
  229. background:#fff; /*title background*/
  230. -webkit-transition: all .4s ease-in-out;
  231. -moz-transition: all .4s ease-in-out;
  232. -o-transition: all .4s ease-in-out;
  233. -ms-transition: all .4s ease-in-out;
  234. transition: all .4s ease-in-out;
  235.  
  236. }
  237.  
  238. #updates:hover .updatestitle{
  239. opacity:1;
  240. margin-left:0px;
  241. visibility:visible;
  242. -webkit-transition-delay: 0.50s;
  243. -webkit-transition: all 0.50s;
  244. transition: all 0.50s;
  245. transition-delay: 0.50s;
  246. }
  247.  
  248.  
  249. .box{
  250. width:150px; /*width of your tab*/
  251. height:auto;
  252. padding:10px;
  253. background:#fff; /*box background*/
  254. border:1px solid {color:Accent}; /*borders*/
  255. line-height:15px;
  256. margin-left:0px;
  257. margin-top:70px;
  258. position:relative;
  259. opacity:0;
  260. visibility:hidden;
  261. -webkit-transition: all .4s ease-in-out;
  262. -moz-transition: all .4s ease-in-out;
  263. -o-transition: all .4s ease-in-out;
  264. -ms-transition: all .4s ease-in-out;
  265. transition: all .4s ease-in-out;
  266. }
  267.  
  268. .box h1{
  269. font-size:18px;
  270. text-align:center;
  271. font-family: 'Alex Brush', cursive;
  272. color:{color:Accent};
  273. letter-spacing:1px;
  274. }
  275.  
  276. .box b{font-weight:bold;}
  277. .box u{text-decoration:none;border-bottom:1px solid #eee;}
  278.  
  279. #updates:hover .box{
  280. opacity:1;;
  281. margin-top:10px;
  282. visibility:visible;
  283. -webkit-transition-delay: 1s;
  284. -webkit-transition: all 1s;
  285. transition: all 1;
  286. transition-delay: 1s;
  287. }
  288.  
  289. /* ————————————— UPDATES TAB BY @PLANTHED ————————————— */
  290.  
  291.  
  292.  
  293. /*CODES BY PAINTHEMES.TUMBLR.COM*/
  294. .popup_block{
  295. -webkit-animation: fadeInUp·2s;
  296. -moz-animation: fadeInUp 2s;
  297. -ms-animation: fadeInUp 2s;
  298. -o-animation: fadeInUp 2s;
  299. animation: fadeInUp 2s;
  300. border:4px double {color:Accent};
  301. display:none;
  302. background:#ffffff; /*change the color of your background*/
  303. padding:15px;
  304. float:left;
  305. position:fixed;
  306. top:50%;left:60%;
  307. z-index: 99999;
  308. box-shadow:rgba(0,0,0,.06) 7px 7px; /*delete if you don't want shadow below your box*/
  309. }
  310.  
  311. #fade {
  312. display:none;
  313. position:fixed;
  314. left:0px;
  315. top:0px;
  316. width:100%;
  317. height:100%;
  318. z-index:9999;
  319. background:{color:background}; /* change the color of the background below the box */
  320. opacity:1; /* change the opacity */
  321. }
  322.  
  323. *html #fade {position: absolute;}
  324. *html .popup_block {position: absolute;}
  325. /*CODES BY PAINTHEMES.TUMBLR.COM*/
  326.  
  327. /*CODES BY PAINTHEMES.TUMBLR.COM*/
  328. #faq{
  329. padding:3px;
  330. background:#fff; /*change the background if you want*/
  331. border-radius:0px;
  332. color:#777;
  333. width:225px;
  334. text-transform:capitalize;
  335. font-family:{select:Font};
  336. letter-spacing:1px;
  337. font-size:10.5px;
  338. line-height:15px;
  339. height:310px; /*chagne the height*/
  340. }
  341.  
  342. #ask{
  343. margin-left:300px;
  344. overflow:scroll;
  345. padding:6px;
  346. margin-top:-310px;
  347. width:350px;
  348. text-transform:capitalize;
  349. padding-bottom:4px;
  350. height:305px;
  351. }
  352.  
  353. #faq h1{
  354. color:{color:Accent};/*change the title colour here*/
  355. font-size:20px;
  356. font-family: 'Alex Brush', cursive;
  357. word-spacing:3px;
  358. }
  359.  
  360. #ask h1{
  361. color:{color:Accent};/*change the title colour here*/
  362. font-size:30px;
  363. text-align:center;
  364. font-family: 'Alex Brush', cursive;
  365. word-spacing:3px;
  366. }
  367.  
  368. /*CODES BY PAINTHEMES.TUMBLR.COM*/
  369.  
  370. /*CODES BY PAINTHEMES*/
  371.  
  372. #links{
  373. padding:10px;
  374. width:145px;
  375. border:1px solid {color:Accent}; /*border of your first box*/
  376. background:#fff; /*background of your first box*/
  377. height:240px;
  378. overflow:auto;
  379. line-height:15px;
  380. }
  381.  
  382. #tags{
  383. padding:10px;
  384. width:145px;
  385. border:1px solid {color:Accent}; /*border of your second box*/
  386. background:#fff; /*background of your second box*/
  387. line-height:15px;
  388. height:240px;
  389. overflow:auto;
  390. margin-left:180px;
  391. margin-top:-262px;
  392. }
  393.  
  394. #social{
  395. padding:10px;
  396. width:145px;
  397. border:1px solid {color:Accent}; /*border of your box 3*/
  398. background:#fff; /*background of your box 3*/
  399. line-height:15px;
  400. height:240px;
  401. overflow:auto;
  402. margin-left:360px;
  403. margin-top:-262px;
  404. }
  405.  
  406. #links a, #tags a, #social a{
  407. display:block;
  408. padding:5px;
  409. width:auto;
  410. text-transform:uppercase;
  411. font-size:8px; /*size of letters*/
  412. text-align:left;
  413. color:{color:Text}; /*color links*/
  414. letter-spacing:2px; /*spacing between letters*/
  415. margin-top:-1px;
  416. -webkit-transition:all 0.3s ease-out;
  417. }
  418.  
  419. #links h1, #tags h1, #social h1{
  420. font-family:'Dancing Script', cursive;
  421. text-align:center;
  422. font-size:20px;
  423. letter-spacing:2px;
  424. color:{color:Accent};
  425. }
  426.  
  427. #links a:hover, #tags a:hover, #social a:hover{
  428. background:{color:Accent}; /*background hover*/
  429. color:#fff; /*color hover*/
  430. }
  431.  
  432. #links a:before, #tags a:before, #social a:before{
  433. content:'';
  434. height:1px;
  435. width:10px;
  436. display:inline-block;
  437. background:#000; /*color of the ―*/
  438. position:relative;
  439. top:-2px;
  440. margin-right:5px;
  441. -webkit-transition:all 0.3s ease-out;
  442. }
  443.  
  444. #links a:hover:before, #tags a:hover:before, #social a:hover:before{
  445. width:31px;
  446. background:#fff; /*color hover of the ― */
  447. -webkit-transition:all 0.3s ease-out;
  448. }
  449.  
  450. /*----------------------------------
  451.  
  452. BUBBLY PERSONALITIES POPUP BY FELINETHEMES
  453.  
  454. -----------------------------------*/
  455.  
  456. #aboutpopup{
  457. position:fixed;
  458. top:50%;
  459. left:50%;
  460. transform:translate(-50%,-50%);
  461. padding:20px;
  462. width:590px;
  463. border:4px double {color:Accent};
  464. background-color:#ffffff;
  465. }
  466.  
  467. #picandsocial{
  468. position:absolute;
  469. top:-50px;
  470. left:50%;
  471. transform:translateX(-50%);
  472. width:152px;
  473. }
  474.  
  475. #aboutpic{
  476. padding:10px;
  477. background-color:{color:background};
  478. border-radius:200px;
  479. border:4px double {color:Accent};
  480. }
  481.  
  482. #aboutpic img{
  483. width:130px;
  484. height:130px;
  485. border-radius:200px;
  486. }
  487.  
  488. #socialbuttons{
  489. position:relative;
  490. margin-top:5px;
  491. margin-left:-5px;
  492. margin-right:-5px;
  493. }
  494.  
  495. .social{
  496. float:left;
  497. margin-left:2px;
  498. margin-right:2px;
  499. width:28px;
  500. height:28px;
  501. border-radius:90px;
  502. background-color:{color:Accent};
  503. display: flex;
  504. align-items: center;
  505. justify-content: center;
  506. font-size:18px;
  507. color:#ffffff;
  508. -webkit-transition: all 1s ease;
  509. -moz-transition: all 1s ease;
  510. -o-transition: all 1s ease;
  511. transition: all 1s ease;
  512. }
  513.  
  514. .social span{ /*MADE PURELY FOR HEART ICON TO MAKE IT LOOK NICER TO ME*/
  515. position:relative;
  516. font-size:16px;
  517. }
  518.  
  519. .social:hover{
  520. background-color:{color:Accent Text};
  521. }
  522.  
  523.  
  524. #basicinfo{
  525. position:relative;
  526. width:190px;
  527. height:110px;
  528. padding:5px;
  529. }
  530.  
  531. .basicinfo{
  532. position:relative;
  533. margin-bottom:2px;
  534. padding:4px 4px 4px 23px;
  535. text-align:left;
  536. font-size:12px;
  537. }
  538.  
  539. .basicinfo b{
  540. color:{color:Accent};
  541. }
  542.  
  543. .basiclabel{
  544. position:absolute;
  545. top:1px;
  546. left:-4px;
  547. width:20px;
  548. height:20px;
  549. border-radius:3px;
  550. background-color:{color:Accent};
  551. display: flex;
  552. align-items: center;
  553. justify-content: center;
  554. font-size:13px;
  555. color:#ffffff;
  556. }
  557.  
  558. #aboutquote{
  559. position:absolute;
  560. top:20px;
  561. right:20px;
  562. width:190px;
  563. height:110px;
  564. padding:5px;
  565. text-align:left;
  566. font-size:16px;
  567. color:{color:Accent};
  568. }
  569.  
  570. #quotesource{
  571. text-align:right;
  572. font-size:11px;
  573. color:#000000;
  574. }
  575.  
  576. #abouttabs{
  577. position:relative;
  578. margin-top:16px;
  579. height:220px;
  580. }
  581.  
  582. #abouttabs p{
  583. margin-top:0px;
  584. margin-bottom:10px;
  585. }
  586.  
  587. #abouttabs h2{
  588. margin:0px;
  589. font-size:18px;
  590. }
  591.  
  592. #abouttabs ul{
  593. margin-left:-10px;
  594. }
  595.  
  596. #abouttabs img{
  597. width:80px;
  598. height:80px;
  599. border:3px solid #ffffff;
  600. }
  601.  
  602. #abouttabs figure{
  603. float:left;
  604. margin-top:0px;
  605. margin-bottom:10px;
  606. margin-left:6px;
  607. margin-right:6px;
  608. width:80px;
  609. }
  610.  
  611. #aboutbox3 figcaption{
  612. margin-top:2px;
  613. width:80px;
  614. padding:3px;
  615. background-color:#ffffff;
  616. color:{color:Accent};
  617. -webkit-transition: all 0.4s linear;
  618. -moz-transition: all 0.4s ease;
  619. -ms-transition: all 0.4s ease;
  620. -o-transition: all 0.4s ease;
  621. transition: all 0.4s ease;
  622. }
  623.  
  624. #about1{
  625. position:relative;
  626. z-index:1;
  627. float:left;
  628. width:600px;
  629. }
  630.  
  631. #abouttab1{
  632. position:absolute;
  633. top:5px;
  634. right:10px;
  635. width:55px;
  636. height:55px;
  637. border-radius:90px;
  638. border: 4px double {color:Accent};
  639. background-color:{color:background};
  640. display: flex;
  641. align-items: center;
  642. justify-content: center;
  643. font-size:12px;
  644. color:{color:Accent};
  645. -webkit-transition: all 1s ease;
  646. -moz-transition: all 1s ease;
  647. -o-transition: all 1s ease;
  648. transition: all 1s ease;
  649. }
  650.  
  651. #abouttab1:hover{
  652. background-color:{color:Accent Text};
  653. }
  654.  
  655. #aboutbox1{
  656. position:absolute;
  657. z-index:0;
  658. top:0px;
  659. left:0px;
  660. width:470px;
  661. height:180px;
  662. overflow:auto;
  663. border: 4px double {color:Accent};
  664. padding:20px;
  665. background-color:{color:background};
  666. text-align:justify;
  667. font-size:12px;
  668. color:{color:Text};
  669. }
  670.  
  671. #aboutbox1::-webkit-scrollbar {
  672. width: 5px;
  673. }
  674.  
  675. #aboutbox1::-webkit-scrollbar-track {
  676. background-color:{color:Accent};
  677. }
  678.  
  679. #aboutbox1::-webkit-scrollbar-thumb {
  680. border-top:5px solid {color:Accent};
  681. border-bottom:5px solid {color:Accent};
  682. border-left:2px solid {color:Accent};
  683. border-right:2px solid {color:Accent};
  684. background-color:#ffffff;
  685. }
  686.  
  687. #about2{
  688. position:absolute;
  689. z-index:0;
  690. top:0px;
  691. float:left;
  692. width:600px;
  693. }
  694.  
  695. #abouttab2{
  696. position:absolute;
  697. top:77px;
  698. right:10px;
  699. width:55px;
  700. height:55px;
  701. border-radius:90px;
  702. border:4px double;
  703. background-color:{color:Background};
  704. display: flex;
  705. align-items: center;
  706. justify-content: center;
  707. font-size:12px;
  708. color:{color:Accent};
  709. -webkit-transition: all 1s ease;
  710. -moz-transition: all 1s ease;
  711. -o-transition: all 1s ease;
  712. transition: all 1s ease;
  713. }
  714.  
  715. #abouttab2:hover{
  716. background-color:{color:Accent Text};
  717. }
  718.  
  719. #aboutbox2{
  720. position:absolute;
  721. top:0px;
  722. left:0px;
  723. z-index:0;
  724. width:470px;
  725. height:180px;
  726. overflow:auto;
  727. border:4px double {color:Accent};
  728. padding:20px;
  729. background-color:{color:Background};
  730. text-align:justify;
  731. font-size:12px;
  732. color:{color:Text};
  733. }
  734.  
  735. #aboutbox2::-webkit-scrollbar {
  736. width: 5px;
  737. }
  738.  
  739. #aboutbox2::-webkit-scrollbar-track {
  740. background-color:{color:Accent};
  741. }
  742.  
  743. #aboutbox2::-webkit-scrollbar-thumb {
  744. border-top:5px solid {color:Accent};
  745. border-bottom:5px solid {color:Accent};
  746. border-left:2px solid {color:Accent};
  747. border-right:2px solid {color:Accent};
  748. background-color:#ffffff;
  749. }
  750.  
  751. #about3{
  752. position:absolute;
  753. z-index:0;
  754. top:0px;
  755. float:left;
  756. width:600px;
  757. }
  758.  
  759. #abouttab3{
  760. position:absolute;
  761. top:149px;
  762. right:10px;
  763. width:55px;
  764. height:55px;
  765. border-radius:90px;
  766. border:4px double {color:Accent};
  767. background-color:{color:Background};
  768. display: flex;
  769. align-items: center;
  770. justify-content: center;
  771. font-size:12px;
  772. color:{color:Accent};
  773. -webkit-transition: all 1s ease;
  774. -moz-transition: all 1s ease;
  775. -o-transition: all 1s ease;
  776. transition: all 1s ease;
  777. }
  778.  
  779. #abouttab3:hover{
  780. background-color:{color:Accent Text};
  781. }
  782.  
  783. #aboutbox3{
  784. position:absolute;
  785. top:0px;
  786. left:0px;
  787. z-index:0;
  788. width:470px;
  789. height:180px;
  790. overflow:auto;
  791. padding:20px;
  792. border:4px double {color:Accent};
  793. background-color:{color:background};
  794. text-align:justify;
  795. font-size:12px;
  796. color:{color:Text};
  797. }
  798.  
  799. #aboutbox3::-webkit-scrollbar {
  800. width: 5px;
  801. }
  802.  
  803. #aboutbox3::-webkit-scrollbar-track {
  804. background-color:{color:Accent};
  805. }
  806.  
  807. #aboutbox3::-webkit-scrollbar-thumb {
  808. border-top:5px solid {color:Accent};
  809. border-bottom:5px solid {color:Accent};
  810. border-left:2px solid {color:Accent};
  811. border-right:2px solid {color:Accent};
  812. background-color:#ffffff;
  813. }
  814.  
  815. .popup_block{
  816. /*main*/
  817. display:none; /*hides when not using*/
  818. position:fixed;
  819. top:50%;
  820. left:50%;
  821. z-index:999000;
  822. }
  823.  
  824. #fade { /*--Transparent background layer on pop-ups--*/
  825. display: none; /*--hidden by default--*/
  826. background:#ffffff;
  827. position: fixed;
  828. left: 0;
  829. top: 0;
  830. width: 100%;
  831. height: 100%;
  832. opacity:1;
  833. z-index:10000;
  834. }
  835.  
  836. .btn_close{
  837. display:none;
  838. position:fixed;
  839. top:50px;
  840. left:500px;
  841. width:50px;
  842. height:50px;
  843. background-color:#000000;
  844. }
  845.  
  846. h2 {
  847. font-size:24px;
  848. font-family:'Alex Brush', cursive;
  849. }
  850.  
  851. /*--Making IE6 Understand Fixed Positioning--*/
  852. *html #fade {
  853. position: absolute;
  854. }
  855.  
  856. *html .popup_block {
  857. position: absolute;
  858. }
  859.  
  860.  
  861. /*---------------------------------------------------------------------*/
  862.  
  863.  
  864. /*CODES BY PAINTHEMES*/
  865. #blogroll{
  866. background:white;
  867. padding:20px;
  868. overflow:auto;
  869. z-index:999;
  870. width:430px;
  871. height:300px;
  872. }
  873.  
  874.  
  875. .blogroll img{
  876. width:50px;
  877. height:50px;
  878. padding:10px;
  879. margin:5px;
  880. -o-transition-transition: all 0.9s ease;
  881. -webkit-transition: all 0.9s ease;
  882. -moz-transition: all 0.9s ease;
  883. transition: all 0.9s ease;
  884. }
  885.  
  886. .blogroll img:hover{
  887. background:{color:Accent}; /*background hover of the images*/
  888. -o-transition-transition: all 0.9s ease;
  889. -webkit-transition: all 0.9s ease;
  890. -moz-transition: all 0.9s ease;
  891. transition: all 0.9s ease;
  892. }
  893.  
  894. /*CODES BY PAINTHEMES*/
  895.  
  896. /*LINKS TABLE BY PAINTHEMES.TUMBLR.COM*/
  897.  
  898. #below{width:300px;}
  899.  
  900. .title1, .title2, .title3{
  901. display:inline-block;
  902. height:10px;
  903. line-height:10px;
  904. font-size:18px;
  905. font-family: 'Alex Brush', cursive;
  906. width:280px;
  907. padding:10px;
  908. margin-top:10px;
  909. color:{color:Accent};
  910. border-bottom:1px solid {color:Accent};
  911. letter-spacing:1.5px;
  912. text-transform:capitalize;
  913. overflow:hidden;
  914. opacity:1;
  915. cursor:help;
  916. font-weight:700;
  917. }
  918.  
  919. .table1, .table2, .table3{
  920. height:auto;
  921. display:none;
  922. opacity:1;
  923. background:#fff;
  924. text-transform:uppercase;
  925. letter-spacing:1px;
  926. font-size:10px;
  927. width:280px;
  928. padding:10px;
  929. line-height:20px;
  930. }
  931.  
  932. .table1 a, .table2 a, .table3 a{
  933. padding:5px;
  934. margin:3px;
  935. -o-transition-transition: all 0.8s ease-out;
  936. -webkit-transition: all 0.8s ease-out;
  937. -moz-transition: all 0.8s ease-out;
  938. transition: all 0.8s ease-out;}
  939.  
  940.  
  941. .table1 a:hover, .table2 a:hover, .table3 a:hover{
  942. background:{color:Link};
  943. color:#fff;
  944. -o-transition-transition: all 0.8s ease-out;
  945. -webkit-transition: all 0.8s ease-out;
  946. -moz-transition: all 0.8s ease-out;
  947. transition: all 0.8s ease-out;
  948. }
  949.  
  950. /*LINKS TABLE BY PAINTHEMES.TUMBLR.COM*/
  951.  
  952.  
  953. /*tooltips style*/
  954. #s-m-t-tooltip{
  955. max-width:300px;
  956. padding:7px;
  957. min-height:7px;
  958. background:{color:Accent};
  959. color:{color:Accent text};
  960. margin:20px 0px 0px 20px;
  961. line-height:100%;
  962. word-wrap:break-word;
  963. word-break:break-all;
  964. opacity:1;
  965. z-index:9999999999999999999;
  966. }
  967.  
  968.  
  969. /*tumblr controls and lightbox*/
  970.  
  971. #tumblr_controls, .tmblr-iframe{
  972. position:fixed!important;
  973. top:0px!important;
  974. right:0px!important;
  975. opacity:.9;
  976. z-index:99999999999999999999999999!important;
  977. -webkit-filter:invert(100%);
  978. -moz-filter:invert(100%);
  979. -o-filter:invert(100%);
  980. -ms-filter:invert(100%);
  981. filter:invert(100%);
  982. -webkit-transition:all 0.6s ease-out;
  983. -webkit-transition: opacity 0.7s linear;
  984. -webkit-transition: all 0.8s ease-out;
  985. -moz-transition: all 0.8s ease-out;
  986. transition: all 0.8s ease-out}
  987.  
  988.  
  989. #tumblr_lightbox,.tmblr-lightbox{
  990. background:rgba({RGBcolor:background}, 0.8)!important;}
  991.  
  992. #vignette,#tumblr_lightbox_caption,.vignette,.lightbox-caption{
  993. opacity:0!important;
  994. }
  995.  
  996. #tumblr_lightbox_center_image, #tumblr_lightbox_left_image, #tumblr_lightbox_right_image, .lightbox-image {
  997. box-shadow:none!important;
  998. border-radius:0px!important;
  999. padding:0px!important;
  1000. background:{color:post background}!important;
  1001. border:0px solid {color:Accent}!important;
  1002. }
  1003.  
  1004.  
  1005. ::-webkit-scrollbar{
  1006. height:3px;
  1007. width:11px;
  1008. background:inherit;
  1009. background:#eee;
  1010. border:5px solid {color:background};
  1011. }
  1012.  
  1013. ::-webkit-scrollbar-track {background:transparent;}
  1014.  
  1015. ::-webkit-scrollbar-thumb {
  1016. height:150px!important;
  1017. background:{color:Accent};
  1018. border:5px solid {color:background};
  1019. }
  1020.  
  1021.  
  1022. /*tiny cursor*/
  1023.  
  1024.  
  1025. html, body, img, a {
  1026. {block:ifWhiteTinycursor}
  1027. cursor:url(http://static.tumblr.com/vmteopo/fhxo3gbrd/small_white_cursor.png), auto;
  1028. {/block:ifWhiteTinycursor}
  1029. {block:ifBlackTinyCursor}
  1030. cursor: url('http://33.media.tumblr.com/tumblr_lqs4qdUu8n1qfoi4t.png'), auto;
  1031. {/block:ifBlackTinyCursor}
  1032. }
  1033.  
  1034. a:hover, a:active, iframe{
  1035. {block:ifWhiteTinycursor}cursor:url(http://static.tumblr.com/vmteopo/RQ9o3gbth/small_white_cursor_help.png), crosshair;
  1036. {/block:ifWhiteTinycursor}
  1037. {block:ifBlackTinyCursor}
  1038. cursor:url(http://static.tumblr.com/vmteopo/DH3njhg50/help_cursor.png), crosshair;
  1039. {/block:ifBlackTinyCursor}
  1040. }
  1041.  
  1042.  
  1043.  
  1044. ::-moz-selection{
  1045. color:{color:Accent text};
  1046. background:{color:Accent};
  1047. }
  1048.  
  1049. ::selection{
  1050. color:{color:Accent text};
  1051. background:{color:Accent};
  1052. }
  1053.  
  1054.  
  1055.  
  1056. /*main structure*/
  1057.  
  1058.  
  1059. body{
  1060. background-color:{color:background};
  1061. background-image:url({image:Background});
  1062. background-attachment:fixed;
  1063. background-repeat:repeat;
  1064. font-family:{select:Font};
  1065. font-size:{text:Font size}px;
  1066. color:{color:text};
  1067. line-height:1.5em;
  1068. -moz-osx-font-smoothing:grayscale;
  1069. -webkit-font-smoothing:antialiased;
  1070. font-smoothing:antialiased;
  1071. }
  1072.  
  1073.  
  1074. a:link, a:active, a:visited{
  1075. color:{color:link};
  1076. text-decoration:none;
  1077. -webkit-transition:all 0.5s linear;
  1078. -moz-transition:all 0.5s linear;
  1079. transition:all 0.5s linear;
  1080. }
  1081.  
  1082. a:hover {color:{color:text};}
  1083.  
  1084.  
  1085. #posts{
  1086. position:relative;
  1087. left:30px;
  1088. margin:70px auto;
  1089. {block:IndexPage}
  1090. width:670px;
  1091. {/block:IndexPage}
  1092. {block:PermalinkPage}
  1093. width:500px;
  1094. margin-top:100px;
  1095. {/block:PermalinkPage}
  1096. }
  1097.  
  1098. .entry {
  1099. margin:40px;
  1100. overflow:hidden;
  1101. {block:indexpage}
  1102. width:250px;
  1103. opacity:0;
  1104. z-index:-1;
  1105. {/block:indexpage}
  1106. {block:PermalinkPage}
  1107. width:400px;
  1108. {/block:PermalinkPage}
  1109. }
  1110.  
  1111. .entry img{
  1112. max-width:100%;
  1113. position:relative;
  1114. overflow:hidden;
  1115. display:block;
  1116. }
  1117.  
  1118. #mask{
  1119. position:absolute;
  1120. width:250px;
  1121. height:0%;
  1122. opacity:0.0;
  1123. background:#fff;
  1124. z-index:10;
  1125. -webkit-transition:all .3s ease-in-out;
  1126. -moz-transition:all .3s ease-in-out;
  1127. transition:all .3s ease-in-out;
  1128.  
  1129. }
  1130.  
  1131. .entry:hover #mask{
  1132. opacity:0.4;
  1133. height:100%;
  1134. }
  1135.  
  1136.  
  1137. #move {
  1138. width:250px;
  1139. height:40px;
  1140. bottom:-100px;
  1141. margin-left:0px;
  1142. opacity:0;
  1143. background:{color:Accent};
  1144. position:absolute;
  1145. z-index:99;
  1146. -webkit-transition:all .5s ease-in-out;
  1147. -moz-transition:all .5s ease-in-out;
  1148. -o-transition:all .5s ease-in-out;
  1149. }
  1150.  
  1151. .entry:hover #move{
  1152. opacity:1;
  1153. overflow:visible;
  1154. bottom:0px;
  1155. }
  1156.  
  1157.  
  1158.  
  1159. .perm1 a, .perm2 a, .perm3 a{
  1160. color:{color:Accent text};
  1161. }
  1162.  
  1163. .perm1 {
  1164. width:20px;
  1165. height:20px;
  1166. text-align:center;
  1167. position:absolute;
  1168. z-index:100;
  1169. bottom:-100px;
  1170. font-size:20px;
  1171. margin-left:10px;
  1172. opacity:0;
  1173. display:inline-block;
  1174. -webkit-transition:opacity 0.3s linear;
  1175. -webkit-transition:all 0.3s linear;
  1176. -moz-transition:all 0.3s linear;
  1177. transition:all 0.3s linear;
  1178. }
  1179.  
  1180. .entry:hover .perm1{
  1181. opacity:1;
  1182. bottom:6px;
  1183. -webkit-transition:all .7s ease-in-out;
  1184. -moz-transition:all .7s ease-in-out;
  1185. -o-transition:all .7s ease-in-out;
  1186. }
  1187.  
  1188. .perma1{
  1189. position:absolute;
  1190. text-transform:uppercase;
  1191. font-family:{select:font};
  1192. font-weight:300;
  1193. font-style:normal;
  1194. font-size:15px;
  1195. letter-spacing:1px;
  1196. margin-top:-15px;
  1197. margin-left:140px;
  1198. width:150px;
  1199. opacity:0;
  1200. visibility:hidden;
  1201. -webkit-transition:opacity 0.3s linear;
  1202. -webkit-transition:all 0.3s linear;
  1203. -moz-transition:all 0.3s linear;
  1204. transition:all 0.3s linear;
  1205. }
  1206.  
  1207. .perm1:hover .perma1{
  1208. opacity:1;
  1209. visibility:visible;
  1210. margin-left:80px;
  1211. }
  1212.  
  1213. .perm2 {
  1214. width:20px;
  1215. height:20px;
  1216. text-align:center;
  1217. position:absolute;
  1218. z-index:100;
  1219. bottom:-100px;
  1220. font-size:20px;
  1221. margin-left:40px;
  1222. opacity:0;
  1223. display:inline-block;
  1224. -webkit-transition:opacity 0.3s linear;
  1225. -webkit-transition:all 0.3s linear;
  1226. -moz-transition:all 0.3s linear;
  1227. transition:all 0.3s linear;
  1228. }
  1229.  
  1230. .entry:hover .perm2 {
  1231. opacity:1;
  1232. bottom:6px;
  1233. -webkit-transition:all 1s ease-in-out;
  1234. -moz-transition:all 1s ease-in-out;
  1235. -o-transition:all 1s ease-in-out;
  1236. }
  1237.  
  1238.  
  1239. .perma2{
  1240. position:absolute;
  1241. text-transform:uppercase;
  1242. font-family:{select:font};
  1243. font-weight:300;
  1244. font-style:normal;
  1245. font-size:14px;
  1246. letter-spacing:1px;
  1247. margin-top:-15px;
  1248. margin-left:100px;
  1249. width:150px;
  1250. opacity:0;
  1251. visibility:hidden;
  1252. -webkit-transition:opacity 0.3s linear;
  1253. -webkit-transition:all 0.3s linear;
  1254. -moz-transition:all 0.3s linear;
  1255. transition:all 0.3s linear;
  1256. }
  1257.  
  1258. .perm2:hover .perma2{
  1259. opacity:1;
  1260. visibility:visible;
  1261. margin-left:40px;
  1262. }
  1263.  
  1264. .perm3 {
  1265. width:20px;
  1266. height:20px;
  1267. text-align:center;
  1268. position:absolute;
  1269. z-index:100;
  1270. bottom:-100px;
  1271. font-size:20px;
  1272. margin-left:70px;
  1273. opacity:0;
  1274. display:inline-block;
  1275. -webkit-transition:opacity 0.3s linear;
  1276. -webkit-transition:all 0.3s linear;
  1277. -moz-transition:all 0.3s linear;
  1278. transition:all 0.3s linear;
  1279. }
  1280.  
  1281. .entry:hover .perm3 {
  1282. opacity:1;
  1283. bottom:6px;
  1284. -webkit-transition:all 1.5s ease-in-out;
  1285. -moz-transition:all 1.5s ease-in-out;
  1286. -o-transition:all 1.5s ease-in-out;
  1287. }
  1288.  
  1289.  
  1290. .perma3{
  1291. position:absolute;
  1292. text-transform:uppercase;
  1293. font-family:{select:font};
  1294. font-weight:300;
  1295. font-style:normal;
  1296. font-size:14px;
  1297. letter-spacing:1px;
  1298. margin-top:-15px;
  1299. margin-left:80px;
  1300. width:150px;
  1301. opacity:0;
  1302. visibility:hidden;
  1303. -webkit-transition:opacity 0.3s linear;
  1304. -webkit-transition:all 0.3s linear;
  1305. -moz-transition:all 0.3s linear;
  1306. transition:all 0.3s linear;
  1307. }
  1308.  
  1309. .perm3:hover .perma3{
  1310. opacity:1;
  1311. visibility:visible;
  1312. margin-left:15px;
  1313. }
  1314.  
  1315.  
  1316.  
  1317. pre {
  1318. white-space: pre-wrap;
  1319. white-space: -moz-pre-wrap;
  1320. white-space: -pre-wrap;
  1321. white-space: -o-pre-wrap;
  1322. word-wrap: break-word;
  1323. }
  1324.  
  1325. p {margin:5px 0;}
  1326.  
  1327. p:first-of-type {
  1328. margin-top:0;
  1329. padding-top:0;
  1330. }
  1331.  
  1332. p:last-of-type {
  1333. margin-bottom:0;
  1334. padding-bottom:0;
  1335. }
  1336.  
  1337.  
  1338. small, big {font-size:1em;}
  1339.  
  1340. h1, h2, h3, h4 {
  1341. font-size:2em;
  1342. margin:0;
  1343. line-height:20px;
  1344. padding:0;
  1345. }
  1346.  
  1347.  
  1348. .back{
  1349. margin-top:3px;
  1350. padding:10px;
  1351. border:1px solid {color:Accent};
  1352. }
  1353.  
  1354. .back a, .a a{
  1355. color:{color:text};
  1356. border-bottom:1px solid {color:Accent};
  1357. }
  1358.  
  1359. .back a:hover, .a a:hover{
  1360. color:{color:link};
  1361. border-bottom:1px solid {color:link};
  1362. }
  1363.  
  1364. .ptext{
  1365. right:5px;
  1366. margin-top:10px;
  1367. display:block;
  1368. font-size:12px;
  1369. text-align:right;
  1370. word-spacing:5px;
  1371. }
  1372.  
  1373. /*audio player*/
  1374.  
  1375.  
  1376. #audio {
  1377. width:auto;
  1378. margin:0px;
  1379. height:auto;
  1380. min-height:60px;
  1381. line-height:20px;
  1382. }
  1383. .cover {
  1384. z-index:1;
  1385. width:70px;
  1386. height:70px;
  1387. position:absolute;
  1388. }
  1389. .cover img {
  1390. float:left;
  1391. position:absolute;
  1392. border-radius:0px;
  1393. width:70px;
  1394. height:70px;
  1395. }
  1396.  
  1397. .playbox {
  1398. position:absolute;
  1399. z-index:9;
  1400. background:black;
  1401. opacity:0;
  1402. width:70px;
  1403. height:70px;
  1404. -webkit-transition:opacity 0.5s linear;
  1405. -webkit-transition:all 0.5s linear;
  1406. -moz-transition:all 0.5s linear;
  1407. transition:all 0.5s linear;
  1408. }
  1409.  
  1410. .entry:hover .playbox{
  1411. opacity:.8;
  1412. -webkit-transition:opacity 0.5s linear;
  1413. -webkit-transition:all 0.5s linear;
  1414. -moz-transition:all 0.5s linear;
  1415. transition:all 0.5s linear;
  1416. }
  1417.  
  1418. .button {
  1419. position:relative;
  1420. z-index: 1000;
  1421. overflow:hidden;
  1422. width:25px;
  1423. height:25px;
  1424. margin:20px 20px 20px 20px;
  1425. }
  1426.  
  1427.  
  1428. .info {
  1429. margin-left:70px;
  1430. margin-top:0px;
  1431. font-size:15px;
  1432. letter-spacing:1px;
  1433. text-align:right;
  1434. font-family:{select:font};
  1435. line-height:25px;
  1436. text-transform:uppercase;
  1437. font-weight:300;
  1438. background:{color:Accent};
  1439. color:{color:Accent text};
  1440. padding:10px;
  1441. padding-left:0px;
  1442. }
  1443.  
  1444. /*title*/
  1445.  
  1446. .title{
  1447. background:{color:Accent};
  1448. color:{color:Accent text};
  1449. font-family:{select:font};
  1450. margin-bottom:7px;
  1451. padding:7px;
  1452. font-weight:300;
  1453. text-align:center;
  1454. font-size:17px;
  1455. text-transform:uppercase;
  1456. line-height:28px;
  1457. }
  1458.  
  1459. .title a{
  1460. color:{color:Accent text};
  1461. }
  1462.  
  1463. /*blockquote & quote*/
  1464.  
  1465. blockquote{
  1466. border-left:1px solid {color:Accent};
  1467. margin:5px;
  1468. padding-left:10px;
  1469. line-height:15px;
  1470. }
  1471.  
  1472. .quote{
  1473. font-family:{select:font};
  1474. font-size:13px;
  1475. font-weight:300;
  1476. text-transform:uppercase;
  1477. line-height:20px;
  1478. padding:7px;
  1479. background:{color:Accent};
  1480. color:{color:Accent text};
  1481. }
  1482.  
  1483. .cite{
  1484. line-height:15px;
  1485. text-align:right;
  1486. font-family:9px;
  1487. font-style:italic;
  1488. padding-top:5px;
  1489. padding-right:5px;
  1490. }
  1491.  
  1492. /*ask style*/
  1493.  
  1494.  
  1495. .as{
  1496. color:{color:text};
  1497. letter-spacing:0px;
  1498. font-family:{select:font};
  1499. text-transform:uppercase;
  1500. padding:10px;
  1501. text-align:center;
  1502. font-style:normal;
  1503. overflow:hidden;
  1504. background:{color:Accent};
  1505. color:{color:Accent text};
  1506. }
  1507.  
  1508. .as a{color:{color:Accent text};}
  1509.  
  1510. .q{
  1511. margin-top:10px;
  1512. margin-bottom:10px;
  1513. line-height:14px;
  1514. }
  1515.  
  1516. .qline{
  1517. height:1px;
  1518. display:block;
  1519. width:50%;
  1520. margin-left:25%;
  1521. background:{color:Accent};
  1522. }
  1523.  
  1524. .a{
  1525. line-height:14px;
  1526. margin-top:10px;
  1527. }
  1528.  
  1529. .a img{
  1530. width:100%;
  1531. height:auto;
  1532. }
  1533.  
  1534. .video, .video iframe{
  1535. display:block;
  1536. width:250px;
  1537. height:auto;
  1538. }
  1539. #reblogged {
  1540. bottom:30px!important;
  1541. right:30px!important;
  1542. }
  1543. /*chat styling*/
  1544.  
  1545. .user_1, .user_3, .user_5, .user_7, .user_9, .user_11, .user_13, .user_15, .user_17, .user_19, .user_21, .user_23, .user_25, .user_27, .user_29, .user_31, .user_33, .user_35, .user_37, .user_39, .user_41, .user_43, .user_45, .user_47, .user_49, .user_51, .user_53, .user_55, .user_57, .user_59, .user_61, .user_63, .user_65, .user_67, .user_69, .user_71, .user_73, .user_75, .user_77, .user_79, .user_81, .user_83, .user_85, .user_87, .user_89, .user_91, .user_93, .user_95, .user_97, .user_99, .user_101, .user_103, .user_105, .user_107, .user_109, .user_111, .user_113, .user_115, .user_117, .user_119, .user_121, .user_123, .user_125, .user_127, .user_129, .user_131, .user_133, .user_135, .user_137, .user_139, .user_141, .user_143, .user_145, .user_147, .user_149{
  1546. background:{color:Accent};
  1547. padding:5px;
  1548. margin-bottom:4px;
  1549. color:{color:Accent text};}
  1550.  
  1551. .user_2, .user_4, .user_6, .user_8, .user_10, .user_12, .user_14, .user_16, .user_18, .user_20, .user_22, .user_24, .user_26, .user_28, .user_30, .user_32, .user_34, .user_36, .user_38, .user_40, .user_42, .user_44, .user_46, .user_48, .user_50, .user_52, .user_54, .user_56, .user_58, .user_60, .user_62, .user_64, .user_66, .user_68, .user_70, .user_72, .user_74, .user_76, .user_78, .user_80, .user_82, .user_84, .user_86, .user_88, .user_90, .user_92, .user_94, .user_96, .user_98, .user_100, .user_102, .user_104, .user_106, .user_108, .user_110, .user_112, .user_114, .user_116, .user_118, .user_120, .user_122, .user_124, .user_126, .user_128, .user_130, .user_132, .user_134, .user_136, .user_138, .user_140, .user_142, .user_144, .user_146, .user_148, .user_150{
  1552. background:rgba({RGBcolor:Accent}, 0.8);
  1553. padding:5px;
  1554. margin-bottom:4px;
  1555. color:{color:Accent text};}
  1556.  
  1557.  
  1558. li{position:relative;display:block;}
  1559. li:before{content:'―';font-size:10px;position:absolute;left:-15px;color:{color:Accent};top:0px;}
  1560.  
  1561.  
  1562. /*permalink notes*/
  1563.  
  1564. .caption{
  1565. margin-top:10px;
  1566. }
  1567.  
  1568. .inf{
  1569. background:{color:Accent};
  1570. color:{color:Accent text};
  1571. display:block;
  1572. margin-top:10px;
  1573. padding:10px;
  1574. line-height:17px;
  1575. font-family:{select:font};
  1576. text-transform:uppercase;
  1577. font-size:10px;
  1578. }
  1579.  
  1580. .tg{display:block;}
  1581. .tg a:after{content:',';}
  1582. .tg a:last-of-type:after {content:'.';}
  1583. .inf a, .notas a, .tg a{color:{color:Accent text};border-bottom:1px solid transparent;}
  1584. .inf a:hover, .notas a:hover, .tg a:hover{border-bottom:1px solid {color:Accent text};}
  1585.  
  1586. .notas{
  1587. margin-top:10px;
  1588. font-family:{select:font};
  1589. text-transform:uppercase;
  1590. font-size:10px;
  1591. display:none;
  1592. color:{color:Accent text};
  1593. }
  1594.  
  1595. ol.notes {
  1596. padding:0px!important;
  1597. margin: 0;
  1598. list-style-type: none;
  1599. }
  1600. ol.notes li.note {
  1601. padding-top:8px;
  1602. padding-bottom:8px;
  1603. border-top:1px solid rgba({RGBcolor:Accent text}, 0.5);
  1604. }
  1605. ol.notes li.note img.avatar {
  1606. float:right;
  1607. border-radius:0%;
  1608. padding:0px!important;
  1609. border:1px solid transparent;
  1610. }
  1611. ol.notes li.note blockquote a {
  1612. text-decoration: none;
  1613. }
  1614. li.more_notes_link_container {
  1615. text-transform: uppercase;
  1616. font-size:1em;
  1617. letter-spacing:1px;
  1618. }
  1619.  
  1620.  
  1621. img:not(.lightbox-image) {
  1622. max-width:100%;
  1623. height:auto;
  1624. }
  1625.  
  1626. #top{
  1627. position:fixed;
  1628. top:0px;
  1629. left:0px;
  1630. width:100%;
  1631. height:25px;
  1632. background:{color:Accent};
  1633. z-index:999999;
  1634. }
  1635.  
  1636. #top2{
  1637. position:fixed;
  1638. top:25px;
  1639. left:0px;
  1640. width:100%;
  1641. height:5px;
  1642. background:{color:background};
  1643. border-bottom:4px double {color:Accent};
  1644. z-index:999999;
  1645. }
  1646.  
  1647.  
  1648. #sidebar{
  1649. position:fixed;
  1650. top:200px;
  1651. left:90px;
  1652. width:250px;
  1653. text-align:center;
  1654. z-index:999999;
  1655. padding-top:5px;
  1656. padding-bottom:6px;
  1657. border-top:4px double {color:Accent};
  1658. border-bottom:4px double {color:Accent};
  1659. }
  1660.  
  1661.  
  1662. .blogtitle{
  1663. font-family: 'Alex Brush', cursive;
  1664. font-size:40px;
  1665. margin-top:-35px;
  1666. position:absolute;
  1667. text-align:center;
  1668. font-weight:300;
  1669. text-transform:capitalize;
  1670. width:250px;
  1671. color:{color:Accent};
  1672. height:auto;
  1673. z-index:999999999999999;
  1674. }
  1675.  
  1676. .desc{
  1677. margin-top:0px;
  1678. padding:15px;
  1679. background:{color:Accent};
  1680. color:{color:Accent Text};
  1681. }
  1682.  
  1683. .desc a{
  1684. color:{color:text};
  1685. }
  1686.  
  1687. .nav{
  1688. width:280px;
  1689. position:absolute;
  1690. margin-top:10px;
  1691. margin-left:-18px;
  1692. text-align:center;
  1693. text-transform:uppercase;
  1694. font-size:10px;
  1695. font-family:{select:font};
  1696. height:auto;
  1697. }
  1698.  
  1699. .nav a{
  1700. display:inline-block;
  1701. margin:3px;
  1702. margin-top:1px;
  1703. color:{color:text};
  1704. position:relative;
  1705. {block:IfIconlinks}
  1706. font-size:22px;
  1707. padding-bottom:5px;
  1708. margin-top:5px;
  1709. margin-right:20px;
  1710. {/block:IfIconlinks}
  1711. -webkit-transition: all 0.5s ease;
  1712. -moz-transition: all 0.5s ease;
  1713. -o-transition: all 0.5s ease;
  1714. transition: all 0.5s ease;
  1715. }
  1716.  
  1717. .nav a:hover{
  1718. color:{color:Accent};
  1719. -webkit-transition: all 0.5s ease;
  1720. -moz-transition: all 0.5s ease;
  1721. -o-transition: all 0.5s ease;
  1722. transition: all 0.5s ease;
  1723. }
  1724.  
  1725. .nav a:before{
  1726. position:absolute;
  1727. content:"";
  1728. z-index:-1;
  1729. top:15px;
  1730. left:50%;
  1731. right:50%;
  1732. height:1px;
  1733. background:{color:Accent};
  1734. -webkit-transition: all 0.5s ease;
  1735. -moz-transition: all 0.5s ease;
  1736. -o-transition: all 0.5s ease;
  1737. transition: all 0.5s ease;
  1738. }
  1739. .nav a:hover:before,
  1740. .nav a:focus:before,
  1741. .nav a:active:before{
  1742. left:0;
  1743. right:0;
  1744. }
  1745.  
  1746. #harrypotter{
  1747. position:fixed;
  1748. z-index:1000;
  1749. top: 80px;
  1750. left:-170px;
  1751. padding: 6px;
  1752. width:220px;
  1753. height: auto;
  1754. align-items: center;
  1755. -webkit-transition: all .4s ease;
  1756. -moz-transition: all .4s ease;
  1757. -o-transition: all .4s ease;
  1758. transition: all .4s ease;
  1759. }
  1760.  
  1761. #harrypotter:hover{
  1762. left:5px;
  1763. }
  1764.  
  1765.  
  1766. #hpbadge{
  1767. position:absolute;
  1768. top:0px;
  1769. right:0px;
  1770. width:55px;
  1771. height:55px;
  1772. padding:3px;
  1773. border-radius:3px;
  1774. /*border:1px solid #cccccc;*/
  1775. background-color:#ffffff;
  1776. }
  1777.  
  1778. #hpbadge img{
  1779. width:50px;
  1780. height:50px;
  1781. border-radius:3px;
  1782. }
  1783.  
  1784. #badgeinfo{
  1785. height:30px;
  1786. width:150px;
  1787. padding:3px;
  1788. border-radius:3px;
  1789. border:3px solid #992727;
  1790. background-color:#d47474;
  1791. text-align:center;
  1792. font-size:30px;
  1793. letter-spacing:1.5px;
  1794. font-family: 'harry_pregular';
  1795. color:#fff;
  1796. display: flex;
  1797. align-items: center;
  1798. justify-content: center;
  1799.  
  1800.  
  1801. </style>
  1802.  
  1803. <script src="jquery.js"></script>
  1804. <script>
  1805. $(document).ready(function(){
  1806. $(".title1").click(function(){
  1807. $(".table1").slideToggle("fast");});});
  1808. $(document).ready(function(){
  1809. $(".title2").click(function(){
  1810. $(".table2").slideToggle("fast");});});
  1811. $(document).ready(function(){
  1812. $(".title3").click(function(){
  1813. $(".table3").slideToggle("fast");});});
  1814. </script>
  1815.  
  1816. </head>
  1817.  
  1818. <body>
  1819.  
  1820. <div id="harrypotter"><a href="http://hogwartsschoolnetwork.tumblr.com/" title="Hogwarts Network">
  1821. <div id="hpbadge"><img src="http://vignette2.wikia.nocookie.net/harrypotter/images/6/6b/Gryffindorcrest.png/revision/latest?cb=20110308010135"></div>
  1822. <div id="badgeinfo">
  1823. Gryffindor
  1824. </div>
  1825. </div>
  1826.  
  1827. <div id="top"></div>
  1828. <div id="top2"></div>
  1829.  
  1830. <div id="sidebar">
  1831. <div class="blogtitle">{text:blogtitle}</div>
  1832. <div class="desc">{description}</div>
  1833. <div class="nav">
  1834. <!--
  1835. NOTE: If you're going to install popups, make sure that you're replacing the link in the correct place.
  1836.  
  1837. If you're using the text links, make sure you're replacing the links below
  1838. ifNOTiconlinks
  1839.  
  1840. If you're going to use the icons for links, make sure you'te replacing the links below ifIconLinks
  1841. -->
  1842. {block:ifNOTiconlinks}
  1843. <a href="/">{text:Home Label}</a>
  1844. <a href="/ask">{text:Ask Label}</a>
  1845. <a href="{text:Extra link 1}">{text:Extra link 1 Title}</a>
  1846. <a href="{text:Extra link 2}">{text:Extra link 2 Title}</a>
  1847. <a href="/archive">{text:Archive Label}</a>
  1848. <a href="http://planthed.tumblr.com" target="_blank">Theme</a>
  1849. {/block:ifNOTiconlinks}
  1850. <!--------------fa icons--------------------->
  1851. {block:ificonlinks}
  1852. <a title="{text:Home Label}" href="/"><i class="pe-7s-home"></i></a>
  1853. <a title="{text:Ask Label}" href="#?w=auto" rel="box1" class="poplight"><i class="pe-7s-paper-plane"></i></a>
  1854. <a title="{text:Extra link 1 Title}" href="#?w=auto" rel="box2" class="poplight" title="Links"><i class="pe-7s-keypad"></i></a>
  1855. <a title="{text:Extra link 2 Title}" href="#?w=auto" rel="box5" class="poplight"><i class="pe-7s-user-female"></i></a>
  1856. <a title="{text:Archive Label}" href="/archive"><i class="pe-7s-settings"></i></a>
  1857. {/block:ificonlinks}
  1858. </div>
  1859. </div>
  1860.  
  1861.  
  1862. <div id="posts">
  1863. {block:Posts}
  1864. <div class="entry">
  1865.  
  1866. {block:Text}
  1867. {block:Title}<div class="title">{Title}</div>{/block:Title}
  1868. <div class="back">{Body}</div>
  1869. {block:IndexPage}
  1870. <div class="ptext">
  1871. <a title="{timeago} with {notecountwithlabel}" href="{permalink}" target="_blank"><i class="pe-7s-comment"></i></a>
  1872. <a title="reblog" href="{ReblogURL}" target="_blank"><i class="pe-7s-repeat"></i></a></div>
  1873. {/block:IndexPage}
  1874. {/block:Text}
  1875.  
  1876.  
  1877. {block:Link}
  1878. <div class="title">
  1879. <a href="{URL}">{Name} <i class="pe-7s-right"></i></a></div>
  1880. <div class="back">{block:Description}{Description}{/block:Description}
  1881. </div>{block:IndexPage}
  1882. <div class="ptext">
  1883. <a title="{timeago} with {notecountwithlabel}" href="{permalink}" target="_blank"><i class="pe-7s-comment"></i></a>
  1884. <a title="reblog" href="{ReblogURL}" target="_blank"><i class="pe-7s-repeat"></i></a></div>
  1885. {/block:IndexPage}
  1886. {block:Link}
  1887.  
  1888.  
  1889.  
  1890. {block:Photo}
  1891. {block:IndexPage}
  1892. <div id="mask"></div>
  1893. <div id="move"></div>
  1894. <div class="perm1">
  1895. <a href="{ReblogURL}" target="_blank"><i class="pe-7s-refresh-2"></i></a>
  1896. <div class="perma1"><a href="{ReblogURL}" target="_blank">reblog this</a></div>
  1897. </div>
  1898. <div class="perm2">
  1899. <a href="{Permalink}" target="_blank"><i class="pe-7s-alarm"></i></a>
  1900. <div class="perma2">
  1901. <a href="{Permalink}" target="_blank">{Month} {DayOfMonth}</a></div>
  1902. </div>
  1903. <div class="perm3">
  1904. <a href="{Permalink}" target="_blank"><i class="pe-7s-comment"></i></a>
  1905. <div class="perma3"><a href="{Permalink}" target="_blank">{NoteCountWithLabel}</a></div>
  1906. </div>
  1907. <img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="100%"/>
  1908. {/block:IndexPage}
  1909. {block:PermalinkPage}
  1910. <img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="100%"/>
  1911. {/block:PermalinkPage}
  1912. {/block:Photo}
  1913.  
  1914.  
  1915. {block:Photoset}
  1916. <div class="photo-slideshow" id="photoset_{PostID}" data-layout="{PhotosetLayout}">{block:Photos}<div class="photo-data"><div class="pxu-photo"><img src="{PhotoURL-500}" width="{PhotoWidth-500}" height="{PhotoHeight-500}" data-highres="{PhotoURL-HighRes}" data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}"></div><a class="tumblr-box" rel="post-{PostID}" href="{PhotoURL-HighRes}"></a></div>{/block:Photos}</div>
  1917. {block:IndexPage}
  1918. <div class="ptext">
  1919. <a title="{timeago} with {notecountwithlabel}" href="{permalink}" target="_blank"><i class="pe-7s-comment"></i></a>
  1920. <a title="reblog" href="{ReblogURL}" target="_blank"><i class="pe-7s-repeat"></i></a></div>
  1921. {/block:IndexPage}
  1922. {/block:Photoset}
  1923.  
  1924.  
  1925. {block:Quote}
  1926. <div class="quote">❝&nbsp;{quote}</div>
  1927. <div class="cite">&mdash; {Source}</div>
  1928. {block:IndexPage}
  1929. <div class="ptext">
  1930. <a title="{timeago} with {notecountwithlabel}" href="{permalink}" target="_blank"><i class="pe-7s-comment"></i></a>
  1931. <a title="reblog" href="{ReblogURL}" target="_blank"><i class="pe-7s-repeat"></i></a></div>
  1932. {/block:IndexPage}
  1933. {/block:Quote}
  1934.  
  1935. {block:Chat}
  1936. <div class="chat">
  1937. {block:Title}<span class="title">{Title}</span></span>{/block:Title}
  1938. {block:Lines}<div class="lines {Alt}"><div class="{Alt} user_{UserNumber}">{block:Label}<i>{Label}</i> {/block:Label}{Line}</div></div>{/block:Lines}
  1939. </div>
  1940. {block:IndexPage}
  1941. <div class="ptext">
  1942. <a title="{timeago} with {notecountwithlabel}" href="{permalink}" target="_blank"><i class="pe-7s-comment"></i></a>
  1943. <a title="reblog" href="{ReblogURL}" target="_blank"><i class="pe-7s-repeat"></i></a></div>
  1944. {/block:IndexPage}
  1945. {/block:Chat}
  1946.  
  1947. {block:Audio}
  1948. <div id="audio">
  1949. <div class="cover"><img src="http://static.tumblr.com/k9utpfa/tcom8wpif/default_cover_m.jpg"></div>
  1950. {block:AlbumArt}
  1951. <div class="cover"><img src="{AlbumArtURL}"></div>
  1952. {/block:AlbumArt}
  1953. <div class="playbox">
  1954. <div class="button">
  1955. {block:AudioPlayer}{AudioPlayerBlack}{/block:AudioPlayer}</div></div>
  1956. <div class="info">
  1957. <span{block:TrackName} style="display:none;"{/block:TrackName}>Unknown</span>{block:TrackName}{TrackName}{/block:TrackName}
  1958. <div style="text-transform:uppercase;font-size:10px;letter-spacing:1px;color:{color:Accent text};font-family:{select:Font};">
  1959. <span{block:Artist} style="display:none;"{/block:Artist}>Unknown</span>{block:Artist}{Artist}{/block:Artist}</div>
  1960. </div>
  1961. </div>
  1962. {block:IndexPage}
  1963. <div class="ptext">
  1964. <a title="{timeago} with {notecountwithlabel}" href="{permalink}" target="_blank"><i class="pe-7s-comment"></i></a>
  1965. <a title="reblog" href="{ReblogURL}" target="_blank"><i class="pe-7s-repeatt"></i></a></div>
  1966. {/block:IndexPage}
  1967. {/block:Audio}
  1968.  
  1969.  
  1970. {block:Video}
  1971. <div class="video">{Video-500}</div>
  1972. {block:IndexPage}
  1973. <div class="ptext">
  1974. <a title="{timeago} with {notecountwithlabel}" href="{permalink}" target="_blank"><i class="pe-7s-comment"></i></a>
  1975. <a title="reblog" href="{ReblogURL}" target="_blank"><i class="pe-7s-repeat"></i></a></div>
  1976. {/block:IndexPage}
  1977. {/block:Video}
  1978.  
  1979.  
  1980. {block:Answer}
  1981. <div class="as">{Asker} asked:</div>
  1982. <div class="q">{Question}</div>
  1983. <div class="qline"></div>
  1984. <div class="a">{Answer}</div>
  1985. {block:IndexPage}
  1986. <div class="ptext">
  1987. <a title="{timeago} with {notecountwithlabel}" href="{permalink}" target="_blank"><i class="pe-7s-comment"></i></a>
  1988. <a title="reblog" href="{ReblogURL}" target="_blank"><i class="pe-7s-repeat"></i></a></div>
  1989. {/block:IndexPage}
  1990. {/block:Answer}
  1991.  
  1992.  
  1993.  
  1994. {block:PermalinkPage}
  1995. <div class="caption">{block:Caption}{Caption}{/block:Caption}</div>
  1996. {block:Date}
  1997. <div class="inf">
  1998. Posted on {month} {dayofmonth}{dayofmonthsuffix} at {12hour}:{minutes}{ampm} <br>
  1999. {block:RebloggedFrom}
  2000. source: <a href="{ReblogRootURL}">{ReblogRootName}</a> <br> via: <a href="{ReblogParentURL}">{ReblogParentName}</a><br>
  2001. {/block:RebloggedFrom}
  2002. <div class="tg">
  2003. {block:HasTags}
  2004. tags: {block:Tags}<a href="{TagURL}">#{Tag}</a>&nbsp;
  2005. {/block:Tags}{/block:HasTags}
  2006. </div>
  2007. <div class="show">
  2008. <a title="show notes" href="#">{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}</a></div>
  2009. <div class="notas">
  2010. {block:PostNotes}
  2011. {PostNotes}
  2012. {/block:PostNotes}
  2013. {/block:Date}
  2014. </div>
  2015. {/block:PermalinkPage}
  2016. </div>
  2017. {/block:Date}
  2018. {/block:Posts}
  2019. </div>
  2020.  
  2021.  
  2022. <div class="pagination">
  2023. {block:Pagination}
  2024. {block:PreviousPage}
  2025. <a href="{PreviousPage}"></a>
  2026. {/block:PreviousPage}
  2027.  
  2028. {block:NextPage}
  2029. <a href="{NextPage}" class="next"></a>
  2030. {/block:NextPage}
  2031. {/block:Pagination}</div>
  2032.  
  2033. <!--Like seriously guys, DON'T TOUCH any of this scripts unless you know what it does or you will ruin your whole theme--->
  2034. <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.1/css/font-awesome.min.css">
  2035. <link href='https://fonts.googleapis.com/css?family=Montserrat:400,700|Montserrat+Alternates' rel='stylesheet' type='text/css'>
  2036. <link href='https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,900,700,600' rel='stylesheet' type='text/css'>
  2037. <link href='https://fonts.googleapis.com/css?family=Oxygen' rel='stylesheet' type='text/css'>
  2038. <script src="https://cdnjs.cloudflare.com/ajax/libs/smoothscroll/1.4.1/SmoothScroll.min.js"></script>
  2039. <script type="text/javascript">
  2040. WebFontConfig = {
  2041. google: { families: [ 'Open+Sans::latin', 'Open+Sans+Condensed:300:latin', 'Muli::latin', 'Kurale::latin', 'PT+Serif::latin', 'Noto+Serif::latin', 'Crimson+Text::latin', 'Old+Standard+TT::latin', 'Roboto:400,300,100:latin', 'Roboto+Condensed::latin', 'Roboto+Mono::latin', 'Lato:400,300:latin', 'Raleway:400,300:latin', 'Montserrat:400,700:latin', 'Montez::latin', 'NTR::latin', 'Karla::latin', 'Quicksand::latin', 'Petit+Formal+Script::latin', 'Clicker+Script::latin', 'Source+Code+Pro::latin', 'Mako::latin', 'Maven+Pro::latin', 'Inconsolata::latin','Poppins::latin' ] }};
  2042. (function() {var wf = document.createElement('script'); wf.src = 'https://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js';wf.type = 'text/javascript';wf.async = 'true'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(wf, s);})(); </script>
  2043. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  2044. <script src ="http://static.tumblr.com/fwgzvyf/Oj1o08f6h/shythemes.vr.js"></script>
  2045. <link rel="stylesheet" href="http://static.tumblr.com/8pnyeus/29To2og0o/styles.css">
  2046. <script src="http://static.tumblr.com/8pnyeus/nfIo2oh8w/l-script.js" type="text/javascript"></script>
  2047. <script src="http://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
  2048. {block:IndexPage}
  2049. <script src="http://static.tumblr.com/6hsqxdt/QBym35odk/jquery.masonry.js"></script>
  2050. <script src="http://static.tumblr.com/wgijwsy/u2vm2hxv6/jquery.infinitescroll.min.js"></script>
  2051. {/block:IndexPage}
  2052. <script>
  2053. $(document).ready(function(){
  2054. $('.photo-slideshow').pxuPhotoset({
  2055. lightbox: true,
  2056. rounded: false,
  2057. gutter: '6px',
  2058. photoset: '.photo-slideshow',
  2059. photoWrap: '.photo-data',
  2060. photo: '.pxu-photo'
  2061. });
  2062. {block:IndexPage}
  2063. var $container = $('#posts');
  2064. $container.masonry({ itemSelector: '.entry' });
  2065. $container.imagesLoaded(function(){
  2066. $container.masonry();
  2067. $container.find('.entry').animate({ opacity: 1, zIndex: 1 });
  2068. });
  2069. $container.infinitescroll({
  2070. itemSelector: '.entry',
  2071. navSelector: '.pagination',
  2072. nextSelector: '.next',
  2073. loadingImg: '',
  2074. loadingText: '<em></em>',
  2075. bufferPx: 2000
  2076. },
  2077. function( newElements ) {
  2078. var $newElems = $( newElements );
  2079. $newElems.find('.photo-slideshow').pxuPhotoset({
  2080. lightbox: true,
  2081. rounded: false,
  2082. gutter: '6px',
  2083. photoset: '.photo-slideshow',
  2084. photoWrap: '.photo-data',
  2085. photo: '.pxu-photo'
  2086. },
  2087.  
  2088. function(){
  2089. resizeVideos(); },
  2090.  
  2091. function(){
  2092. $container.masonry();
  2093. });
  2094. $newElems.imagesLoaded(function(){
  2095. $container.masonry( 'appended', $newElems );
  2096. $newElems.animate({ opacity: 1, zIndex: 1 });
  2097. });
  2098. });
  2099. {/block:IndexPage}
  2100. });
  2101. </script>
  2102. <!--- UPDATES TABS BY PLANTHED ---->
  2103. <div id="updates">
  2104. <div class="arrow"><i class="pe-7s-diamond"></i></div>
  2105. <div class="updatestitle">The Good Vibes</div>
  2106. <div class="upline"></div>
  2107. <div style="margin-top:30px"></div>
  2108. <!---copy and paste the box how many times as you need
  2109. <div class="box">
  2110. </div>
  2111. --->
  2112. <div class="box">
  2113. <!---write your text here--->
  2114. <p><h1>Updates</h1></p>
  2115. Exams are coming up so sorry for late responses!
  2116. <!-- end of the text --->
  2117. </div>
  2118.  
  2119. <div class="box">
  2120. <!---write your text here--->
  2121. <p><h1>Stats</h1></p>
  2122. <script language="JavaScript">var fhs = document.createElement('script');var fhs_id = "5467289";
  2123. var ref = (''+document.referrer+'');var pn = window.location;var w_h = window.screen.width + " x " + window.screen.height;
  2124. fhs.src = "//s1.freehostedscripts.net/ocounter.php?site="+fhs_id+"&e1=cappuccino&e2=cappuchinos&r="+ref+"&wh="+w_h+"&a=1&pn="+pn+"";
  2125. document.head.appendChild(fhs);document.write("<span id='o_"+fhs_id+"'></span>");
  2126. </script><br>
  2127. <script language="JavaScript">var fhsh = document.createElement('script');var fhs_id_h = "3241140";
  2128. fhsh.src = "//s1.freehostedscripts.net/ocount.php?site="+fhs_id_h+"&name=coffee beans&a=1";
  2129. document.head.appendChild(fhsh);document.write("<span id='h_"+fhs_id_h+"'></span>");
  2130. </script><br>
  2131. <script src="https://followercounter.co/api/text/soulfhully"></script><br>
  2132. <script id="qpscript" src="http://qplus.io/scripts/queued/58801eb0e9d3047874087f36"></script><br>
  2133. <a href="https://time.is/Eureka,_California" id="time_is_link" rel="nofollow" style="font-size:11px">My Time:</a>
  2134. <span id="Eureka__California_z14e" style="font-size:11px"></span>
  2135. <script src="//widget.time.is/t.js"></script>
  2136. <script>
  2137. time_is_widget.init({Eureka__California_z14e:{time_format:"12hours:minutesAMPM"}});
  2138. </script>
  2139.  
  2140. <!-- end of the text --->
  2141. </div>
  2142.  
  2143. <div class="box">
  2144. <!---write your text here--->
  2145. <p><h1>Birthdays</h1></p>
  2146. <script type="text/javascript" src="https://dl.dropboxusercontent.com/s/llib1ztbc6d6vlx/birthdayclub.js"></script><div id="birthdayClub"></div>
  2147. <!-- end of the text --->
  2148. </div>
  2149.  
  2150. <div class="box">
  2151. <!-- please give me credits!! --->
  2152. <p><h1>Tab of Honour</h1></p>
  2153.  
  2154. <a href="http://guardehn.tumblr.com">guardehn</a><br>
  2155. <a href="http://azuher.tumblr.com">azuher</a><br>
  2156. <a href="http://olympeha.tumblr.com">olympeha</a><br>
  2157. <ul>
  2158. <li> follow them for a BR </li>
  2159. <li> queue 50 from themfor an FBR </li>
  2160. <li> queue 100 from them for a screenie + FBR </li>
  2161. </ul>
  2162. <!-- please give me credits!! --->
  2163. </div>
  2164.  
  2165. </div>
  2166.  
  2167. <div id="box1" class="popup_block">
  2168. <div id="faq">
  2169.  
  2170. <h1>I will</h1>
  2171. <ul>
  2172. <li>check out your blog (mbf) </li>
  2173. <li>give blog/personal advice </li>
  2174. <li>be your friend forever :D </li>
  2175. <li>reblog similar posts </li>
  2176. <li>Q4Q with mutuals only </li>
  2177. </ul>
  2178.  
  2179. <h1>I won't</h1>
  2180. <ul>
  2181. <li>follow/promo on command </li>
  2182. <li>follow/promo on request </li>
  2183. <li>respond to hate </li>
  2184. <li>accept graphic content </li>
  2185. </ul>
  2186.  
  2187. <h1>Unfollowed because</h1>
  2188. <ul>
  2189. <li>inactivity for a week </li>
  2190. <li>you/I changed blog styles </li>
  2191. <li>you unfollowed me first </li>
  2192. <li>you were unneededly rude </li>
  2193. </ul>
  2194.  
  2195.  
  2196. </div>
  2197. <div id="ask">
  2198.  
  2199. <br><h1>Hello Eliza!</h1>
  2200. <iframe frameborder="0" height="310" id="ask_form"scrolling="no" src="http://www.tumblr.com/ask_form/{name}.tumblr.com" width="100%"></iframe></p><br>
  2201.  
  2202. <br><h1>Gift me?</h1>
  2203. <iframe frameborder="0" scrolling="no" width="100%" height="310px" id="submit_form" src="http://www.tumblr.com/submit_form/{name}.tumblr.com"></iframe></div>
  2204.  
  2205. </div></div></div></div></div></div></div></div></div></div></div>
  2206.  
  2207. <div id="box2" class="popup_block">
  2208. <div id="links">
  2209.  
  2210. <h1>Blog</h1>
  2211. <a href="/sumbit">submit</a>
  2212. <a href="#?w=auto" rel="box3" class="poplight">blogroll</a>
  2213. <a href="/favourites">favourites</a>
  2214. <a href="#?w=auto" rel="box4" class="poplight">featured</a>
  2215. <a href="/botmarchive">botm archive</a>
  2216. <a href="/credits">credits</a>
  2217. <a href="faq">frequenty asked</a>
  2218. <a href="http://amazely.tumblr.com">Blog of the Month</a>
  2219.  
  2220.  
  2221. </div>
  2222.  
  2223. <div id="tags">
  2224.  
  2225. <h1>Tags</h1>
  2226. <a href="/tagged/answered">answered</a>
  2227. <a href="/tagged/promo">promos</a>
  2228. <a href="/tagged/friend">support</a>
  2229. <a href="/tagged/apply">hosting</a>
  2230. <a href="/tagged/quotes">quotes</a>
  2231. <a href="/tagged/icon">icons</a>
  2232. <a href="/tagged/me">my posts</a>
  2233. <a href="/tagged/uploads">uploads</a>
  2234. <a href="/tagged/couple+goals">couple goals</a>
  2235. <a href="/tagged/bff">bff posts</a>
  2236. <a href="http://tumblr.com/tagged/soulfhully">tracking</a>
  2237.  
  2238. </div>
  2239.  
  2240. <div id="social">
  2241.  
  2242. <h1>Social Media</h1>
  2243. <a href="http://instagram.com/elizaraenna">tumblr insta</a>
  2244. <a href="http://instagram.com/xaeliza">personal insta</a>
  2245. <a href="http://vsco.com/elizaraenna">vsco</a>
  2246. <a href="http://facebook.com/elizaraenna">facebook</a>
  2247. <a href="http://soundcloud.com/elizaraenna">soundcloud</a>
  2248. <a href="http://pinterest.com/elizaraenna">pinterest</a>
  2249. <a href="http://weheartit.com/elizaraenna">weheartit</a>
  2250. <a href="http://fohxette.tumblr.com">other blog</a>
  2251. <a href="http://soulfhuladvice.tumblr.com">advice blog</a>
  2252.  
  2253. </div>
  2254.  
  2255. </div></div></div></div></div></div></div></div></div></div></div>
  2256.  
  2257.  
  2258. </div></div></div></div></div></div></div></div></div></div></div>
  2259.  
  2260. <div id="box5" class="popup_block">
  2261.  
  2262. <!----------------------------------------------------------------------
  2263.  
  2264. FELINES THEMES : Bubbly Personalities [About Popup]
  2265.  
  2266. ***Important Notice***
  2267.  
  2268. 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.
  2269.  
  2270. 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).
  2271.  
  2272. Color codes included are:
  2273.  
  2274. - #e0c1b4
  2275. - #d4d1c3
  2276. - #9d9d9a
  2277.  
  2278.  
  2279. 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.
  2280.  
  2281.  
  2282. 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!
  2283.  
  2284.  
  2285. © Feline Themes
  2286. ----------------------------------------------------------------------->
  2287.  
  2288. <div id="aboutpopup">
  2289.  
  2290. <div id="picandsocial">
  2291.  
  2292. <div id="aboutpic"><img src="{Favicon}"></div>
  2293.  
  2294. <div id="socialbuttons">
  2295. <!----------
  2296.  
  2297. YOU WILL NEED FONT AWESOME INSTALLED IN YOUR THEME FOR ICONS TO SHOW UP
  2298.  
  2299. 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:
  2300.  
  2301. http://fontawesome.io/icons/
  2302.  
  2303.  
  2304. * Not ALL social media sites out there have an icon, but many of them do. *
  2305.  
  2306. 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)
  2307.  
  2308. ---------->
  2309.  
  2310. <a href="http://twitter.com" title="Twitter" target="blank"><div class="social"><i class="fa fa-twitter"></i></div></a>
  2311.  
  2312. <a href="http://instagram.com/xaeliza" title="Instagram" target="blank"><div class="social"><i class="fa fa-instagram"></i></div></a>
  2313.  
  2314. <a href="http://facebook.com/elizaraenna" title="Facebook" target="blank"><div class="social"><i class="fa fa-facebook"></i></div></a>
  2315.  
  2316. <a href="http://snapchat.com/add/lizzycandy" title="SC USERNAME" target="blank"><div class="social"><i class="fa fa-snapchat-ghost"></i></div></a>
  2317.  
  2318. <a href="http://weheartit.com/fohxette" title="WeHeartIt" target="blank"><div class="social"><span class="fa fa-heart"></span></div></a>
  2319. </div>
  2320.  
  2321. </div>
  2322.  
  2323.  
  2324.  
  2325.  
  2326. <div id="basicinfo">
  2327.  
  2328. <div class="basicinfo">
  2329. <div class="basiclabel"><i class="fa fa-user"></i></div>
  2330. <b>Name:</b> Eliza
  2331. </div>
  2332.  
  2333. <div class="basicinfo">
  2334. <div class="basiclabel"><i class="fa fa-birthday-cake"></i></div>
  2335. <b>Birthday:</b> July 26th
  2336. </div>
  2337.  
  2338. <div class="basicinfo">
  2339. <div class="basiclabel"><i class="fa fa-moon-o"></i></div>
  2340. <b>Star Sign:</b> Leo
  2341. </div>
  2342.  
  2343. <div class="basicinfo">
  2344. <div class="basiclabel"><i class="fa fa-star"></i></div>
  2345. <b>Personality:</b> ENFP
  2346. </div>
  2347.  
  2348. <div class="basicinfo">
  2349. <div class="basiclabel"><i class="fa fa-globe"></i></div>
  2350. <b>Location:</b> United States
  2351. </div>
  2352.  
  2353. </div>
  2354.  
  2355.  
  2356.  
  2357.  
  2358. <div id="aboutquote">
  2359. "This has always been a motto of mine: Attempt the impossible in order to improve your work."
  2360.  
  2361. <div id="quotesource">- Bette Davis</div>
  2362. </div>
  2363.  
  2364.  
  2365.  
  2366. <div id="abouttabs">
  2367.  
  2368. <!----------------------------------------------------------->
  2369. <div id="about1" onClick="document.getElementById('about1').style.zIndex='110'; document.getElementById('about2').style.zIndex='0'; document.GetElementById('about3').style.zIndex='0'">
  2370. <div id="abouttab1">About</div>
  2371. <div id="aboutbox1">
  2372.  
  2373. <p> Hello everyone. I'm Eliza (as you can see) and I'm from the United States. I can't tell you exactly where I'm from but if you're interested, I'll say that I'm up in the northern area of California. At the moment I'm in high school and my studies are pushing towards Biology and literature. I still have a passion for reading--especially when it comes to poetry--and even writing. Some of my favourite movies are from the past so yes I'm quite late with a few trends. I don't necessarily enjoy teen flicks unless they're from the 1980s to late 1990s. However, I do use a lot of modern day things such as makeup, VSCO, social media, and all that jazz hehe. </p>
  2374. <p>I don't know what my sexuality is but I guarentee you I'm definitely attracted to boys. I have no idea who I am as a person and will (here and there) do things that sound like something an average teenager would do. On certain occasions I will make rants, but my goal isn't to push people away, and I encourage people to give me feedback and state if you disagree with anything. I don't tolerate hate or graphic content and if you harass me or even my friends, you will be hunted down. I hope we don't have to have an issue in the future ;) </li>
  2375. <p>Regardless, thank you for reading and I hope you have a beautiful day/night! </p>
  2376.  
  2377. </div>
  2378. </div>
  2379. <!----------------------------------------------------------->
  2380. <div id="about2" onClick="document.getElementById('about2').style.zIndex='110'; document.getElementById('about1').style.zIndex='0'; document.GetElementById('about3').style.zIndex='0'">
  2381. <div id="abouttab2">Interests</div>
  2382. <div id="aboutbox2">
  2383.  
  2384. <p>I'm quite and uninteresting person but here are a few things I'm currently enjoying:</p>
  2385.  
  2386. <h2>Favourites</h2>
  2387.  
  2388. <ul>
  2389. <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>
  2390. <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>
  2391. <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>
  2392. <li><b>Music:</b> Taylor Swift, Owl City, Ariana Grande, Lorde, Ed Sheeran, Shawn Mendez, the Who, the Beatles, Green Day, & Karmin</li>
  2393. <li><b>Food:</b> mac and cheese, pizza, oreos, salad, grapes, strawberries, apples, and spaghetti</li>
  2394. </ul>
  2395.  
  2396. <h2>Hobbies</h2>
  2397.  
  2398. <ul>
  2399. <li>socializing with my friends</li>
  2400. <li>traveling when I can </li>
  2401. <li>Doing HTML/CSS </li>
  2402. <li>photography using VSCO </li>
  2403. <li>baking/cooking with my fam </li>
  2404. <li>exploring nature's wonders </li>
  2405. </ul>
  2406.  
  2407. </div>
  2408. </div>
  2409. <!----------------------------------------------------------->
  2410. <div id="about3" onClick="document.getElementById('about3').style.zIndex='100'; document.getElementById('about1').style.zIndex='0'; document.getElementById('about2').style.zIndex='0'">
  2411. <div id="abouttab3">Friends</div>
  2412. <div id="aboutbox3">
  2413.  
  2414. <a href="http://foxyeh.tumblr.com/" target="blank">
  2415. <figure>
  2416. <center>
  2417. <img src="https://68.media.tumblr.com/avatar_4222ca1f8964_96.png">
  2418. <figcaption>Shiraz</figcaption>
  2419. </center>
  2420. </figure>
  2421. </a>
  2422.  
  2423.  
  2424. <a href="http://katting.tumblr.com/" target="blank">
  2425. <figure>
  2426. <center>
  2427. <img src="https://68.media.tumblr.com/avatar_6d22d2652efc_96.png">
  2428. <figcaption>Kat</figcaption>
  2429. </center>
  2430. </figure>
  2431. </a>
  2432.  
  2433.  
  2434. <a href="http://l0wkeybalance.tumblr.com/" target="blank">
  2435. <figure>
  2436. <center>
  2437. <img src="https://68.media.tumblr.com/avatar_ca6d21383f58_96.png">
  2438. <figcaption>Chris</figcaption>
  2439. </center>
  2440. </figure>
  2441. </a>
  2442.  
  2443. <a href="http://azuher.tumblr.com/" target="blank">
  2444. <figure>
  2445. <center>
  2446. <img src="https://68.media.tumblr.com/avatar_207a1caa8b16_96.png">
  2447. <figcaption>Elizabeth</figcaption>
  2448. </center>
  2449. </figure>
  2450. </a>
  2451.  
  2452. <a href="http://aurorant.tumblr.com/" target="blank">
  2453. <figure>
  2454. <center>
  2455. <img src="https://68.media.tumblr.com/avatar_953b775d3b39_96.png">
  2456. <figcaption>Mel</figcaption>
  2457. </center>
  2458. </figure>
  2459. </a>
  2460.  
  2461. <a href="http://captivahted.tumblr.com/" target="blank">
  2462. <figure>
  2463. <center>
  2464. <img src="https://68.media.tumblr.com/avatar_82be20f0b68f_96.png">
  2465. <figcaption>Liz</figcaption>
  2466. </center>
  2467. </figure>
  2468. </a>
  2469.  
  2470. <a href="http://adohre.tumblr.com/" target="blank">
  2471. <figure>
  2472. <center>
  2473. <img src="https://68.media.tumblr.com/avatar_dbc054b2947b_96.png">
  2474. <figcaption>Faith</figcaption>
  2475. </center>
  2476. </figure>
  2477. </a>
  2478.  
  2479. <a href="http://bhloom.tumblr.com/" target="blank">
  2480. <figure>
  2481. <center>
  2482. <img src="https://68.media.tumblr.com/avatar_bcd68d84697f_96.png">
  2483. <figcaption>Sarah</figcaption>
  2484. </center>
  2485. </figure>
  2486. </a>
  2487.  
  2488. <a href="http://fauhne.tumblr.com/" target="blank">
  2489. <figure>
  2490. <center>
  2491. <img src="https://68.media.tumblr.com/avatar_08361b683bf3_96.png">
  2492. <figcaption>Jules</figcaption>
  2493. </center>
  2494. </figure>
  2495. </a>
  2496.  
  2497. <a href="http://glossomly.tumblr.com/" target="blank">
  2498. <figure>
  2499. <center>
  2500. <img src="https://68.media.tumblr.com/avatar_8517117ef54a_96.png">
  2501. <figcaption>Sheri</figcaption>
  2502. </center>
  2503. </figure>
  2504. </a>
  2505.  
  2506. <a href="http://rinkaari.tumblr.com/" target="blank">
  2507. <figure>
  2508. <center>
  2509. <img src="https://68.media.tumblr.com/avatar_e411148ab0d7_96.png">
  2510. <figcaption>Syahirah</figcaption>
  2511. </center>
  2512. </figure>
  2513. </a>
  2514.  
  2515. <a href="http://phersian.tumblr.com/" target="blank">
  2516. <figure>
  2517. <center>
  2518. <img src="https://68.media.tumblr.com/avatar_ade677ef2f5b_96.png">
  2519. <figcaption>Eunice</figcaption>
  2520. </center>
  2521. </figure>
  2522. </a>
  2523.  
  2524. <a href="http://amazely.tumblr.com/" target="blank">
  2525. <figure>
  2526. <center>
  2527. <img src="https://68.media.tumblr.com/avatar_eb5a628989d8_96.png">
  2528. <figcaption>Lina</figcaption>
  2529. </center>
  2530. </figure>
  2531. </a>
  2532.  
  2533. <a href="http://ocea.tumblr.com/" target="blank">
  2534. <figure>
  2535. <center>
  2536. <img src="https://68.media.tumblr.com/avatar_7a07a8fef832_96.png">
  2537. <figcaption>Kaelyn</figcaption>
  2538. </center>
  2539. </figure>
  2540. </a>
  2541.  
  2542. <a href="http://fheel.tumblr.com/" target="blank">
  2543. <figure>
  2544. <center>
  2545. <img src="https://68.media.tumblr.com/avatar_dc577c87f0d0_96.png">
  2546. <figcaption>Derica</figcaption>
  2547. </center>
  2548. </figure>
  2549. </a>
  2550. </div>
  2551. </div>
  2552. <!----------------------------------------------------------->
  2553. </div>
  2554.  
  2555. </div>
  2556.  
  2557. <!------------------------------------------------------------------------->
  2558.  
  2559. </div></div></div></div></div></div></div></div></div></div></div>
  2560.  
  2561. <div id="box3" class="popup_block">
  2562. <div id="blogroll">
  2563. {block:Following}
  2564. <div class="blogroll">
  2565. {block:Followed}
  2566. <a href="{FollowedURL}" title="{FollowedName}" target="_blank"><img src="{FollowedPortraitURL-64}"></a>
  2567. {/block:Followed}
  2568. </div>
  2569. {/block:Following}
  2570.  
  2571. </div>
  2572.  
  2573. </div></div></div></div></div></div></div></div></div></div></div>
  2574.  
  2575. <div id="box4" class="popup_block">
  2576. <div id="below">
  2577. <div class="title1">Faves/Queue Lists</div>
  2578. <div class="table1">
  2579.  
  2580. <!---
  2581. you can write here if you want lmao
  2582. <a href="">link</a> copy and paste this link how many times you want
  2583. --->
  2584. <a href="http://fhlyless.tumblr.com/faves">fhlyless' faves</a>
  2585. <a href="http://fheel.tumblr.com/queuelist">fheels' queue list</a>
  2586. <a href="http://adohre.tumblr.com">link title</a>
  2587. <a href="http://glossomly.tumblr.com/faves">glossomly's faves</a>
  2588. <a href="http://ahohre.tumblr.com/faves">adohre's faves</a>
  2589. <a href="http://almondh.tumblr.com/faves">almond's faves</a>
  2590. <a href="http://ghlorify.tumblr.com/queuelist">ghlorify's queue list</a>
  2591.  
  2592.  
  2593. </div>
  2594.  
  2595. <div class="title2">Networks/Queue Groups</div>
  2596. <div class="table2">
  2597.  
  2598. <!---
  2599. you can write here if you want lmao
  2600. <a href="">link</a> copy and paste this link how many times you want
  2601. ---><a href="https://islandunity.tumblr.com/">island unity</a>
  2602. <a href="http://yuhniti.tumblr.com">unity network</a>
  2603. <a href="http://foxia.tumblr.com/post/154190710405/hi-loves-we-are-adding-new-members-to-our-queue">foxia's queue club</a>
  2604. <a href="http://the-sunshinenetwork.tumblr.com/">the sunshine network</a>
  2605. <a href="http://lvshestspeonies.tumblr.com">lvshests' peonies</a>
  2606. <a href="http://thecoffeeclub.tumblr.com">the coffee club</a>
  2607. <a href="https://sehrenities.tumblr.com/post/155558753551/please-dont-delete-the-text-or-self-promote">fitness angels network</a>
  2608. <a href="http://athaeila.ml/qgroup">athaeila's queue group</a>
  2609. <a href="http://amazely.co.vu/qsquad">amazely's queue squad</a>
  2610.  
  2611. </div>
  2612.  
  2613. <div class="title3">Awards</div>
  2614. <div class="table3">
  2615.  
  2616. <!---
  2617. you can write here if you want lmao
  2618. <a href="">link</a> copy and paste this link how many times you want
  2619. ---><a href="https://dcawards.tumblr.com/">DC Comic Awards</a>
  2620. <a href="https://bojgawards.tumblr.com/">Best of John Green</a>
  2621. <a href="https://travel-awards.tumblr.com/">Travel Awards</a>
  2622. <a href="http://actello.tumblr.com/post/154954030545/merry-christmas-everyone-on-behalf-of-me-and">reindeer awards</a>
  2623. <a href="http://azuher.tk/winners">comfy clothes awards</a>
  2624. <a href="http://phersian.tumblr.com/sephoraawards">Sephora Awards</a>
  2625. <a href="http://flowerawards.tumblr.com/">Flower Awards</a>
  2626. <a href="http://vanillahs.tumblr.com/instagrammodelawards">Instagram Model Awards</a>
  2627. <a href="http://ocea.tumblr.com/oscars">oscar awards</a>
  2628.  
  2629. </div></div></div>
  2630.  
  2631. </div></div></div></div></div></div></div></div></div></div></div>
  2632.  
  2633.  
  2634.  
  2635. </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!