API tools faq
paste
Advertisement
soulfhully

Foxhette's Saved HTML

soulfhully
Jun 3rd, 2017
73
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 32.96 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2.  
  3. Theme 02: Double Vision
  4. by Breeze Themes (bhloom)
  5.  
  6. Rules:
  7.  
  8. 1. All credits must remain untouched. (including this one)
  9. 2. You may not take any part of this theme and claim it as yours.
  10. 3. Redistribution is prohibited.
  11. 4. Editing this theme is allowed, but to a minimal extent. Do not remove parts of it or make it look like a completely different theme.
  12.  
  13. Violation of the above rules will result in being reported to tumblr and may lead to termination of your account. Stealing is wrong. Don't do it!
  14.  
  15. If you have questions about this theme, please go to http://breezethemes.tumblr.com/ :)
  16.  
  17. Thank you for using this theme. I hope you enjoy it as much as I did making it! Have a great day. x
  18.  
  19. -->
  20.  
  21. <!--
  22. BLOG MAKEOVER BY LIZ (@AZUHER)
  23. I LOVE YOU ELIZA. I REALLY HOPE YOU LOVE THIS THEME. I SPENT WEEKS ON IT. :P
  24. AS USUAL, LET ME KNOW IF SOMETHING GOES WRONG WITH THE CODE.
  25. -->
  26.  
  27. <!DOCTYPE html>
  28. <html>
  29. <head>
  30. {block:Hidden}
  31. <meta name="color:Accent" content="#f9d3ab"/>
  32. <meta name="color:Accent 2" content="#f9d3ab"/>
  33. <meta name="color:Text" content="#9d9797"/>
  34.  
  35. <meta name="text:Link 1 URL" content="http://" />
  36. <meta name="text:Link 1" content="Links" />
  37. <meta name="text:Link 2 URL" content="http://" />
  38. <meta name="text:Link 2" content="About" />
  39. <meta name="text:Link 3 URL" content="http://" />
  40. <meta name="text:Link 3" content="Past" />{/block:Hidden}
  41.  
  42. <title>{Title}</title>
  43.  
  44. <link rel="shortcut icon" href="{Favicon}">
  45. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  46. <link href='http://fonts.googleapis.com/css?family=Open+Sans:400,600|Open+Sans+Condensed|Poiret+One' rel='stylesheet' type='text/css'>
  47. <link rel="stylesheet" href="https://use.fontawesome.com/241121a835.css">
  48.  
  49. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
  50. <script src="http://static.tumblr.com/wgijwsy/Ebfm2v4gy/jquery.masonry.min.js"></script>
  51. <script src="http://static.tumblr.com/wgijwsy/u2vm2hxv6/jquery.infinitescroll.min.js"></script>
  52. <script src="http://static.tumblr.com/iwtk77u/Yhym2yygt/jquery.imagesloaded.min.js"></script>
  53. <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);
  54. </script>
  55. <script>
  56. $(document).ready(function() {
  57. //
  58. $('a.poplight[href^=#]').click(function() {
  59. var popID = $(this).attr('rel'); //Get Popup Name
  60. var popURL = $(this).attr('href'); //Get Popup href to define size
  61. var query= popURL.split('?');
  62. var dim= query[1].split('&');
  63. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  64. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"></a>');
  65. var popMargTop = ($('#' + popID).height() + 80) / 2;
  66. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  67. //Apply Margin to Popup
  68. $('#' + popID).css({
  69. 'margin-top' : -popMargTop,
  70. 'margin-left' : -popMargLeft
  71. });
  72. $('body').append('<div id="fade"></div>');
  73. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  74. return false;
  75. });
  76. $('a.close, #fade').live('click', function() {
  77. $('#fade , .popup_block').fadeOut(function() {
  78. $('#fade, a.close').remove(); //fade them both out
  79. });
  80. return false;
  81. });
  82. });
  83. </script>
  84.  
  85. <style>html, body, a { cursor:url("http://68.media.tumblr.com/tumblr_m4k8s5bopf1qh7cpd.png"), auto !important; }
  86.  
  87. a:hover{cursor:url("http://68.media.tumblr.com/tumblr_m4k8s5bopf1qh7cpd.png"), auto !important; }
  88. </style>
  89.  
  90. <!--TAB-->
  91. <style>
  92. #cctab {
  93. position:fixed;
  94. top:40px;right:20px;
  95. text-align:center;
  96. -webkit-transition-duration:0.3s;-moz-transition-duration:0.3s;-o -transition-duration:0.3s;transition-duration:0.3s;
  97. z-index:999; }
  98.  
  99. #cctabinner {
  100. position:fixed;
  101. width:180px; height:70%;
  102. top:80px; right:-280px;
  103. padding:10px;
  104. border: 1px solid {color:Accent};
  105. background-color:white;
  106. -webkit-transition-duration:0.3s;-moz-transition-duration:0.3s;-o-transition-duration:0.3s;transition-duration:0.3s;
  107. text-align:left;
  108. overflow-y: scroll;
  109. overflow-x: hidden;
  110. color:black;
  111. opacity:1;
  112. z-index:99999999; }
  113.  
  114. #cctabinner i{
  115. color:{color:Accent};
  116. }
  117.  
  118. #cctabinner b{
  119. color:{color:Accent};
  120. }
  121.  
  122. #cctabinner a{
  123. color:{color:Text};
  124. }
  125.  
  126. #cctab:hover {
  127. right:20px;
  128. color:{color:Text};
  129. z-index:99999999;
  130. }
  131.  
  132. #cctab:hover #cctabinner {
  133. right:20px;
  134. top:80px;
  135. font-family: 'Open Sans', sans-serif;
  136. font-size: 11px;
  137. color:{color:Text};
  138. z-index:99999999; }
  139.  
  140. .cctitle {
  141. display: inline-block;
  142. background: transparent;
  143. text-align: center;
  144. width: 20px;
  145. height: 20px;
  146. overflow: hidden;
  147. font-size:16px;
  148. border-radius: 0px 0px 0px 0px;
  149. transition: all 1s ease-out;
  150. -o-transition-transition: all 1s ease-out;
  151. -webkit-transition: all 1s ease-out;
  152. -moz-transition: all 1s ease-out;
  153. background: white;
  154. padding:3px;
  155. opacity:1;
  156. }
  157. </style>
  158.  
  159. <body>
  160. <script type="text/javascript" src="http://bpmaker.giffy.me/userdata/user/48/48522/29/parts.js"></script>
  161.  
  162. <div id="cctab"><span class="cctitle">
  163. <i class="fa fa-angle-double-left" aria-hidden="true"></i>
  164. </span><div id="cctabinner">
  165.  
  166. <div style="color:{color:Text};padding:3px; text-align:center; text-transform:lowercase;font-family:'Poiret One',cursive;font-size:16px;letter-spacing:0px;background:white;margin-top:-5px;margin-bottom: -5px;">Updates</div>
  167. <p>
  168. Blog Makeover by Liz on 05/24/17
  169. <br>
  170. Add more updates here :)
  171. </p>
  172. <div style="color:{color:Text};padding:3px; text-align:center; text-transform:lowercase;font-family:'Poiret One',cursive;font-size:16px;letter-spacing:0px;background:white;margin-top:-5px;margin-bottom:-5px;">Statistics</div>
  173. <p>
  174. <script language="JavaScript">var fhs = document.createElement('script');var fhs_id = "5481142";
  175. var ref = (''+document.referrer+'');var pn = window.location;var w_h = window.screen.width + " x " + window.screen.height;
  176. fhs.src = "//s1.freehostedscripts.net/ocounter.php?site="+fhs_id+"&e1=fox&e2=foxes&r="+ref+"&wh="+w_h+"&a=1&pn="+pn+"";
  177. document.head.appendChild(fhs);document.write("<span id='o_"+fhs_id+"'></span>");
  178. </script>
  179. <br>
  180. <script language="JavaScript">var fhsh = document.createElement('script');var fhs_id_h = "3251380";
  181. fhsh.src = "//s1.freehostedscripts.net/ocount.php?site="+fhs_id_h+"&name=in nature&a=1";
  182. document.head.appendChild(fhsh);document.write("<span id='h_"+fhs_id_h+"'></span>");
  183. </script>
  184. <br>
  185. <script src="https://followercounter.co/api/text/soulfhully"></script>
  186. <br>
  187. <script id="qpscript" src="http://qplus.io/scripts/queued/59324389216a1676af596ce6"></script>
  188. </p>
  189. <div style="color:{color:Text};padding:3px; text-align:center; text-transform:lowercase;font-family:'Poiret One',cursive;font-size:16px;letter-spacing:0px;background:white;margin-top:-5px;margin-bottom:-5px;">Currently</div>
  190. <p>What's going on in my life?
  191. <br>
  192. I'm on a network hiatus but I'm still participating in promos and doing HTML work here and there. Feel free to message me though :D
  193. </p>
  194.  
  195. <div style="color:{color:Text};padding:3px; text-align:center; text-transform:lowercase;font-family:'Poiret One',cursive;font-size:16px;letter-spacing:0px;background:white;margin-top:-5px;margin-bottom:-5px;">BOTMs</div>
  196. <p> Will be updating soon!
  197. <br>
  198. More text
  199. </p>
  200.  
  201. <div style="color:{color:Text};padding:3px; text-align:center; text-transform:lowercase;font-family:'Poiret One',cursive;font-size:16px;letter-spacing:0px;background:white;margin-top:-5px;margin-bottom:-5px;">Credits</div>
  202. <p>
  203. Theme + ask popup layout: <a href="http://breezethemes.tumblr.com/">@BreezeThemes</a>
  204. <br>Updates tab + about popup layout: <a href="http://keythemes.tumblr.com">@KeyThemes</a>
  205. <br>Popups: <a href="http://painthemes.tumblr.com">@PainThemes</a>
  206. <br>Falling effect: <a href="http://bychloethemes.tumblr.com/post/125950932969/falling-things-etc-masterpost-by-dontbrag/">@ByChloeThemes</a>
  207. </p>
  208. <!--- IF YOU NEED MORE TABS, COPY AND PASTE THE FOLLOWING:
  209. <div style="color:white; background-color:{color:Accent}; padding:5px; text-align:center; text-transform:uppercase; letter-spacing:0px;">About</div>
  210. <p>Text here</p>
  211. -->
  212.  
  213. <img src="http://68.media.tumblr.com/4efb378c186246a60577577163271a6d/tumblr_inline_n188n13OsJ1s7ng86.png">
  214.  
  215. </div></div>
  216. </body>
  217.  
  218. <!--TAB-->
  219.  
  220. <style type="text/css">
  221.  
  222. /*CODES BY PAINTHEMES.TUMBLR.COM*/
  223. .popup_block{
  224. display:none;
  225. background:#fff; /*change the color of your background*/
  226. padding:15px;
  227. border:1px solid {color:Accent}; /*change the color of your border*/
  228. float:left;
  229. position:fixed;
  230. top:50%;left:55%;
  231. z-index: 99999;
  232. }
  233.  
  234. #fade {
  235. display:none;
  236. position:fixed;
  237. left:0px;
  238. top:0px;
  239. width:100%;
  240. height:100%;
  241. z-index:9999;
  242. background:#fff; /* change the color of the background below the box */
  243. opacity:1; /* change the opacity */
  244. }
  245.  
  246. *html #fade {position: absolute;}
  247. *html .popup_block {position: absolute;}
  248. /*CODES BY PAINTHEMES.TUMBLR.COM*/
  249.  
  250. .one {
  251. position: relative;
  252. display: inline-block;
  253. width: 45%;
  254. height: 150px;
  255. margin: 5px;
  256. padding: 7px;
  257. overflow: auto;
  258. background: #fff; /* background of first box */
  259. color: {color:Text}; /* font color of first box */
  260. border: 1px solid {color:Accent}; /* border of first box */
  261. font-family: 'Open Sans', sans-serif;
  262. font-size: 11px;
  263. }
  264.  
  265. .one h1 {
  266. width: 95%;
  267. height: auto;
  268. margin-top: -5px;
  269. padding: 5px;
  270. color: {color:Text}; /* font color of header */
  271. border-bottom: 1px solid {color:Accent}; /* line under header */
  272. font-family: 'Poiret One', cursive;
  273. font-size: 23px;
  274. font-weight: normal;
  275. text-align: center;
  276. text-transform: lowercase;
  277. }
  278.  
  279. .one li {
  280. list-style: none;
  281. width: 150px;
  282. margin: 0px 0px 0px -30px;
  283. font-family: 'Open Sans', sans-serif;
  284. font-size: 11px;
  285. line-height: 15px;
  286. font-weight: normal;
  287. }
  288.  
  289. .one li:before {
  290. content: '–'; /* dash before each item in list */
  291. margin-right: 5px;
  292. color: {color:Text}; /* color of dash */
  293. font-size: 15px;
  294. line-height: 15px;
  295. font-weight: normal;
  296. }
  297.  
  298. .two {
  299. position: relative;
  300. display: inline-block;
  301. width: 44%;
  302. height: 150px;
  303. margin: 5px;
  304. margin-top: -15px;
  305. padding: 7px;
  306. overflow: auto;
  307. background: #fff; /* background of second box */
  308. color: {color:Text}; /* font color of second box */
  309. border: 1px solid {color:Accent}; /* border of second box */
  310. font-family: 'Open Sans', sans-serif;
  311. font-size: 11px;
  312. }
  313.  
  314. .two h1 {
  315. width: 95%;
  316. height: auto;
  317. margin-top: -5px;
  318. padding: 5px;
  319. color: {color:Text}; /* font color of header */
  320. border-bottom: 1px solid {color:Accent}; /* line under header */
  321. font-family: 'Poiret One', cursive;
  322. font-size: 23px;
  323. font-weight: normal;
  324. text-align: center;
  325. text-transform: lowercase;
  326. }
  327.  
  328. .two li {
  329. list-style: none;
  330. width: 150px;
  331. margin: 0px 0px 0px -30px;
  332. font-family: 'Open Sans', sans-serif;
  333. font-size: 11px;
  334. line-height: 15px;
  335. font-weight: normal;
  336. }
  337.  
  338. .two li:before {
  339. content: '–'; /* dash before each item in list */
  340. margin-right: 5px;
  341. color: {color:Text}; /* color of dash */
  342. font-size: 15px;
  343. line-height: 15px;
  344. font-weight: normal;
  345. }
  346.  
  347. .askbox {
  348. position: relative;
  349. display: block;
  350. margin-top: 5px;
  351. margin-bottom: 5px;
  352. padding: 5px;
  353. width: 98%;
  354. height: 190px;
  355. background: #fff;
  356. }
  357.  
  358.  
  359. /*CODES BY PAINTHEMES*/
  360. #linkstable{width:315px;}
  361.  
  362. .ltitle{
  363. padding:10px;
  364. background:#ffffff; /*background of the popup title*/
  365. border:1px solid {color:Accent}; /*border of the popup title*/
  366. font-family: 'Poiret One', cursive;/*title font*/
  367. color:{color:Text}; /*color of the title*/
  368. font-size:23px;
  369. text-align:center;
  370. text-transform:lowercase;
  371. }
  372.  
  373. #linkstable a{
  374. position:relative;
  375. width:134px;
  376. padding:10px;
  377. background:#fff; /*background of the links table*/
  378. border:1px solid {color:Accent}; /*border of the links table*/
  379. color:{color:Text}; /*color of the links*/
  380. display:inline-block;
  381. margin-top:5px;
  382. font-family:'Open Sans', sans-serif; /*links font*/
  383. text-transform:none;
  384. font-size:11px; /*links size*/
  385. -webkit-transition: opacity 0.7s linear;
  386. -webkit-transition: all 0.7s ease-in-out;
  387. -moz-transition: all 0.7s ease-in-out;
  388. -o-transition: all 0.7s ease-in-out;
  389. }
  390.  
  391. #linkstable a:hover{
  392. color:{color:Text}; /*color of the links hover*/
  393. border:1px solid {color:Accent};
  394. letter-spacing:0px; /*spacing between letters in hover*/
  395. box-shadow:inset 200px 0px 0px 0px {color:Accent}; /*colof of the links backround hover*/
  396. -webkit-transition: opacity 0.7s linear;
  397. -webkit-transition: all 0.7s ease-in-out;
  398. -moz-transition: all 0.7s ease-in-out;
  399. -o-transition: all 0.7s ease-in-out;
  400. }
  401.  
  402. /*font of the title*/
  403. @import url(https://fonts.googleapis.com/css?family=Montserrat:700);
  404. body {
  405. background-image: none;
  406. background-color: #fff;
  407. color: {color:Text};
  408. font-family: 'Open Sans', sans-serif;
  409. font-size: 11px;
  410. overflow-x: hidden;
  411. }
  412.  
  413. a:link, a:visited, a:active {
  414. text-decoration: none;
  415. color: {color:Accent 2};
  416. -webkit-transition: all 0.5s ease-in-out;
  417. -moz-transition: all 0.5s ease-in-out;
  418. -ms-transition: all 0.5s ease-in-out;
  419. -o-transition: all 0.5s ease-in-out;
  420. transition: all 0.5s ease-in-out;
  421. }
  422.  
  423. a:hover {
  424. color: {color:Accent};
  425. text-decoration:none;
  426. -webkit-transition: all 0.5s ease-in-out;
  427. -moz-transition: all 0.5s ease-in-out;
  428. -ms-transition: all 0.5s ease-in-out;
  429. -o-transition: all 0.5s ease-in-out;
  430. transition: all 0.5s ease-in-out;
  431. }
  432.  
  433. ::-webkit-scrollbar {
  434. width: 9px;
  435. background: #fff;
  436. }
  437.  
  438. ::-webkit-scrollbar-track {
  439. background: #fff;
  440. }
  441.  
  442. ::-webkit-scrollbar-thumb {
  443. background: {color:Accent};
  444. border: 4px solid #fff;
  445. }
  446.  
  447. ::-webkit-scrollbar-thumb:window-inactive {
  448. background: {color:Accent};
  449. }
  450.  
  451. ::selection {
  452. background: rgba({RGBcolor:Accent}, 0.1);
  453. color: {color:Accent 2};
  454. }
  455.  
  456. ::-webkit-selection {
  457. background: rgba({RGBcolor:Accent}, 0.1);
  458. color: {color:Accent 2};
  459. }
  460.  
  461. ::-moz-selection {
  462. background: rgba({RGBcolor:Accent}, 0.1);
  463. color: {color:Accent 2};
  464. }
  465.  
  466. ::-ms-selection {
  467. background: rgba({RGBcolor:Accent}, 0.1);
  468. color: {color:Accent 2};
  469. }
  470.  
  471. ::-o-selection {
  472. background: rgba({RGBcolor:Accent}, 0.1);
  473. color: {color:Accent 2};
  474. }
  475.  
  476. .divider {
  477. width: 85%;
  478. margin: 10px 10px 10px 15px;
  479. border-bottom: 1px solid {color:Accent};
  480. text-align: center;
  481. }
  482.  
  483. img {vertical-align:middle;}
  484.  
  485. /*ABOUT POPUP LAYOUT / CREDITS TO @KEYTHEMES*/
  486. #popheader{
  487. font-family: 'Poiret One', cursive;
  488. font-size:23px;
  489. color: {color:Text};
  490. text-align:center;
  491. line-height:15px;
  492. text-transform:none;
  493. }
  494.  
  495. #popheader:hover{
  496. text-transform:none;
  497. color: {color:Text};
  498. -webkit-transition: color 0.4s ease-out;
  499. -moz-transition: color 0.4s ease-out;
  500. }
  501.  
  502. #popupheader{
  503. font-family: 'Poiret One', cursive;
  504. color:{color:Text};
  505. font-size:23px;
  506. width:550px;
  507. text-transform:lowercase;
  508. text-align:center;
  509. margin-top:15px;
  510. }
  511.  
  512. #face img{
  513. width:110px;
  514. height:110px;
  515. margin-top:-105px;
  516. margin-left:433px;
  517. border-radius:100%;
  518. position:fixed;
  519. }
  520.  
  521. #brief{
  522. margin-top:0px;
  523. margin-left:25px;
  524. text-align:left;
  525. }
  526.  
  527. #brief a{
  528. display:block;
  529. margin-bottom:5px;
  530. width:385px;
  531. border-bottom: 1px solid {color:Accent};
  532. line-height:15px;
  533. font-size:11px;
  534. }
  535.  
  536. #aboutcontent{
  537. margin-top:23px;
  538. margin-left:25px;
  539. width:365px;
  540. height:70px;
  541. padding:10px;
  542. border:1px solid {color:Accent};
  543. background-color:#fff;
  544. color:{color:Text};
  545. }
  546. /*ABOUT POPUP LAYOUT / CREDITS TO @KEYTHEMES*/
  547.  
  548. #top{
  549. position:fixed;
  550. opacity:1;
  551. width:100%;
  552. height:13px;
  553. background:{color:Accent};
  554. top:0px;
  555. left:0px;
  556. z-index:999999999999999;}
  557.  
  558. #left{
  559. position:fixed;
  560. opacity:1;
  561. width:13px;
  562. height:100%;
  563. background:{color:Accent};
  564. bottom:0px;
  565. left:0px;
  566. z-index:999999999999999;}
  567.  
  568. #right{
  569. position:fixed;
  570. opacity:1;
  571. width:13px;
  572. height:100%;
  573. background:{color:Accent};
  574. bottom:0px;
  575. z-index:999999999999999999999;
  576. right:0px;}
  577.  
  578. #top2{
  579. height:1px;
  580. width:100%;
  581. top:18px;
  582. right:13px;
  583. background:{color:Accent};
  584. z-index:999999999999999999999;
  585. position:fixed;}
  586.  
  587. #left2{
  588. width:1px;
  589. height:100%;
  590. left:18px;
  591. bottom:0px;
  592. background:{color:Accent};
  593. z-index:99999999999999999999;
  594. position:fixed;}
  595.  
  596. #right2{
  597. width:1px;
  598. height:100%;
  599. right:18px;
  600. top:13px;
  601. background:{color:Accent};
  602. z-index:99999999999999999;
  603. position:fixed;}
  604.  
  605. #s-m-t-tooltip {
  606. max-width: 200px;
  607. margin: 20px 0px 0px 20px;
  608. padding: 4px;
  609. background: #fff;
  610. border:1px solid {color:Accent};
  611. font-family: 'Open Sans Condensed', sans-serif;
  612. font-size: 8.2px;
  613. letter-spacing: 0px;
  614. text-transform: uppercase;
  615. color: {color:Text};
  616. z-index: 9999999999;
  617. }
  618.  
  619. blockquote {
  620. width: 93%;
  621. margin-bottom: 1px;
  622. margin-left: 5px;
  623. padding-left: 5px;
  624. border-left: 2px solid {color:Accent};
  625. color: {color:Text};
  626. text-align: left;
  627. }
  628.  
  629. iframe, img, embed, object, video {
  630. max-width: 100%;
  631. }
  632.  
  633. .title {
  634. width: 100%
  635. height: auto;
  636. margin-top: -5px;
  637. margin-bottom: -5px;
  638. padding: 3px;
  639. color: {color:Text};
  640. border-bottom: 1px solid {color:Accent};
  641. font-family: 'Poiret One', cursive;
  642. font-size: 16px;
  643. text-transform: none;
  644. text-align: center;
  645. }
  646.  
  647. .title a {
  648. color: {color:Text};
  649. font-weight: normal;
  650. }
  651.  
  652. .linktitle {
  653. width: 100%
  654. height: auto;
  655. margin-top: 0px;
  656. padding: 3px;
  657. background: #fdfdfd;
  658. color: {color:Text};
  659. font-family: 'Poiret One', cursive;
  660. font-size: 16px;
  661. text-transform: lowercase;
  662. text-align: center;
  663. }
  664.  
  665. .linktitle a {
  666. color: {color:Text};
  667. font-weight: normal;
  668. }
  669.  
  670. #container {
  671. position: relative;
  672. top: 0px;
  673. margin-left: 65px;
  674. width: 100%;
  675. }
  676.  
  677. #sidebar {
  678. position: fixed;
  679. top: 150px;
  680. left: 7%;
  681. width: 190px;
  682. height: auto;
  683. padding: 5px;
  684. background: #fff;
  685. color: {color:Text};
  686. outline: 4px double {color:Accent};
  687. border: 4px double {color:Accent};
  688. z-index: 99999999;
  689. }
  690.  
  691. #sidebar h1 {
  692. position: relative;
  693. max-width: 135px;
  694. height: auto;
  695. margin: -30px 0px 0px 0px;
  696. padding: 3px;
  697. background: #fff;
  698. color: {color:Text};
  699. font-family: 'Poiret One', cursive;
  700. font-size: 26px;
  701. font-weight: normal;
  702. text-align: center;
  703. text-transform: lowercase;
  704. }
  705.  
  706. .description {
  707. position: relative;
  708. width: 93%;
  709. height: auto;
  710. padding: 7px;
  711. margin: 0px 0px 3px 0px;
  712. background: #fff;
  713. border: 0px solid {color:Accent};
  714. text-align: left;
  715. }
  716.  
  717. .nav {
  718. position: relative;
  719. display: inline-block;
  720. width: 93%;
  721. height: auto;
  722. margin: 3px 0px 0px 0px;
  723. padding: 7px;
  724. list-style: none;
  725. background: #fff;
  726. color: {color:Text};
  727. font-size: 12px;
  728. line-height: 14px;
  729. text-align: center;
  730. -webkit-transition: all 0.5s ease-in-out;
  731. -moz-transition: all 0.5s ease-in-out;
  732. -ms-transition: all 0.5s ease-in-out;
  733. -o-transition: all 0.5s ease-in-out;
  734. transition: all 0.5s ease-in-out;
  735. }
  736.  
  737. .nav li {
  738. display: inline;
  739. width: 20px;
  740. height: 15px;
  741. margin: -3px 3px -3px 0px;
  742. padding: 4px 1px 4px 1px;
  743. background: transparent;
  744. color: {color:Text};
  745. font-family: 'Open Sans', sans-serif;
  746. font-size: 11px;
  747. -webkit-transition: all 0.5s ease-in-out;
  748. -moz-transition: all 0.5s ease-in-out;
  749. -ms-transition: all 0.5s ease-in-out;
  750. -o-transition: all 0.5s ease-in-out;
  751. transition: all 0.5s ease-in-out;
  752. }
  753.  
  754. .nav li:hover {
  755. display: inline;
  756. width: 20px;
  757. height: 15px;
  758. padding: 4px 1px 4px 1px;
  759. color: {color:Text};
  760. font-family: 'Open Sans', sans-serif;
  761. font-size: 11px;
  762. -webkit-transition: all 0.5s ease-in-out;
  763. -moz-transition: all 0.5s ease-in-out;
  764. -ms-transition: all 0.5s ease-in-out;
  765. -o-transition: all 0.5s ease-in-out;
  766. transition: all 0.5s ease-in-out;
  767. }
  768.  
  769. #content {
  770. position: relative;
  771. margin: auto;
  772. margin-top: 40px;
  773. background: #fff;
  774. width: 550px;
  775. {block:PermalinkPage}
  776. margin-left: 32%;
  777. width: 500px;
  778. {/block:PermalinkPage}
  779. z-index: 99;
  780. }
  781.  
  782. .entry {
  783. background: #fff;
  784. height: auto;
  785. {block:IndexPage}
  786. width: 230px;
  787. margin: 40px;
  788. {/block:IndexPage}
  789. {block:PermalinkPage}
  790. width: 400px;
  791. {/block:PermalinkPage}
  792. margin-top: 3px;
  793. margin-left: 3px;
  794. border: 0px solid {color:Accent};
  795. text-align: justify;
  796. overflow: hidden;
  797. }
  798.  
  799. .entry img {
  800. height: auto;
  801. overflow: hidden;
  802. }
  803.  
  804. .asker {
  805. width: 100%
  806. height: auto;
  807. margin-top: -5px;
  808. margin-bottom: 5px;
  809. padding: 3px;
  810. color: {color:Text};
  811. border-bottom: 1px solid {color:Accent};
  812. font-family: 'Poiret One', cursive;
  813. font-size: 16px;
  814. text-transform: lowercase;
  815. text-align: center;
  816. }
  817.  
  818. .asker a {
  819. color: {color:Text};
  820. font-weight: normal;
  821. }
  822.  
  823. {block:IndexPage}
  824. .entry:hover img {
  825. height: auto;
  826. -webkit-transition: all 0.5s ease-in-out;
  827. -moz-transition: all 0.5s ease-in-out;
  828. -ms-transition: all 0.5s ease-in-out;
  829. -o-transition: all 0.5s ease-in-out;
  830. transition: all 0.5s ease-in-out;
  831. }
  832.  
  833. .mask {
  834. width: 100%;
  835. height: auto;
  836. -webkit-transition: all 0.5s ease-in-out;
  837. -moz-transition: all 0.5s ease-in-out;
  838. -ms-transition: all 0.5s ease-in-out;
  839. -o-transition: all 0.5s ease-in-out;
  840. transition: all 0.5s ease-in-out;
  841. }
  842.  
  843. .entry:hover .mask, .entry:focus .mask {
  844. height: auto;
  845. -webkit-transform: scale(1.2);
  846. transform: scale(1.2);
  847. }
  848.  
  849. .entry:hover .per {
  850. -webkit-transform: scale(1);
  851. -webkit-transition: all 0.5s ease-in-out;
  852. -moz-transition: all 0.5s ease-in-out;
  853. transition: all 0.5s ease-in-out;
  854.  
  855. }
  856.  
  857. .perwrapper {
  858. position: absolute;
  859. top: 0px;
  860. right: 0px;
  861. width: 30px;
  862. height: 100px;
  863. }
  864.  
  865. .per {
  866. position: relative;
  867. display: block;
  868. float: right;
  869. margin: 10px 10px 0px 10px;
  870. padding: 5px;
  871. padding-top: 5px;
  872. width: 20px;
  873. height: 15px;
  874. background: {color:Accent};
  875. color: {color:Text};
  876. border: 0px solid {color:Accent};
  877. font-family: 'Open Sans Condensed', sans-serif;
  878. font-size: 11px;
  879. letter-spacing: 0px;
  880. text-align: center;
  881. -webkit-transform: scale(0);
  882. -webkit-transition: all 0.5s ease-in-out;
  883. -moz-transition: all 0.5s ease-in-out;
  884. transition: all 0.5s ease-in-out;
  885. }
  886.  
  887. .per a {
  888. color: {color:Text};
  889. }
  890.  
  891. .perma {
  892. margin: 0px 0px 5px 0px;
  893. padding: 5px 0px 0px 0px;
  894. color: {color:Text};
  895. font-family: 'Open Sans Condensed', sans-serif;
  896. font-size: 8.5px;
  897. text-transform: uppercase;
  898. text-align: right;
  899. }
  900.  
  901. .perma a {
  902. color: {color:Accent 2};
  903. }
  904.  
  905. .perma a:hover {
  906. color: {color:Accent};
  907. }
  908.  
  909. .date {
  910. float: left;
  911. margin: 3px 0px 0px 0px;
  912. font-family: 'Open Sans Condensed', sans-serif;
  913. font-size: 8.5px;
  914. text-transform: uppercase;
  915. }
  916. {/block:IndexPage}
  917.  
  918. .border {
  919. background: #fff;
  920. padding: 7px 7px 0px 7px;
  921. border: 4px double {color:Accent};
  922. text-align: justify;
  923. }
  924.  
  925. .chat ul {
  926. margin: 10px 0px 10px -40px;
  927. }
  928.  
  929. .chat span {
  930. float: left;
  931. margin-right: 10px;
  932. }
  933.  
  934. .source {
  935. margin: -15px 0px 0px 0px;
  936. padding: 5px;
  937. font-family: 'Open Sans Condensed', sans-serif;
  938. font-size: 12px;
  939. text-align: right;
  940. }
  941.  
  942. .source:before {
  943. content: '-';
  944. font-size: 14px;
  945. }
  946.  
  947. #c a {
  948. position: fixed;
  949. bottom: 20px;
  950. right: 30px;
  951. color: {color:Text};
  952. z-index: 999;
  953. }
  954.  
  955. .tmblr-iframe.tmblr-iframe--desktop-logged-in-controls.iframe-controls--desktop {
  956. position: fixed !important;
  957. top: 17px;
  958. right: -22px;
  959. -webkit-filter: invert(100%);
  960. filter: invert(100%);
  961. -webkit-transform: scale(0.8,0.8);
  962. transform: scale(0.8,0.8);
  963. opacity: 0.2;
  964. z-index: 99!important;
  965. }
  966.  
  967. .tumblr_audio_player {
  968. position: relative;
  969. width: 400px;
  970. height: 100px;
  971. overflow: hidden;
  972. z-index: 999;
  973. }
  974.  
  975. .pagi {
  976. padding: 2px;
  977. padding-top: 5px;
  978. color: {color:Accent};
  979. text-align: center;
  980. display: none;
  981. }
  982.  
  983. </style>
  984. </head>
  985.  
  986. <body>
  987.  
  988. <div style="position:fixed;z-index:999999999;bottom:25px;left:40px;opacity:0.5;-webkit-filter: grayscale(100%);filter: grayscale(100%);">
  989. <img src="http://s-media-cache-ak0.pinimg.com/originals/48/3d/b8/483db87d6d0d6392c88a789e4011a2fa.png" style="width:200px"></div>
  990.  
  991. <div id="top"></div>
  992. <div id="left"></div>
  993. <div id="right"></div>
  994. <div id="top2"></div>
  995. <div id="left2"></div>
  996. <div id="right2"></div>
  997.  
  998. <div id="container">
  999. <div id="sidebar">
  1000. <h1>{Title}</h1>
  1001. <div class="description">{Description}</div>
  1002. <ul class="nav">
  1003. <a href="/" title="refresh"><li><i class="fa fa-refresh fa-fw"></i></li></a> &middot;
  1004. {block:AskEnabled}<a href="#?w=500" rel="01" class="poplight" title="message"><li><i class="fa fa-envelope-o fa-fw"></i></li></a> &middot;{/block:AskEnabled}
  1005. <a href="#?w=auto" rel="03" class="poplight" title="links"><li><i class="fa fa-bookmark-o fa-fw"></i></li></a> &middot;
  1006. <a href="#?w=auto" rel="02" class="poplight" title="about"><li><i class="fa fa-user-o faw-fw"></i></li></a> &middot;
  1007. <a href="/archive" title="past"><li><i class="fa fa-calendar fa-fw"></i></li></a>&middot;
  1008. <a href="http://breezethemes.tumblr.com/" title="theme"><li><i class="fa fa-code fa-fw"></i></li></a>
  1009.  
  1010. </ul>
  1011. </div>
  1012.  
  1013. {block:Pagination}
  1014. <div class="pagination">
  1015. <div class="pagi">
  1016. {block:PreviousPage}<a href="{PreviousPage}"></a>{block:PreviousPage}
  1017. {block:NextPage}<a href="{NextPage}"></a>{/block:NextPage}
  1018. </div>
  1019. </div>
  1020. {/block:Pagination}
  1021.  
  1022. <div id="content">
  1023. {block:Posts}
  1024. <div class="entry">
  1025. {block:Text}
  1026. <div class="text border">
  1027. {block:Title}<div class="title">{Title}</div>{/block:Title}
  1028. {Body}
  1029. {block:IndexPage}
  1030. <div class="date">
  1031. {block:Date}{ShortMonth} {DayOfMonthWithZero}<sup>{DayOfMonthSuffix}</sup> {Year}{/block:Date}
  1032. </div>
  1033. <div class="perma">
  1034. <a href="{Permalink}">{NoteCountWithLabel}</a>, <a href="{ReblogURL}" target="_blank">reblog?</a>
  1035. </div>
  1036. {/block:IndexPage}
  1037. {/block:Text}
  1038.  
  1039. {block:Photo}
  1040. <div class="photo">
  1041. {block:IndexPage}<div class="mask">{LinkOpenTag}<img src="{PhotoURL-250}">{LinkCloseTag}</div>{/block:IndexPage}
  1042. {block:PermalinkPage}<img src="{PhotoURL-400}">{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}
  1043. {block:IndexPage}
  1044. <div class="perwrapper">
  1045. <div class="per">
  1046. <a href="{Permalink}" title="{NoteCountWithLabel}"><i class="fa fa-pencil fa-lg fa-fw"></i></a>
  1047. </div>
  1048. <div class="per">
  1049. <a href="{ReblogURL}" target="_blank" title="Reblog"><i class="fa fa-refresh fa-lg fa-fw"></i></a>
  1050. </div>
  1051. </div>
  1052. {/block:IndexPage}
  1053. {/block:Photo}
  1054.  
  1055. {block:Photoset}
  1056. <div class="photoset">
  1057. {block:IndexPage}
  1058. {Photoset-250}
  1059. {/block:IndexPage}
  1060. {block:PermalinkPage}
  1061. {Photoset-400}
  1062. {block:Caption}{Caption}{/block:Caption}
  1063. {/block:PermalinkPage}
  1064. {block:IndexPage}
  1065. <div class="perwrapper">
  1066. <div class="per">
  1067. <a href="{Permalink}" title="{NoteCountWithLabel}"><i class="fa fa-pencil fa-lg fa-fw"></i></a>
  1068. </div>
  1069. <div class="per">
  1070. <a href="{ReblogURL}" target="_blank" title="Reblog"><i class="fa fa-refresh fa-lg fa-fw"></i></a>
  1071. </div>
  1072. </div>
  1073. {/block:IndexPage}
  1074. {/block:Photoset}
  1075.  
  1076. {block:Quote}
  1077. <div class="quote border">
  1078. <div style="font-size:14px">"{Quote}"</div>
  1079. {block:Source}<div class="source"><cite>{Source}</cite></div>{/block:Source}
  1080. {block:IndexPage}
  1081. <div class="date">
  1082. {block:Date}{ShortMonth} {DayOfMonthWithZero}<sup>{DayOfMonthSuffix}</sup> {Year}{/block:Date}
  1083. </div>
  1084. <div class="perma">
  1085. <a href="{Permalink}">{NoteCountWithLabel}</a>, <a href="{ReblogURL}" target="_blank">reblog?</a>
  1086. </div>
  1087. {/block:IndexPage}
  1088. {/block:Quote}
  1089.  
  1090. {block:Link}
  1091. <div class="link border">
  1092. <h1 class="linktitle"><a href="{URL}">{Name}</a> <div style="display:inline;font-size:11px;"><i class="fa fa-link fa-fw"></i></div></h1>
  1093. {block:Description}{Description}{/block:Description}
  1094. {block:IndexPage}
  1095. <div class="date">
  1096. {block:Date}{ShortMonth} {DayOfMonthWithZero}<sup>{DayOfMonthSuffix}</sup> {Year}{/block:Date}
  1097. </div>
  1098. <div class="perma">
  1099. <a href="{Permalink}">{NoteCountWithLabel}</a>, <a href="{ReblogURL}" target="_blank">reblog?</a>
  1100. </div>
  1101. {/block:IndexPage}
  1102. {/block:Link}
  1103.  
  1104. {block:Chat}
  1105. <div class="chat border">
  1106. <div class="title">{Title}</div>
  1107. <ul>
  1108. {block:Lines}
  1109. {block:Label}<b>{Label}</b>{/block:Label} {Line}<br>
  1110. {/block:Lines}
  1111. </ul>
  1112. {block:IndexPage}
  1113. <div class="date">
  1114. {block:Date}{ShortMonth} {DayOfMonthWithZero}<sup>{DayOfMonthSuffix}</sup> {Year}{/block:Date}
  1115. </div>
  1116. <div class="perma">
  1117. <a href="{Permalink}">{NoteCountWithLabel}</a>, <a href="{ReblogURL}" target="_blank">reblog?</a>
  1118. </div>
  1119. {/block:IndexPage}
  1120. {/block:Chat}
  1121.  
  1122. {block:Audio}
  1123. <div class="audio">
  1124. {block:AlbumArt}
  1125. <img src="{AlbumArtURL}" width="100px" height="100px"/>
  1126. {/block:AlbumArt}
  1127. {AudioPlayerWhite}
  1128. {block:AudioEmbed}{AudioEmbed}{/block:AudioEmbed}
  1129. {block:TrackName}<b>track:</b> {TrackName}{/block:TrackName}</span><br>
  1130. {block:Artist}<b>artist:</b> {Artist}{/block:Artist}
  1131. {block:Caption}{Caption}{/block:Caption}
  1132. {block:IndexPage}
  1133. <div class="date">
  1134. {block:Date}{ShortMonth} {DayOfMonthWithZero}<sup>{DayOfMonthSuffix}</sup> {Year}{/block:Date}
  1135. </div>
  1136. <div class="perma">
  1137. <a href="{Permalink}">{NoteCountWithLabel}</a>, <a href="{ReblogURL}" target="_blank">reblog?</a>
  1138. </div>
  1139. {/block:IndexPage}
  1140. {/block:Audio}
  1141.  
  1142. {block:Video}
  1143. <div class="video">
  1144. <div class="video-player">{Video-400}</div>
  1145. {block:Caption}{Caption}{/block:Caption}
  1146. {block:IndexPage}
  1147. <div class="date">
  1148. {block:Date}{ShortMonth} {DayOfMonthWithZero}<sup>{DayOfMonthSuffix}</sup> {Year}{/block:Date}
  1149. </div>
  1150. <div class="perma">
  1151. <a href="{Permalink}">{NoteCountWithLabel}</a>, <a href="{ReblogURL}" target="_blank">reblog?</a>
  1152. </div>
  1153. {/block:IndexPage}
  1154. {/block:Video}
  1155.  
  1156. {block:Answer}
  1157. <div class="answer border">
  1158. <div class="asker">{Asker} said:</div>
  1159. {Question}
  1160. <div class="divider"></div
  1161. {Answer}
  1162. {block:IndexPage}
  1163. <div class="date">
  1164. {block:Date}{ShortMonth} {DayOfMonthWithZero}<sup>{DayOfMonthSuffix}</sup> {Year}{/block:Date}
  1165. </div>
  1166. <div class="perma">
  1167. <a href="{Permalink}">{NoteCountWithLabel}</a>, <a href="{ReblogURL}" target="_blank">reblog?</a>
  1168. </div>
  1169. {/block:IndexPage}
  1170. {/block:Answer}
  1171. </div>
  1172.  
  1173. {block:PermalinkPage}
  1174. <i class="fa fa-clock-o"></i> {block:Date}{Month} {DayOfMonth}{DayOfMonthSuffix}, {Year}{/block:Date}
  1175. {block:NoteCount} - {NoteCountWithLabel}{/block:NoteCount}
  1176. {block:HasTags}</br><i class="fa fa-tags"></i> {block:Tags}#<a href="{TagURL}">{Tag}</a> {/block:Tags}{/block:HasTags}
  1177. {block:RebloggedFrom}</br><i class="fa fa-file"></i> <a href="{ReblogRootURL}">{ReblogRootName}</a> - via: <a href="{ReblogParentURL}">{ReblogParentName}</a><br>{/block:RebloggedFrom}
  1178. {block:PostNotes}{PostNotes}{/block:PostNotes}
  1179. </div>
  1180. </div>
  1181. {/block:PermalinkPage}
  1182. </footer>
  1183. </div>
  1184. {/block:Posts}
  1185. </div>
  1186. </div>
  1187.  
  1188. <!-- Don't touch this! The theme won't work correctly if changed. -->
  1189.  
  1190. <script>
  1191. (function() {
  1192. var $tumblelog = $('#content');
  1193. $tumblelog.infinitescroll({
  1194. navSelector : ".pagination",
  1195. nextSelector : ".pagination a:first",
  1196. itemSelector : ".entry",
  1197. bufferPx : 50,
  1198. done : "",
  1199. loading: {
  1200. img : "",
  1201. msgText: ""
  1202. },
  1203. },
  1204. function( newElements ) {
  1205. var $newElems = $( newElements ).css({ opacity: 0 });
  1206. $newElems.imagesLoaded(function(){
  1207. $newElems.animate({ opacity: 1 });
  1208. $tumblelog.masonry( 'appended', $newElems);
  1209. });
  1210. }
  1211. );
  1212. $tumblelog.imagesLoaded( function(){
  1213. $tumblelog.masonry({
  1214. columnWidth: function( containerWidth ) {
  1215. return containerWidth / 100;
  1216. }
  1217. });
  1218. });
  1219. })();
  1220. </script>
  1221.  
  1222. <div id="c"><a href="http://breezethemes.tumblr.com/" target="_blank" title="Breeze Themes"><i class="fa fa-code fa-lg"></i></a></div>
  1223. <BODY onselectstart="return false;" ondragstart="return false;">
  1224. <!-- End -->
  1225. </body>
  1226.  
  1227. <div id="01" class="popup_block">
  1228. <div class="one">
  1229. <h1>I will:</h1>
  1230. <ul>
  1231. <li>Check out your blog (mbf)</li>
  1232. <li>Give blog/personal advice</li>
  1233. <li>Be your friend :D</li>
  1234. <li>Reblog similar posts</li>
  1235. <li>Do q4q with mutuals only</li>
  1236. </ul>
  1237. </div>
  1238.  
  1239. <div class="two">
  1240. <h1>I won't:</h1>
  1241. <ul>
  1242. <li>Follow/promo on command</li>
  1243. <li>Follow/promo on request</li>
  1244. <li>Accept graphic content</li>
  1245. <li>Respond to hate</li>
  1246. </ul>
  1247. </div>
  1248.  
  1249. <div class="askbox">
  1250. <iframe src="http://www.tumblr.com/ask_form/{name}.tumblr.com" id="ask_frorm" frameBorder="0px" hspace="0px" vspace="0px" marginheight="0px" marginwidth="0px" width="100%" height="190px" scrolling="yes"></iframe>
  1251. </div>
  1252. </div>
  1253.  
  1254. <!-- Visit http://breezethemes.tumblr.com/ for more! -->
  1255.  
  1256. <div id="02" class="popup_block">
  1257. <!---ABOUT POPUP LAYOUT / CREDITS TO @KEYTHEMES--->
  1258. <div id="popupheader">About the Blogger</div>
  1259. <br>
  1260. <div id="brief">
  1261. <a><b>Name:</b> Eliza Rae</a>
  1262. <a><b>Birthday:</b> July 26</a>
  1263. <a><b>Location:</b> United States</a>
  1264. <a><b>Personality Type:</b> ENFP</a>
  1265. </div>
  1266.  
  1267. <div id="face"><img src="http://68.media.tumblr.com/avatar_3b5372dc191e_128.png"></div>
  1268.  
  1269.  
  1270. <div id="aboutcontent">
  1271. <div style="width:370px; max-height:70px; overflow:auto;">
  1272. <div style="margin-top:-10px;">
  1273. <p>Hello! My name is Eliza and I'm a stubborn and hard-headed Leo. I can be sweet but sometimes I can be sour af. I love to read classical literature, listen to old pop music, take photos on VSCO, and bake. I love to chat, so please don't hesistate in messaging me (if you can). I'm currently in high school studying English and Bio and in the future, I hope to become a vet and live in San Francisco, my second home. Before you go, please remember that someone is out there for you and that I love you. Have a magnificent day babe!!</p></div>
  1274. </div>
  1275.  
  1276. </div>
  1277. </div>
  1278. <!---ABOUT POPUP LAYOUT / CREDITS TO @KEYTHEMES--->
  1279. </div>
  1280. <div id="03" class="popup_block">
  1281. <div id="linkstable">
  1282. <div class="ltitle">Navigation</div>
  1283. <!---If you need more links use this: <a href="http://">link title</a> --->
  1284.  
  1285. <a href="/tagged/answered">answered</a>
  1286. <a href="/tagged/icon">icons</a>
  1287. <a href="/tagged/bff">friends</a>
  1288. <a href="/tagged/me">my posts</a>
  1289. <a href="/tagged/quotes">quotes</a>
  1290. <a href="/tagged/relatable">just relate</a>
  1291. <a href="http://soulfhully.tumblr.com">main blog</a>
  1292. <a href="http://instagram.com/elizaraenna">instagram</a>
  1293.  
  1294. </div>
  1295. </div></div><br></div>
  1296. </div></div></div></div></div></div></div></div></div></div></div>
  1297. </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!