API tools faq
paste
PetitePixel

Theme #006: Earth Angel

PetitePixel
Nov 27th, 2019
1,728
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 36.91 KB | None | 0 0
raw download clone embed print report
  1. <!---
  2.  
  3.  
  4. THEME #006: EARTH ANGEL
  5. CREATED BY PETITEPIXEL FOR PERSONAL USE.
  6. PLEASE DO NOT TAKE ANY OF
  7. MY CODE OR CLAIM AS YOUR OWN. IF YOU HAVE
  8. QUESTIONS PLEASE CONTACT PETITEPIXEL AT
  9. PETITEPIXEL.TUMBLR.COM/MAIL
  10.  
  11.  
  12. --->
  13.  
  14.  
  15. <html>
  16. <head>
  17.  
  18. <title>{Title}</title>
  19. <link rel="shortcut icon" href="{Favicon}">
  20. <link rel="altertnate" type="application/rss+xml" href="{RSS}">
  21. <meta name="description" content="" />
  22. <meta http-equiv="x-dns-prefetch-control" content="off"/>
  23.  
  24. <script type="text/javascript" src="https://static.tumblr.com/iuggpng/bGqm4yfv9/jquery-1.7.2.js"></script>
  25.  
  26.  
  27.  
  28.  
  29. <!-- DEFAULT VARIABLES -->
  30. <meta name="color:background" content="#f4dfd4"/>
  31. <meta name="color:blockquote" content="#f5f5f5"/>
  32. <meta name="color:chat even" content="#f7e8e2"/>
  33. <meta name="color:chat odd" content="#eac3b0"/>
  34. <meta name="color:chat text" content="#868686"/>
  35. <meta name="color:links" content="#aa7e67"/>
  36. <meta name="color:links hover" content="#868686"/>
  37. <meta name="color:link excerpt background" content="#f4dfd4"/>
  38. <meta name="color:music background" content="#f4dfd4"/>
  39. <meta name="color:music song title" content="#aa7e67"/>
  40. <meta name="color:music track info" content="#868686"/>
  41. <meta name="color:popup box bg" content="#fff"/>
  42. <meta name="color:popup box border" content="#eee"/>
  43. <meta name="color:posts" content="#fff"/>
  44. <meta name="color:post borders" content="#f0f0f0"/>
  45. <meta name="color:post title" content="#868686"/>
  46. <meta name="color:post title background" content="#f4dfd4"/>
  47. <meta name="color:question background" content="#f4dfd4"/>
  48. <meta name="color:quote border" content="#cccccc"/>
  49. <meta name="color:tags" content="#aa7e67"/>
  50. <meta name="color:tags hover" content="#868686"/>
  51. <meta name="color:text" content="#868686"/>
  52.  
  53. <!-- DEFAULT SCROLLBAR -->
  54. <meta name="color:scrollbar track" content="#999"/>
  55. <meta name="color:scrollbar accent" content="#eac3b0"/>
  56. <meta name="color:highlight text" content="#363636"/>
  57.  
  58. <!-- DEFAULT TOOLTIPS -->
  59. <meta name="color:tooltip background" content="#868686"/>
  60. <meta name="color:tooltip text" content="#fff"/>
  61. <meta name="color:tooltip accent" content="#fff"/>
  62.  
  63. <!-- DEFAULT TEXT -->
  64. <meta name="text:Lightbox RGBO" content="150, 137, 136, 0.8"/>
  65. <meta name="text:Custom Ask Page" content="EX: Mail or FAQ"/>
  66.  
  67. <!-- DEFAULT IMAGES -->
  68. <meta name="image:icon" content="https://static.tumblr.com/jubuz4o/FdVq2bh4h/mountain.png"/>
  69.  
  70. <!-- DEFAULT LINKS -->
  71. <meta name="text:Link 1" content="/"/>
  72. <meta name="text:Link 1 Title" content="Link One"/>
  73. <meta name="text:Link 2" content="/">
  74. <meta name="text:Link 2 Title" content="Link Two"/>
  75. <meta name="text:Link 3" content="/"/>
  76. <meta name="text:Link 3 Title" content="Link Three"/>
  77. <meta name="text:Link 4" content="/"/>
  78. <meta name="text:Link 4 Title" content="Link Four"/>
  79.  
  80. <!-- DEFAULT SETTINGS -->
  81. <meta name="if:Custom Ask Page" content="0"/>
  82.  
  83.  
  84.  
  85. <style type="text/css">
  86. /* --- FOLLOW BUTTONS --------------------------------- */
  87. body > iframe:first-child { display: none !important; }
  88.  
  89. .controls div {
  90. float: right;
  91. width: 28px;
  92. overflow: hidden;
  93. }
  94.  
  95. .controls div.hidden {
  96. width: 0px;
  97. }
  98.  
  99. .controls {
  100. float: right;
  101. position: fixed;
  102. bottom: 20px;
  103. right: 20px;
  104. }
  105.  
  106. .controls a {
  107. position: relative;
  108. display: block;
  109. height: 1.1rem;
  110. text-align: center;
  111. width: 20px;
  112. height: 20px;
  113. margin-bottom: 8px;
  114. color:{color:links};
  115. background:{color:background};
  116. }
  117.  
  118. .controls a span {
  119. position:absolute;
  120. width:1em;
  121. height:1em;
  122. top:0;
  123. right:0;
  124. bottom:0;
  125. left:0;
  126. margin:auto;
  127. text-align:center;
  128. }
  129.  
  130. .th {
  131. font-size: 12px;
  132. color:{color:links};
  133. }
  134.  
  135.  
  136.  
  137.  
  138.  
  139. /* --- LIGHTBOX --------------------------------- */
  140. .vignette, #vignette {
  141. opacity:0;
  142. }
  143. .lightbox-image, #tumblr_lightbox img {
  144. box-shadow:none !important;
  145. border-radius:0 !important;
  146. max-width:none;
  147. }
  148.  
  149. .tmblr-lightbox, #tumblr_lightbox {
  150. background-color:rgba({text:lightbox rgbo}) !important;
  151. }
  152.  
  153. .lightbox-image, #tumblr_lightbox img {
  154. border:5px solid #fff !important;
  155. -moz-box-sizing:border-box;
  156. box-sizing:border-box;
  157. }
  158.  
  159. .lightbox-caption, #tumblr_lightbox_caption {
  160. visibility: hidden;
  161. }
  162.  
  163. /* width */
  164. ::-webkit-scrollbar {
  165. width: 10px;
  166. }
  167.  
  168.  
  169.  
  170.  
  171.  
  172. /* --- SCROLLBAR --------------------------------- */
  173. ::-webkit-scrollbar {
  174. height:0px;
  175. width:6px;
  176. background:{color:scrollbar track};
  177. border-left:1px solid {color:scrollbar track};
  178. }
  179.  
  180. ::-webkit-scrollbar-thumb:vertical {
  181. height:auto;
  182. width:7px;
  183. border-left:1px solid {color:scrollbar track};
  184. background:{color:scrollbar accent};
  185. }
  186.  
  187. ::-webkit-scrollbar-thumb:hotizontal {
  188. display:none;
  189. }
  190.  
  191. ::selection {
  192. background:{color:scrollbar accent};
  193. color:{color:highlight text};
  194. }
  195.  
  196. ::-webkit-selection {
  197. background:{color:scrollbar accent};
  198. color:{color:highlight text};
  199. }
  200.  
  201. ::-moz-selection {
  202. background:{color:scrollbar accent};
  203. color:{color:highlight text};
  204. }
  205.  
  206.  
  207.  
  208.  
  209.  
  210. /* --- TOOLIPS --------------------------------- */
  211. #s-m-t-tooltip {
  212. max-width: 300px;
  213. padding: 3px 7px;
  214. margin: -20px 0px 0px 20px;
  215. background: {color:tooltip background};
  216. color: {color:tooltip text};
  217. font-size: 7px;
  218. font-family: 'Barlow', sans-serif;
  219. font-weight: 700;
  220. text-transform: uppercase;
  221. opacity: 1;
  222. letter-spacing: 1px;
  223. border-bottom:1px solid {color:tooltip accent};
  224. z-index: 999999999999;
  225. }
  226.  
  227.  
  228.  
  229.  
  230.  
  231. /* --- BODY --------------------------------- */
  232. body {
  233. line-height: 1.5;
  234. text-align: justify;
  235. font-weight: 400;
  236. font-size: 10px;
  237. font-family: 'Barlow', sans-serif;
  238. color: {color:text};
  239. background: {color:background};
  240. -webkit-font-smoothing: antialiased;
  241. }
  242.  
  243. a {
  244. color: {color:links};
  245. text-decoration: none;
  246. -moz-transition-duration: 0.5s;
  247. -o-transition-duration: 0.5s;
  248. -webkit-transition-duration: 0.5s;
  249. transition-duration: 0.5s;
  250. }
  251.  
  252. a:hover {
  253. color: {color:links hover};
  254. -moz-transition-duration: 0.5s;
  255. -o-transition-duration: 0.5s;
  256. -webkit-transition-duration: 0.5s;
  257. transition-duration: 0.5s;
  258. }
  259.  
  260. .container {
  261. margin: 0 0 0 0;
  262. width: 100%;
  263. }
  264.  
  265.  
  266.  
  267.  
  268.  
  269. /* --- POSTS --------------------------------- */
  270. .entries {
  271. margin: 120px 20px 20px 450px;
  272. width: 420px;
  273. }
  274.  
  275. .posts {
  276. position: relative;
  277. left: 20px;
  278. padding: 10px;
  279. width: 450px;
  280. background:{color:posts};
  281. border:1px solid {color:post borders};
  282. }
  283.  
  284. .posts img {
  285. max-width: 100%;
  286. height: auto;
  287. list-style-type:none;
  288. cursor: pointer;
  289. }
  290.  
  291. .posts li, .posts ol {
  292. max-width: 100%;
  293. height: auto;
  294. list-style-type:none;
  295. }
  296.  
  297. .texts {
  298. text-align: justify;
  299. margin-top: -5px;
  300. padding-top: 0px;
  301. padding-right: 5px;
  302. padding-left: 5px;
  303. padding-bottom: 0px;
  304. }
  305.  
  306. .texts ul, .texts ul li{
  307. list-style-type: square!important;
  308. }
  309.  
  310. .texts ol, .texts ol li {
  311. list-style-type: upper-roman!important;
  312. }
  313.  
  314. h1, h2, h3 {
  315. margin-top: 0px;
  316. padding:15px;
  317. text-align: center;
  318. text-transform: uppercase;
  319. line-height: 1.5;
  320. font-weight: 700;
  321. font-size: 16px;
  322. font-family: 'Barlow', sans-serif;
  323. color: {color:post title};
  324. background: {color:post title background};
  325. }
  326.  
  327.  
  328.  
  329.  
  330.  
  331. /* --- REBLOG LAYOUT --------------------------------- */
  332. .reblog-header {
  333. margin-top: -10px;
  334. margin-left: -10px;
  335. padding: 2px;
  336. width: 466px;
  337. height: 30px;
  338. border-bottom: 1px solid {color:post borders};
  339. background:{color:posts};
  340. }
  341.  
  342. .reblog-avatar {
  343. display: inline-block;
  344. margin-top: -2px;
  345. padding: 5px;
  346. vertical-align: middle;
  347. line-height: 0.8;
  348. }
  349.  
  350. .reblog-avatar img {
  351. width: 20px;
  352. height: auto;
  353. border-radius: 4px;
  354. }
  355.  
  356. .username {
  357. display: inline-block;
  358. margin-left: -2px;
  359. text-transform: uppercase;
  360. vertical-align: middle;
  361. letter-spacing:0px;
  362. font-weight: 400;
  363. font-size: 9px;
  364. color:{color:text};
  365. }
  366.  
  367. .username a {
  368. color:{color:links};
  369. }
  370.  
  371. .username a:hover {
  372. color:{color:links hover};
  373. }
  374.  
  375. .reblog-list {
  376. margin-left: -5px;
  377. padding: 5px;
  378. width: 450px;
  379. }
  380.  
  381. .reblog-content {
  382. margin-left: -5px;
  383. padding: 5px;
  384. width: 450px;
  385. overflow:hidden;
  386. }
  387.  
  388. .reblog-content img {
  389. height: auto!important;
  390. max-width: 450px!important;
  391. }
  392.  
  393.  
  394.  
  395.  
  396.  
  397. /* --- UNESTED CAPTIONS --------------------------------- */
  398. .tumblr_blog {
  399. display: block;
  400. margin-bottom: 5px;
  401. margin-top: 5px;
  402. vertical-align: middle;
  403. line-height: 28px;
  404. font-weight: 700;
  405. font-size: 10px;
  406. font-family: 'Barlow', sans-serif;
  407. }
  408.  
  409. a.tumblr_blog {
  410. display: inline-block;
  411. margin-top: 6px;
  412. padding-top: 3px;
  413. padding-left: 5px;
  414. padding-right: 5px;
  415. padding-bottom: 3px;
  416. height: 13px;
  417. text-transform: uppercase;
  418. line-height: 1.4;
  419. font-weight: 700;
  420. font-size: 9px;
  421. color: {color:text};
  422. }
  423.  
  424. .tumblr_avatar {
  425. display: inline-block;
  426. float: left;
  427. margin-top: 5px;
  428. margin-right: 5px;
  429. width: 20px;
  430. height: 20px;
  431. border-radius: 2px;
  432. }
  433.  
  434. .tmblr-attribution {
  435. margin-top: -5px;
  436. margin-left: 10px;
  437. width: 95%;
  438. padding: 5px;
  439. text-transform: uppercase;
  440. font-size:7px;
  441. text-align: right;
  442. }
  443.  
  444.  
  445.  
  446.  
  447.  
  448. /* --- BLOCKQUOTES --------------------------------- */
  449. blockquote {
  450. margin-left: 0px;
  451. padding: 5px;
  452. width: 435px;
  453. background:{color:blockquote};
  454. border-left: 2px solid {color:blockquote border};
  455. }
  456.  
  457. blockquote blockquote {
  458. background:{color:blockquote};
  459. border: none;
  460. padding:0px;
  461. }
  462.  
  463. blockquote img {
  464. height: auto!important;
  465. max-width: 400px!important;
  466. }
  467.  
  468. .texts blockquote {
  469. margin-left: -2px;
  470. padding: 5px;
  471. width: 430px;
  472. background:{color:blockquote};
  473. border-left: 2px solid {color:blockquote border};
  474. }
  475.  
  476.  
  477.  
  478.  
  479.  
  480.  
  481. /* --- NOT FOUND --------------------------------- */
  482. .wrapper_notfound {
  483. position: fixed;
  484. visibility:hidden;
  485. left: 0px;
  486. top: 0px;
  487. width: 100%;
  488. height: 100%;
  489. background: {color:background};
  490. z-index: 999999999999;
  491. }
  492.  
  493. .actual_notfound {
  494. position: absolute;
  495. left:50%;
  496. top:50%;
  497. font-family: 'Barlow', sans-serif;
  498. transform:translate(-50%, -50%);
  499. width:calc(600px + 0.25vw);
  500. font-size:calc(22px + 0.25vw);
  501. line-height:170%;
  502. text-align: center;
  503. }
  504.  
  505. .actual_notfound a {
  506. color:{color:text};
  507. text-decoration: none;
  508. border-bottom:3px solid {color:links};
  509. }
  510.  
  511.  
  512.  
  513.  
  514.  
  515.  
  516. /* --- TOP NAVIGATION ------------------------------ */
  517. .topbar {
  518. position: fixed;
  519. top:0px;
  520. left: 0px;
  521. padding: 5px;
  522. width: 1000%;
  523. height:90px;
  524. background:{color:background};
  525. z-index: 1000001;
  526. }
  527.  
  528. .topbar img {
  529. display:inline-block;
  530. position: relative;
  531. margin: 35px 5px 0px 380px;
  532. width: 60px;
  533. height: 60px;
  534. border-radius: 100%;
  535. background:#fff;
  536. border:5px solid #fff;
  537. }
  538.  
  539. .tborder {
  540. margin: -55px 5px 0px 470px;
  541. padding: 10px;
  542. width: 50px;
  543. height: auto;
  544. background: ;
  545. border-bottom: 1px solid #fff;
  546. }
  547.  
  548. .topnav {
  549. display:inline-block;
  550. position:relative;
  551. top:-18px;
  552. left: 535px;
  553. width: 450px;
  554. height: 5px;
  555. padding:10px;
  556. text-align: left;
  557. text-transform:uppercase;
  558. letter-spacing:0.5px;
  559. }
  560.  
  561. .topnav a {
  562. display:inline-block;
  563. margin: 0px 8px 0px 8px;
  564. min-width: 10px;
  565. }
  566.  
  567.  
  568.  
  569.  
  570.  
  571. /* --- DESCRIPTION --------------------------------- */
  572. .popup_block{
  573. display: none;
  574. background: {color:popup box bg};
  575. padding: 20px;
  576. border: 1px solid {color:popup box border};
  577. float: left;
  578. position: fixed;
  579. top: 20%;
  580. left: 18%;
  581. width: 200px!important;
  582. z-index: 1000006;
  583. }
  584.  
  585. *html #fade {position: absolute;}
  586. *html .popup_block {position: absolute;}
  587. #fade {
  588. display: none;
  589. position: fixed;
  590. left: 0px;
  591. top: 0px;
  592. width: 100%;
  593. height: 100%;
  594. z-index: 1000005;
  595. background: ;
  596. opacity: 0.5;
  597. }
  598.  
  599. .desc {
  600. text-transform:uppercase;
  601. font-style: italic!important;
  602. font-size:8px;
  603. letter-spacing:0.5px;
  604. }
  605.  
  606.  
  607.  
  608.  
  609.  
  610.  
  611.  
  612. /* --- SIDE NAVIGATION --------------------------------- */
  613. .sidebar {
  614. position: fixed;
  615. top:96px;
  616. left: 410px;
  617. padding: 5px;
  618. width: 10px;
  619. height:100%;
  620. z-index: 1000000;
  621. }
  622.  
  623. .sborder {
  624. display:inline-block;
  625. margin: -85px 0px 0px -14px;
  626. padding: 10px;
  627. width: auto;
  628. height: 50px;
  629. background: ;
  630. border-right: 1px solid #fff;
  631. }
  632.  
  633. .sidenav {
  634. display:inline-block;
  635. position:relative;
  636. top:140px;
  637. left:-134px;
  638. width: 250px;
  639. height: 5px;
  640. padding:10px;
  641. text-align: center;
  642. text-transform:uppercase;
  643. letter-spacing:0.5px;
  644. -webkit-transform: rotate(-90deg) translatez(0);
  645. transform: rotate(-90deg) translatez(0);
  646. margin-top: 50px;
  647. -webkit-transform-origin: 50% 51%;
  648. }
  649.  
  650. .sidenav a {
  651. display:inline-block;
  652. margin: 0px 8px 0px 8px;
  653. min-width: 10px;
  654. }
  655.  
  656.  
  657.  
  658.  
  659.  
  660.  
  661.  
  662. /* --- PAGNATION --------------------------------- */
  663. .pagi {
  664. position:relative;
  665. left: 470px;
  666. bottom: 60px!important;
  667. padding: 10px;
  668. width: 450px;
  669. font-size: 12px;
  670. font-family: 'Barlow', sans-serif;
  671. font-weight: 400;
  672. line-height: 1.8;
  673. letter-spacing: 0.5px;
  674. font-style: italic;
  675. text-transform: uppercase;
  676. text-align: center;
  677. }
  678.  
  679. .pagi a {
  680. color:{color:links};
  681. margin: 0px 8px;
  682. }
  683.  
  684. .pagi a:hover {
  685. color:{color:links hover};
  686. margin: 0px 8px;
  687. }
  688.  
  689. .current_page {
  690. padding-top: 5px;
  691. padding-left:10px;
  692. padding-right: 10px;
  693. padding-bottom: 5px;
  694. font-weight: 700;
  695. color:#fff;
  696. background:{color:links};
  697. border-radius: 4px;
  698. }
  699.  
  700.  
  701.  
  702.  
  703.  
  704.  
  705. /* --- VIDEO --------------------------------- */
  706. .video {
  707. width:450px;
  708. height:auto;
  709. }
  710.  
  711.  
  712.  
  713.  
  714.  
  715. /* --- AUDIO --------------------------------- */
  716. .audioplayer {
  717. margin-top: 3px;
  718. margin-left: 2px;
  719. padding: 3px;
  720. width: 27px;
  721. height: 24px;
  722. overflow: hidden;
  723. }
  724.  
  725. #audioplayerbackground {
  726. position: absolute;
  727. z-index: 1;
  728. width: 40px;
  729. height: 40px;
  730. margin-top: 8px;
  731. margin-left: 5px;
  732. background: #fff;
  733. opacity: 0.8;
  734. -webkit-transition: opacity 0.8s linear;
  735. -webkit-transition: all 0.5s ease-out;
  736. -moz-transition: all 0.5s ease-out;
  737. transition: all 0.5s ease-out;
  738. }
  739.  
  740. #audioplayerbackground:hover {
  741. opacity: .4;
  742. -webkit-transition: opacity 0.8s linear;
  743. -webkit-transition: all 0.5s ease-out;
  744. -moz-transition: all 0.5s ease-out;
  745. transition: all 0.5s ease-out;
  746. }
  747.  
  748. .music {
  749. display: block;
  750. margin-top: 0px;
  751. margin-left: 0px;
  752. margin-bottom: 5px;
  753. padding: 5px;
  754. width: 435px;
  755. height: 55px;
  756. text-align: center;
  757. color: {color:text};
  758. background: {color:music background};
  759. }
  760.  
  761. .song {
  762. display:block;
  763. margin-top:10px;
  764. margin-bottom: 0px;
  765. text-transform: uppercase;
  766. letter-spacing: 0px;
  767. text-align: center;
  768. font-size: 14px;
  769. font-weight: 700;
  770. font-family: 'Barlow', sans-serif;
  771. color: {color:music song title};
  772. }
  773.  
  774. .trackinfo {
  775. display:block;
  776. letter-spacing: 0px;
  777. line-height: 1.2;
  778. text-align: center;
  779. font-size: 10px;
  780. font-family: 'Barlow', sans-serif;
  781. color: {color:music track info};
  782. }
  783.  
  784. .spotify_audio_player {
  785. height: 80px !important;
  786. width: 450px;
  787. }
  788.  
  789.  
  790.  
  791.  
  792.  
  793.  
  794. /* --- QUOTES --------------------------------- */
  795. .qwrap {
  796. padding: 5px;
  797. }
  798.  
  799. .quote {
  800. margin: 30px;
  801. padding: 30px;
  802. text-align: center;
  803. line-height: 1.4;
  804. font-style: italic;
  805. font-size: 14px;
  806. font-weight: 900;
  807. color: {color:text};
  808. border-top: 1px solid {color:quote border};
  809. border-bottom: 1px solid {color:quote border};
  810. }
  811.  
  812. .quote a {
  813. display: block;
  814. color: {color:links};
  815. }
  816.  
  817. .source {
  818. display: block;
  819. margin-top: 10px;
  820. line-height: 1.2!important;
  821. font-weight: 400;
  822. font-size: 10px;
  823. }
  824.  
  825. .source a.tumblr_blog {
  826. display: none;
  827. line-height: 1.2;
  828. }
  829.  
  830.  
  831.  
  832.  
  833.  
  834.  
  835.  
  836. /* --- QUESTION + ANSWER POSTS --------------------------------- */
  837. .question {
  838. margin-bottom: 10px;
  839. padding: 20px;
  840. background: {color:question background};
  841. }
  842.  
  843. .asker-question {
  844. margin-top: 10px;
  845. text-align: justify;
  846. line-height: 1.8;
  847. }
  848.  
  849. .asker {
  850. display: block;
  851. margin-top: -38px;
  852. margin-left: 50px;
  853. font-family: 'Barlow', sans-serif;
  854. font-weight: 700;
  855. font-size: 14px;
  856. text-transform: uppercase;
  857. }
  858.  
  859. .asker-icon {
  860. margin-right: 5px;
  861. margin-bottom: 5px;
  862. width: 30px;
  863. height: 30px;
  864. border: 5px solid {color:posts};
  865. background: {color:posts};
  866. }
  867.  
  868. .asker span {
  869. display: block;
  870. vertical-align: middle;
  871. margin-top: -8px;
  872. margin-left: 0px;
  873. font-size: 9px;
  874. font-weight: 400!important;
  875. text-transform: lowercase;
  876. }
  877.  
  878. .asker a {
  879. margin-left: 0px;
  880. color:{color:links};
  881. font-weight: 700;
  882. }
  883.  
  884. .asker a:hover {
  885. color:{color:links hover};
  886. font-weight: 700;
  887. }
  888.  
  889. .answerer {
  890. display: block;
  891. margin-top: -52px;
  892. margin-left: 40px;
  893. margin-bottom: 10px;
  894. font-family: 'Barlow', sans-serif;
  895. font-weight: 700;
  896. font-size: 11px;
  897. text-transform: uppercase;
  898. }
  899.  
  900. .answerer-icon {
  901. margin-right: 5px;
  902. margin-bottom: 25px;
  903. width: 30px;
  904. height: 30px;
  905. border: 5px solid {color:posts};
  906. background: {color:posts};
  907. }
  908.  
  909. .answerer-icon img {
  910. width: 30px;
  911. height: 30px;
  912. }
  913.  
  914. .answerer a {
  915. margin-left: 10px;
  916. color:{color:links};
  917. font-weight: 700;
  918. }
  919.  
  920. .answerer a:hover {
  921. color:{color:links hover};
  922. font-weight: 700;
  923. }
  924.  
  925. .answerer-question {
  926. margin-top: 10px;
  927. padding: 10px;
  928. text-align: justify;
  929. line-height: 1.8;
  930. background:{color:blockquote};
  931. }
  932.  
  933. .replies {
  934. margin-top:-10px;
  935. padding: 5px;
  936. text-align: justify;
  937. background:{color:blockqote};
  938. }
  939.  
  940.  
  941.  
  942.  
  943.  
  944.  
  945. /* --- CHAT --------------------------------- */
  946. .chat {
  947. width: 440px;
  948. color: {color:chat text};
  949. }
  950.  
  951. .chat ol {
  952. padding: 0;
  953. line-height: 180%;
  954. list-style-type: none !important;
  955. color: {color:chat text};
  956. }
  957.  
  958. .chat li {
  959. list-style-type: none !important;
  960. color: {color:chat text};
  961. }
  962.  
  963. .line.odd {
  964. list-style-type: none !important;
  965. margin-bottom: 2px;
  966. padding: 5px;
  967. color: {color:chat text};
  968. background: {color:chat odd};
  969. }
  970.  
  971. .line.even {
  972. list-style-type: none !important;
  973. margin-bottom: 2px;
  974. padding: 5px;
  975. color: {color:chat text};
  976. background: {color:chat even};
  977. }
  978.  
  979. .label {
  980. padding-right: 1px;
  981. letter-spacing: 0px;
  982. text-transform: uppercase;
  983. font-weight: 700;
  984. font-size: 10px;
  985. font-family: 'Barlow', sans-serif;
  986. color: {color:chat text};
  987. }
  988.  
  989.  
  990.  
  991.  
  992.  
  993.  
  994. /* --- LINK POSTS --------------------------------- */
  995. .link-tit {
  996. margin-top: 0px;
  997. padding:15px;
  998. text-align: center;
  999. text-transform: uppercase;
  1000. line-height: 1.3;
  1001. font-weight: 700;
  1002. font-size: 16px;
  1003. font-family: 'Barlow', sans-serif;
  1004. color: {color:post title};
  1005. background: {color:post title background};
  1006. }
  1007.  
  1008. .link-tit a {
  1009. color: {color:post title};
  1010. background: {color:post title background};
  1011. }
  1012.  
  1013. .link-tit a:hover {
  1014. color: {color:links};
  1015. background: {color:post title background};
  1016. }
  1017.  
  1018. .linkexpt {
  1019. margin-top: 10px;
  1020. margin-left: 1px;
  1021. padding: 5px;
  1022. width: 435px;
  1023. background:{color:link excerpt background};
  1024. border-left: 2px solid {color:blockquote border};
  1025. }
  1026.  
  1027. .linkdesc {
  1028. text-align:justify;
  1029. background:{color:posts};
  1030. }
  1031.  
  1032.  
  1033.  
  1034.  
  1035.  
  1036. /* --- POST INFO + REBLOG + LIKE --------------------------------- */
  1037. .tops {
  1038. display: block;
  1039. position: relative;
  1040. margin: 5px 5px 0px 20px;
  1041. width: 470px;
  1042. text-transform: uppercase;
  1043. font-size: 9px;
  1044. font-weight: 700px;
  1045. letter-spacing: 1px;
  1046. line-height: 1.0;
  1047. text-align: justify;
  1048. {block:AskPage}
  1049. display:none;
  1050. {/block:AskPage}
  1051. }
  1052.  
  1053. .rblg {
  1054. display: inline-block;
  1055. padding: 0px;
  1056. }
  1057.  
  1058. .rblg a {
  1059. margin: 5px;
  1060. padding:0px;
  1061. }
  1062.  
  1063. .rblg img {
  1064. width: 20px;
  1065. height: 20px;
  1066. margin: 0px 2px 2px 0px;
  1067. border: 4px solid #fff;
  1068. background:#fff;
  1069. border-radius:4px;
  1070. }
  1071.  
  1072. .lkd {
  1073. display: inline-block;
  1074. margin-top: -26px;
  1075. padding: 6px;
  1076. min-width: 70px;
  1077. max-width: 70px;
  1078. text-align: center;
  1079. color:{color:links};
  1080. background:{color:posts};
  1081. }
  1082.  
  1083. .like-b {
  1084. position:relative;
  1085. display:inline-block;
  1086. height:1em;
  1087. line-height:1em;
  1088. overflow:hidden;
  1089. margin-bottom:-1px;
  1090. }
  1091.  
  1092. .like-b .like_button iframe {
  1093. position:absolute;
  1094. top:0;
  1095. left:0;
  1096. bottom:0;
  1097. right:0;
  1098. z-index:2;
  1099. opacity:0;
  1100. }
  1101.  
  1102. .like-b .liked + .b {
  1103. color:inherit;
  1104. }
  1105.  
  1106. .like-b .liked + .b:after {
  1107. content:'d it!';
  1108. }
  1109.  
  1110. .reb {
  1111. display: inline-block;
  1112. margin-top: 2px;
  1113. margin-right: 10px;
  1114. margin-left:3px;
  1115. padding: 6px;
  1116. min-width: 70px;
  1117. max-width: 70px;
  1118. text-align: center;
  1119. color:{color:links};
  1120. background:{color:posts};
  1121. }
  1122.  
  1123. .nted {
  1124. display: inline-block;
  1125. margin-right:5px;
  1126. margin-left: -2px;
  1127. padding: 6px;
  1128. min-width: 100px;
  1129. max-width: 100px;
  1130. text-align: center;
  1131. color:{color:links};
  1132. background:{color:posts};
  1133. }
  1134.  
  1135.  
  1136.  
  1137.  
  1138.  
  1139.  
  1140. /* --- TAGS --------------------------------- */
  1141. .tags {
  1142. display: block;
  1143. position: relative;
  1144. margin: 0px 0px 90px 20px;
  1145. width: 470px;
  1146. text-transform: uppercase;
  1147. font-size: 9px;
  1148. font-weight: 700px;
  1149. letter-spacing: 1px;
  1150. line-height: 1.0;
  1151. text-align: justify;
  1152. }
  1153.  
  1154. .tags a {
  1155. display: inline-block;
  1156. margin: 1px 3px;
  1157. padding: 2px 2px;
  1158. font-weight: 900px;
  1159. letter-spacing: 0.5px;
  1160. color: {color:tags};
  1161. }
  1162.  
  1163. .tags a:hover {
  1164. color:{color:tags hover};
  1165. }
  1166.  
  1167. .tags span {
  1168. font-weight: 700px!important;
  1169. font-size: 12px;
  1170. color:{color:links hover};
  1171. }
  1172.  
  1173.  
  1174.  
  1175.  
  1176.  
  1177. /* --- POST NOTES --------------------------------- */
  1178. ol.notes {
  1179. margin-left: -20px;
  1180. margin-top: -20px;
  1181. list-style-type: none;
  1182. width: 470px;
  1183. }
  1184.  
  1185. ol.notes a {
  1186. padding-left: 5px;
  1187. color: {color:links};
  1188. text-decoration: none;
  1189. text-transform: uppercase;
  1190. }
  1191.  
  1192. ol.notes a:hover {
  1193. padding-left: 5px;
  1194. color: {color:links hover};
  1195. text-transform: uppercase;
  1196. }
  1197.  
  1198. ol.notes li.note {
  1199. margin-top: 4px;
  1200. padding: 4px 6px;
  1201. width: 470px;
  1202. background: {color:background};
  1203. }
  1204.  
  1205. ol.notes li.note img.avatar {
  1206. display: inline-block;
  1207. vertical-align: -5px;
  1208. width: 16px;
  1209. height: 16px;
  1210. border-radius: 100%;
  1211. }
  1212.  
  1213. ol.notes li.note blockquote {
  1214. margin-left: 20px;
  1215. padding-left: 8px;
  1216. border-left: 2px solid {color:popup border};
  1217. }
  1218.  
  1219. {CustomCSS}
  1220. </style>
  1221. </head>
  1222.  
  1223.  
  1224. <body>
  1225. <div class="container">
  1226. <div class="controls">
  1227. <a href="https://www.tumblr.com/follow/{Name}" title="follow"><span class="th th-plus-1-o"></span></a>
  1228. <a href="https://www.tumblr.com/message/{Name}" title="message"><span class="th th-chat-bubble-o"></span></a>
  1229. <a href="https://www.tumblr.com/dashboard" title="dashboard"><span class="th th-dial-o"></span></a>
  1230. </div><!-- end controls -->
  1231.  
  1232.  
  1233. <div class="wrapper_notfound">
  1234. <div class="actual_notfound">
  1235. <h1>Not Found</h1>
  1236. Lo siento, mis amigos. What you are looking for does not exist.
  1237. Please go <a href="https://{Name}.tumblr.com/">here</a> to return to the main page.
  1238. </div><!-- end actual_notfound -->
  1239. </div><!-- end wrapper_notfound -->
  1240.  
  1241.  
  1242. <div id="box1" class="popup_block">
  1243. <div class="desc">{Description}</div>
  1244. </div>
  1245.  
  1246. </div></div></div></div></div></div></div></div></div></div>
  1247.  
  1248.  
  1249. <div class="topbar">
  1250. <a href="#?w=300" rel="box1" class="poplight"><img src="{image:icon}"></a> <div class="tborder"></div> <div class="topnav">
  1251. {block:ifLink1Title}<a href="{text:Link 1}">{text:Link 1 Title}</a>{/block:ifLink1Title}
  1252. {block:ifLink2Title}<a href="{text:Link 2}">{text:Link 2 Title}</a>{/block:ifLink2Title}
  1253. {block:ifLink3Title}<a href="{text:Link 3}">{text:Link 3 Title}</a>{/block:ifLink3Title}
  1254. {block:ifLink4Title}<a href="{text:Link 4}">{text:Link 4 Title}</a>{/block:ifLink4Title}
  1255. </div><!-- end topnav -->
  1256. </div><!-- end topbar -->
  1257.  
  1258.  
  1259. <div class="sidebar">
  1260. <img src="{image:sidebar}">
  1261. <div class="sidenav">
  1262. <a href="/">Home</a>
  1263. <a href="/ask">Message</a>
  1264. <a href="/archive">Vault</a>
  1265. <a href="https://petitepixel.tumblr.com/">Credit</a>
  1266. </div><!--- end sidenav --->
  1267.  
  1268. <div class="sborder"></div>
  1269.  
  1270. </div><!--- end sidebar --->
  1271.  
  1272.  
  1273. <div class="entries">
  1274. {block:Posts}
  1275.  
  1276. <div class="posts" id="{PostID}">
  1277.  
  1278.  
  1279. <!-- TEXT POSTS -->
  1280. {block:Text}
  1281. {block:NotReblog}
  1282. {block:Title}<h1>{Title}</h1>{/block:Title}
  1283. <div class="texts">{Body}</div><!--- end texts --->
  1284. {/block:NotReblog}
  1285.  
  1286. {block:RebloggedFrom}
  1287. <div class="reblog-list">
  1288. {block:Reblogs}
  1289. <div class="{block:isOriginalEntry}original-reblog{/block:isOriginalEntry}">
  1290. <div class="reblog-header"><div class="reblog-avatar">
  1291. {block:IsActive}
  1292. <a class="{block:isNotOriginalEntry}sub-reblog{/block:isNotOriginalEntry}" href="{Permalink}" target="_blank"><img src="{PortraitURL-64}"></a>
  1293. {/block:IsActive}
  1294.  
  1295. {block:IsDeactivated}
  1296. <span class="inactive {block:isNotOriginalEntry} sub-reblog{/block:isNotOriginalEntry}"><img src="{PortraitURL-64}"></span>
  1297. {/block:IsDeactivated}</div><!-- end reblog-avatar -->
  1298.  
  1299. <div class="username">
  1300. {block:IsActive}
  1301. <a target="_blank" href="{Permalink}">{Username}</a>
  1302. {/block:IsActive}
  1303.  
  1304. {block:IsDeactivated}
  1305. <span class="inactive">{Username}</span>
  1306. {/block:IsDeactivated}
  1307. </div><!-- end username -->
  1308. </div><!-- end reblog-header -->
  1309. <div class="reblog-content">
  1310. {block:Title}<h1>{Title}</h1>{/block:Title}
  1311. <div class="texts">{Body}</div><!--- end texts --->
  1312. </div><!-- end reblog-content -->
  1313. </div><!-- end orginal entry -->
  1314. {/block:Reblogs}
  1315. </div><!-- end reblog-list -->
  1316. {/block:RebloggedFrom}
  1317. {/block:Text}
  1318.  
  1319.  
  1320. <!-- PHOTO POSTS -->
  1321. {block:Photo}<center>
  1322. {LinkOpenTag}<a href="#" onclick="Tumblr.Lightbox.init([{ width: {PhotoWidth-HighRes}, height: {PhotoHeight-HighRes}, low_res: '{PhotoURL-500}', high_res: '{PhotoURL-HighRes}' }]); $('body').toggleClass('tumblr_lightbox_active'); return false"><img src="{PhotoURL-HighRes}"></a>{LinkCloseTag}</center>
  1323. {block:Caption}<div class="cap">{Caption}</div>{/block:Caption}
  1324. {/block:Photo}
  1325.  
  1326.  
  1327. <!-- PHOTOSETS POSTS -->
  1328. {block:Photoset}
  1329. <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>
  1330. {block:Caption}<div class="cap">{Caption}</div>{/block:Caption}
  1331. {/block:Photoset}
  1332.  
  1333.  
  1334. <!-- CHAT POSTS -->
  1335. {block:Chat}
  1336. {block:Title}
  1337. <h1>{Title}</h1>
  1338. {/block:Title}
  1339. <div class="post">
  1340. {block:Lines}
  1341. <li class="line {Alt}">
  1342. {block:Label}
  1343. <span class="label">
  1344. {Label}</span>
  1345. {/block:Label}{Line}</li>
  1346. {/block:Lines}
  1347. </div>
  1348. {block:Caption}<div class="cap">{Caption}</div>{/block:Caption}
  1349. {/block:Chat}
  1350.  
  1351.  
  1352. <!-- QUOTE POSTS -->
  1353. {block:Quote}
  1354. <div class="qwrap">
  1355. <div class="quote">
  1356. {Quote}
  1357. {block:Source}
  1358. <div class="source">- {Source}</div>
  1359. {/block:Source}
  1360. </div>
  1361. {block:Caption}<div class="cap">{Caption}</div>{/block:Caption}
  1362. </div>
  1363. {/block:Quote}
  1364.  
  1365.  
  1366. <!-- LINK POSTS -->
  1367. {block:Link}
  1368. {block:Thumbnail}<img src="{Thumbnail}">{/block:Thumbnail}
  1369. <div class="link-tit"><a href="{URL}" target="_blank">{Name}</a></div>
  1370. {block:Excerpt}<div class="linkexpt">{Excerpt}</div>{/block:Excerpt}
  1371. {block:Description}<div class="linkdesc">{Description}</div>{/block:Description}
  1372. {block:Caption}<div class="cap">{Caption}</div>{/block:Caption}
  1373. {/block:Link}
  1374.  
  1375.  
  1376. <!-- ANSWER POSTS -->
  1377. {block:Answer}
  1378. <div class="question">
  1379. <div class="asker-icon"><img src="{AskerPortraitURL-30}"></div>
  1380. <div class="asker">{Asker} <span>sent me something</span></div>
  1381. <div class="asker-question">{Question}</div>
  1382. </div><!-- end question -->
  1383.  
  1384. {block:Answerer}
  1385. <div class="answer">
  1386. <div class="answerer-question">
  1387. <div class="answerer-icon"><img src="{AnswererPortraitURL-24}"></div>
  1388. <div class="answerer">{Answerer}</div>
  1389. {Answer}</div>
  1390. </div><!-- end answer -->
  1391. {/block:Answerer}
  1392.  
  1393. <div class="replies">
  1394. {Replies}
  1395. </div><!-- end replies -->
  1396. {/block:Answer}
  1397.  
  1398.  
  1399. <!-- VIDEO POSTS -->
  1400. {block:Video}
  1401. <div class="video">{Video-500}</div>
  1402. {block:Caption}<div class="cap">{Caption}</div>{/block:Caption}
  1403. {/block:Video}
  1404.  
  1405.  
  1406. <!-- AUDIO POSTS -->
  1407. {block:Audio}
  1408. <div class="music">
  1409. <div id="audioplayerbackground"><div class="audioplayer">{block:AudioPlayer}
  1410. {AudioPlayerBlack}{/block:AudioPlayer}</div></div>
  1411. <span class="song">{block:TrackName} {TrackName} {/block:TrackName}</span>
  1412. <span class="trackinfo">{block:Artist} {Artist} {/block:Artist}
  1413. {block:Album}on {Album}{/block:Album}</span>
  1414. </div><!--- end music --->
  1415. {block:Caption}<div class="cap">{Caption}</div>{/block:Caption}
  1416. {/block:Audio}
  1417. </div><!--- end posts --->
  1418.  
  1419. <div class="tops">
  1420. <div class="rblg">
  1421. {block:RebloggedFrom}<a title="originaly posted by {ReblogRootName}" href="{ReblogRootURL}"><img style="vertical-align:middle;" src="{ReblogRootPortraitURL-30}"></a> <a title="reblogged from {ReblogParentName}" href="{ReblogParentURL}"><img style="vertical-align:middle;margin-left:-10px;" src="{ReblogParentPortraitURL-30}"></a>{/block:RebloggedFrom}
  1422.  
  1423. {block:NotReblog}<a title="posted by {PostAuthorName}" href="{PostAuthorURL}"><img style="vertical-align:middle" src="{PostAuthorPortraitURL-30}"></a>{/block:NotReblog}
  1424. </div><!--- end rblg --->
  1425.  
  1426. <div class="nted"><a href="{Permalink}">{NoteCountWithLabel}</a></div><!--- end nted --->
  1427.  
  1428. <div class="reb"><a href="{ReblogURL}" target="_blank">Reblog</a></div><!--- end reb ---><div class="lkd"><a class="like-b" href="#">{LikeButton}<span class="b">like</span></a></div><!--- end lkd --->
  1429. </div><!--- end tops --->
  1430.  
  1431.  
  1432. <div class="tags">
  1433. {block:HasTags}{block:Tags}
  1434. <a href="{TagURL}"><span>#</span>{Tag}</a>
  1435. {/block:Tags}{/block:HasTags}
  1436. </div><!--- end tags --->
  1437.  
  1438. {/block:Posts}
  1439.  
  1440.  
  1441. {block:PostNotes}
  1442. {PostNotes}
  1443. {/block:PostNotes}
  1444.  
  1445. </div><!--- end entries --->
  1446.  
  1447. <div class="pagi">
  1448. {block:Pagination}{block:JumpPagination length="5"}{block:CurrentPage}
  1449. <span class="current_page">{PageNumber}</span>
  1450. {/block:CurrentPage}{block:JumpPage}
  1451. <a class="jump_page" href="{URL}">{PageNumber}</a>
  1452. {/block:JumpPage}{/block:JumpPagination}{/block:Pagination}
  1453. </div><!--- end pagi --->
  1454.  
  1455. </div><!--- end container --->
  1456.  
  1457.  
  1458.  
  1459.  
  1460.  
  1461.  
  1462. <!---------------------------------------------------------------------------
  1463.  
  1464.  
  1465. ALL SCRIPTS: DO NOT TOUCH!
  1466.  
  1467.  
  1468. ---------------------------------------------------------------------------->
  1469.  
  1470.  
  1471.  
  1472. <!-- FONT AWSOME -->
  1473. <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.0.12/css/all.css" integrity="sha384-G0fIWCsCzJIMAVNQPfjH08cyYaUtMwjJwqiRKxxE/rx96Uroj1BtIQ6MLJuheaO9" crossorigin="anonymous">
  1474.  
  1475.  
  1476. <!-- GOOGLE FONT -->
  1477. <link href="https://fonts.googleapis.com/css?family=Barlow:400,700&display=swap" rel="stylesheet">
  1478.  
  1479.  
  1480. <!-- HONEYBEE -->
  1481. <link href="//dl.dropbox.com/s/vpi3f9s7nhpe7v7/honeybee.css" rel="stylesheet">
  1482.  
  1483.  
  1484. <!-- GUTTERS: DONT TOUCH -->
  1485. <link href="https://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
  1486. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  1487. <script src="https://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
  1488.  
  1489. <script>
  1490. $(document).ready(function(){
  1491. $('.photo-slideshow').pxuPhotoset({
  1492. lightbox: true,
  1493. rounded: false,
  1494. gutter: '2px',
  1495. borderRadius: '0px',
  1496. photoset: '.photo-slideshow',
  1497. photoWrap: '.photo-data',
  1498. photo: '.pxu-photo'
  1499. });
  1500. });
  1501. </script>
  1502.  
  1503.  
  1504. <!-- SOUND CLOUD PLAYER -->
  1505. <script>
  1506. $(document).ready(function(){
  1507. var color = '#f7e8e2'; // color of play button (hex)
  1508. $('.soundcloud_audio_player').each(function(){
  1509. $(this).attr({ src: $(this).attr('src').split('&')[0] + '&amp;liking=false&amp;sharing=false&amp;auto_play=false&amp;show_comments=false&amp;continuous_play=false&amp;buying=false&amp;show_playcount=false&amp;show_artwork=true&amp;origin=tumblr&amp;color=' + color.split('#')[1], height: 116, width: '400' });
  1510. });
  1511. });
  1512. </script>
  1513.  
  1514.  
  1515. <!-- TOOLTIP: DONT TOUCH -->
  1516. <script src="https://static.tumblr.com/fiw4iub/4jdnu5ta4/jquery.style-my-tooltips.js"></script>
  1517.  
  1518. <script>
  1519. (function($){
  1520. $(document).ready(function(){
  1521. $("a[title]").style_my_tooltips({
  1522. tip_follows_cursor:true,
  1523. tip_delay_time:90,
  1524. tip_fade_speed:600,
  1525. attribute:"title"
  1526. });
  1527. });
  1528. })(jQuery);
  1529. </script>
  1530.  
  1531.  
  1532. <!-- VIDEO RESIZE -->
  1533. <script src ="//static.tumblr.com/fwgzvyf/Oj1o08f6h/shythemes.vr.js"></script>
  1534.  
  1535. <script>
  1536. $(document).ready(function(){
  1537. resizeVideos();
  1538. });
  1539. function resizeVideos() {
  1540. $('.video:not(.resized) iframe:not(.tumblr_video_iframe)').each(function(){
  1541. var vw = $(this).width();
  1542. var vh = $(this).height();
  1543. var scale = $(this).parents('.video').width() / vw;
  1544. $(this).attr({
  1545. width: Math.floor($(this).attr('width') * scale),
  1546. height: Math.floor($(this).attr('height') * scale)
  1547. });
  1548. $(this).parents('.video').addClass('resized');
  1549. });
  1550. $('.video:not(.resized) .tumblr_video_iframe').each(function(){
  1551. var vw = $(this).width();
  1552. var vh = $(this).height();
  1553. var scale = $(this).parents('.video').width() / vw;
  1554. $(this).css({
  1555. 'transform': 'scale(' + scale + ')',
  1556. 'margin': vh * (scale - 1) / 2 + 'px ' + vw * (scale - 1) / 2 + 'px'
  1557. });
  1558. $(this).parents('.tumblr_video_container').css({
  1559. width: Math.floor(vw * ( scale + 1 ) / 2),
  1560. height: Math.floor(vh * ( scale + 1 ) / 2)
  1561. });
  1562. $(this).parents('.video').addClass('resized');
  1563. });
  1564. }
  1565. </script>
  1566.  
  1567.  
  1568. <!--- UNESTED CAPTIONS --->
  1569. <script src="https://static.tumblr.com/wgg6svp/OoTofxa0c/unnest.min.js"></script>
  1570.  
  1571. <script>
  1572. $(function(){
  1573. $('.posts').unnest({
  1574. yourCaption: ".cap",
  1575. {Caption}
  1576. wrapName: ".tumblr_parent",
  1577. newCaptionUsername: false,
  1578. originalPostCaptionUsername: false,
  1579. tumblrAvatars: true,
  1580. tumblrAvatarClass: ".tumblr_avatar",
  1581. usernameColon: false
  1582. });
  1583. });
  1584. </script>
  1585.  
  1586.  
  1587. <!-- SEARCH BAR -->
  1588. <script>
  1589. $(document).ready(function(){
  1590. $('.search').submit(function(event){
  1591. var value = $('input:first').val();
  1592. location.replace('http://{Name}.tumblr.com/tagged/' + value);
  1593. });
  1594. });
  1595. </script>
  1596.  
  1597.  
  1598. <!-- ASK REDIRECT -->
  1599. {block:IfCustomAskPage}
  1600. <!-- ASK REDIRECT -->
  1601. <script>$(document).ready(function(){
  1602. if (window.location.href== "{BlogURL}ask") {
  1603. window.location.href = '{BlogURL}{text:Custom Ask Page}'; }
  1604. });</script>
  1605. {/block:IfCustomAskPage}
  1606.  
  1607.  
  1608. <!-- NOT FOUND PAGE -->
  1609. <script>
  1610. $(document).ready(function() {
  1611. if ($('p:contains("The URL you requested could not be found.")').html()) {
  1612. $(".wrapper_notfound").css( "visibility", "visible" );
  1613. $(".article_position").remove();
  1614. $('title').prepend( "Not Found | " ); }
  1615. });
  1616. </script>
  1617.  
  1618.  
  1619. <!-- POPUP -->
  1620. <script>
  1621. $(document).ready(function() {
  1622. //
  1623. $('a.poplight[href^=#]').click(function() {
  1624. var popID = $(this).attr('rel'); //Get Popup Name
  1625. var popURL = $(this).attr('href'); //Get Popup href to define size
  1626. var query= popURL.split('?');
  1627. var dim= query[1].split('&');
  1628. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  1629. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"></a>');
  1630. var popMargTop = ($('#' + popID).height() + 80) / 2;
  1631. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  1632. //Apply Margin to Popup
  1633. $('#' + popID).css({
  1634. 'margin-top' : -popMargTop,
  1635. 'margin-left' : -popMargLeft
  1636. });
  1637. $('body').append('<div id="fade"></div>');
  1638. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  1639. return false;
  1640. });
  1641. $('a.close, #fade').live('click', function() {
  1642. $('#fade , .popup_block').fadeOut(function() {
  1643. $('#fade, a.close').remove(); //fade them both out
  1644. });
  1645. return false;
  1646. });
  1647. });
  1648. </script>
  1649.  
  1650. </body>
  1651. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!