API tools faq
paste
amaanat

Jaamni theme

amaanat
Jan 20th, 2019
427
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 39.10 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2.  
  3. THEME ONE - jaamni
  4. jaamni means purple in urdu
  5.  
  6. A SIMPLE SIDEBAR AND HEADER THEME
  7. MADE FOR YOU WITH ♡ BY AMAANAT THEMES
  8.  
  9. (@amaanat on tumblr)
  10.  
  11. please visit https://www.amaanat.tumblr.com/terms to read the terms and conditions before using my page. Additionally, I have included extra help throughout the code, but if you have questions send me an ask ♡
  12.  
  13. please do not steal my code, remove or move the credit or claim this as your own.
  14.  
  15. credits:
  16. - honeybee icon font by suiomi
  17. - fontawesome icons
  18. - custom tumblr controls by cyantists
  19. - google fonts
  20.  
  21. a full list of credits can be found on https://www.amaanat.tumblr.com/credits
  22. -->
  23.  
  24. <!DOCTYPE html>
  25. <head>
  26.  
  27. <!-- lazy load from starious on tumblr -->
  28. <script type="text/javascript" src="https://static.tumblr.com/bmdsqsc/8mXm7q8vn/jquery.js"></script>
  29. <script type="text/javascript" src="https://static.tumblr.com/bmdsqsc/ogWm7q8w1/lazyload.js"></script>
  30. <script type="text/javascript" charset="utf-8">
  31. var $j = jQuery.noConflict();
  32. $j(function() {
  33. if (navigator.platform == "iPad" || navigator.platform == "iPhone") return;
  34. $j("img").lazyload({
  35. placeholder : "https://static.tumblr.com/twte3d7/RSvlio0k5/grey.gif",
  36. effect: "fadeIn",
  37. });
  38. });
  39. </script>
  40.  
  41.  
  42. <!-- fontawesome icon -->
  43.  
  44. <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.6.3/css/all.css" integrity="sha384-UHRtZLI+pbxtHCWp1t77Bi1L4ZtiqrqD80Kn4Z8NTSRyMA2Fd33n5dQ8lWUE00s/" crossorigin="anonymous">
  45.  
  46. <link href="https://fonts.googleapis.com/css?family=Montserrat" rel="stylesheet">
  47.  
  48. <link href="https://fonts.googleapis.com/css?family=Changa" rel="stylesheet">
  49.  
  50. <link href="https://fonts.googleapis.com/css?family=IM+Fell+English:400i" rel="stylesheet">
  51.  
  52.  
  53. <!-- HONEYBEE ICON FONT BY SUIOMI | DO NOT TOUCH OR REMOVE THIS AT ALL-->
  54. <link href="//dl.dropbox.com/s/vpi3f9s7nhpe7v7/honeybee.css" rel="stylesheet">
  55.  
  56.  
  57.  
  58.  
  59. <!-- meta's for customisation in normal view -->
  60.  
  61. <link rel="shortcut icon" href="{favicon}">
  62. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  63. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  64.  
  65. <meta name="image:sidebar" content=""/>
  66.  
  67. <meta name="if:search bar" content="1" />
  68. <meta name="if:playcount" content="1" />
  69.  
  70. <meta name="text:quote" content="" />
  71. <meta name="text:enter your username here for submissions" content="" />
  72. <meta name="text:search bar placeholder" content="search this blog" />
  73.  
  74. <meta name="select:post width" content="450px" />
  75. <meta name="select:post width" content="500px" />
  76. <meta name="select:post width" content="540px" />
  77.  
  78. <meta name="select:fontsize" content="12" />
  79. <meta name="select:fontsize" content="13" />
  80. <meta name="select:fontsize" content="14" />
  81. <meta name="select:fontsize" content="15" />
  82. <meta name="select:fontsize" content="16" />
  83.  
  84. <meta name="select:header links font size" content="13" />
  85. <meta name="select:header links font size" content="14" />
  86. <meta name="select:header links font size" content="15" />
  87.  
  88. <meta name="select:blockquote color" content="#000000" />
  89. <meta name="select:blockquote color" content="#eee" />
  90.  
  91.  
  92. <meta name="color:background color" content="#ffffff" />
  93. <meta name="color:post background color" content="#ffffff" />
  94. <meta name="color:footer background color" content="#ffffff" />
  95. <meta name="color:description background color" content="#ffffff" />
  96.  
  97.  
  98. <meta name="color:title color" content="#000000" />
  99. <meta name="color:text" content="#000000" />
  100. <meta name="color:links" content="#000000" />
  101. <meta name="color:link hover" content ="#000000" />
  102. <meta name="color:footer links" content="#baaaff" />
  103. <meta name="color:footer links hover" content="#dda794"
  104. <meta name="color:bold" content="#ffffff" />
  105. <meta name="color:italic" content="#ffffff" />
  106.  
  107. <meta name="color:description color" content="#000000" />
  108. <meta name="color:quote color" content="#a88ad4" />
  109.  
  110. <meta name="color:headerlinks" content="#ffffff" />
  111. <meta name="color:header background" content="#000000" />
  112.  
  113. <meta name="color:ask post links" content="#ffffff" />
  114. <meta name="color:asktext" content="#ffffff" />
  115. <meta name="color:asks background color" content="#e7e7e7" />
  116.  
  117. <meta name="color:audio player color" content="#c3dfdf" />
  118.  
  119. <meta name="color:search button background color" content="#ffffff" />
  120. <meta name="color:search bar background color" content="#f5f5f5" />
  121.  
  122. <meta name="color:scrollbar background color" content="#ffffff" />
  123. <meta name="color:scrollbar thumb color" content="#f5f5f5" />
  124.  
  125.  
  126. <meta name="text:link 1 URL" content="/" />
  127. <meta name="text:link 1" content="" />
  128. <meta name="text:link 2 URL" content="/" />
  129. <meta name="text:link 2" content="" />
  130. <meta name="text:link 3 URL" content="/" />
  131. <meta name="text:link 3" content="" />
  132. <meta name="text:link 4 URL" content="/" />
  133. <meta name="text:link 4" content="" />
  134.  
  135.  
  136. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  137.  
  138.  
  139. <!-- css photosets annasthms and espoirthemes -->
  140. <link href="https://static.tumblr.com/0podkko/oDSpg7y88/photosets.css" rel="stylesheet">
  141.  
  142. <!-- shythemes vid resizing -->
  143. <script src ="//static.tumblr.com/fwgzvyf/Oj1o08f6h/shythemes.vr.js"></script>
  144.  
  145. <!-- zachary fury smooth scroll - https://cdnjs.com/libraries/smoothscroll -->
  146. <script src="https://cdnjs.cloudflare.com/ajax/libs/smoothscroll/1.4.1/SmoothScroll.min.js"></script>
  147.  
  148.  
  149. <!-- style audio player by roxiestheme -->
  150.  
  151. <script>
  152. $(document).ready(function() {
  153. $('iframe.tumblr_audio_player').load( function() {
  154. $('iframe.tumblr_audio_player').contents().find("head")
  155. .append($("<style type='text/css'> .audio-player{background:{color:audio player color} !important} </style>"));
  156. });
  157. });
  158. </script>
  159.  
  160. </head>
  161.  
  162.  
  163.  
  164.  
  165. <style type="text/css">
  166.  
  167. /* scrollbar */
  168. /* width */
  169. body::-webkit-scrollbar {
  170. width: 5px;
  171. z-index:-1;
  172. height:5px;
  173. }
  174.  
  175. /* Track */
  176. body::-webkit-scrollbar-track {
  177. background:{color:scrollbar background color};
  178. }
  179.  
  180. /* Handle */
  181. body::-webkit-scrollbar-thumb {
  182. background:{color:scrollbar thumb color};
  183. transition:.5s ease;
  184. }
  185.  
  186.  
  187.  
  188. /*cyantists custom tumblr controls v2 */
  189. iframe.tmblr-iframe {
  190. z-index:99999999999999!important;
  191. top:-2px!important;
  192. right:0!important;
  193. opacity:0;
  194. padding-right:38px;
  195. /* delete invert(1) from here */
  196. /* I HAVE GIVEN THIS BLOG A DARK HEADER SO DEFINITELY SHOW THIS CODE IF YOU ARE GOING TO MAKE THE BACKGROUND OR THE HEADER A LIGHT COLOUR */
  197.  
  198. /* filter:invert(1) contrast(150%);
  199. -webkit-filter:invert(1) contrast(150%);
  200. -o-filter:invert(1) contrast(150%);
  201. -moz-filter:invert(1) contrast(150%);
  202. -ms-filter:invert(1) contrast(150%); */
  203. /* to here if your blog has a dark background */
  204. transform:scale(0.65);
  205. transform-origin:100% 0;
  206. -webkit-transform:scale(0.65);
  207. -webkit-transform-origin:100% 0;
  208. -o-transform:scale(0.65);
  209. -o-transform-origin:100% 0;
  210. -moz-transform:scale(0.65);
  211. -moz-transform-origin:100% 0;
  212. -ms-transform:scale(0.65);
  213. -ms-transform-origin:100% 0;}
  214.  
  215. iframe.tmblr-iframe:hover {
  216. opacity:0.6!important;}
  217.  
  218. .hcontrols {
  219. position:fixed;
  220. top:0;
  221. right:0;
  222. z-index:999999999;}
  223.  
  224. .hcontrols svg {
  225. width:14px;
  226. height:14px;
  227. padding:9px;}
  228.  
  229. .hcontrols svg path {
  230. fill:#888888;/* change this to change the color of the icon */}
  231.  
  232. /* end cyantists custom tumblr controls */
  233.  
  234.  
  235. /* cyantists fade in */
  236.  
  237. @-webkit-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
  238. @-moz-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
  239. @keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
  240. .fade-in {
  241. opacity:0;
  242. -webkit-animation:fadeIn ease-in 1;
  243. -moz-animation:fadeIn ease-in 1;
  244. animation:fadeIn ease-in 1;
  245. -webkit-animation-fill-mode:forwards;
  246. -moz-animation-fill-mode:forwards;
  247. animation-fill-mode:forwards;
  248. -webkit-animation-duration:1s;
  249. -moz-animation-duration:1s;
  250. animation-duration:1s;}
  251. .fade-in.one {
  252. -webkit-animation-delay:0s;
  253. -moz-animation-delay:0s;
  254. animation-delay:0s;}
  255. .fade-in.two {
  256. -webkit-animation-delay:0.8s;
  257. -moz-animation-delay:0.8s;
  258. animation-delay:0.8s;}
  259.  
  260.  
  261.  
  262. /* general appearance */
  263.  
  264. body {
  265. margin:0;
  266. font-family: 'Montserrat', sans-serif;
  267. height:100%;
  268. background-color:{color:background color};
  269.  
  270.  
  271. }
  272.  
  273. ul {
  274. list-style-type:circle;
  275. color:{color:text};
  276. }
  277.  
  278. h1 {
  279. font-size:22px;
  280. color:{color:title color};
  281. }
  282.  
  283. h2 {
  284. font-size:20px;
  285. color:{color:title color};
  286. }
  287.  
  288. img {
  289. max-width:100%;
  290. }
  291.  
  292. blockquote {
  293. padding-left:10px;
  294. border-left:1px solid;
  295. border-left-color:{select:blockquote color};
  296. margin:5px;
  297. }
  298.  
  299. a {
  300. font-size:{select:fontsize}px;
  301. color:{color:links};
  302. text-decoration:none;
  303. transition:.5s ease;
  304. }
  305.  
  306. a:hover {
  307. color:{color:link hover};
  308. }
  309.  
  310. b {
  311. font-weight:bold;
  312. color:{color:bold};
  313.  
  314. }
  315.  
  316. i {
  317. font-style:italic;
  318. color:{color:italic};
  319. }
  320.  
  321.  
  322.  
  323.  
  324. /* the header */
  325.  
  326. .header {
  327. background-color:{color:header background};
  328. width:100%;
  329. height:50px;
  330. position:fixed;
  331. top:0;
  332. }
  333.  
  334.  
  335.  
  336.  
  337. .icon img {
  338. width:50px;
  339. height:50px;
  340. border-radius:50px;
  341. margin-top:10px;
  342. margin-left:30px;
  343. border-style:solid;
  344. border-color:{color:background color};
  345. border-width:6px;
  346. position:fixed;
  347. transition:.3s ease;
  348.  
  349. }
  350.  
  351. /* remove this if you do not want the icon to enlarge when hovering */
  352.  
  353. .icon img:hover {
  354. width:52px;
  355. height:52px;
  356. }
  357.  
  358.  
  359. /* search bar. Do not edit unless you know how */
  360.  
  361.  
  362. .sfm {
  363. width:200px;
  364. margin-top:13px;
  365. margin-left:175px;
  366. position:fixed;
  367.  
  368. }
  369.  
  370. .sfm img {
  371. background-color:Red;
  372. }
  373.  
  374. .sfm input {
  375. background-color:{color:search bar background color};
  376. font-size: 10px;
  377. border: 0px;
  378. text-transform: lowercase;
  379. margin-top: 2px;
  380. color: #999;
  381. letter-spacing: 1px;
  382. border-style:solid;
  383. border-color:black;
  384. border-width:1px;
  385. padding: 4px 8px;
  386. font-family: 'Montserrat', sans-serif; }
  387.  
  388.  
  389.  
  390. #sb {
  391. height: 13px;
  392. margin-left:5px;
  393. vertical-align: top;
  394. background-color:{color:search button background color};
  395. }
  396.  
  397.  
  398. /* this is for the links in the header */
  399.  
  400. .linkoobar {
  401. color:white;
  402. width:700px;
  403. height:50px;
  404. margin-left:475px;
  405. background-color:transparent;
  406. position:fixed;
  407. text-align:left;
  408. }
  409.  
  410. .linkies {
  411. margin-top:15px;
  412. }
  413.  
  414. .linkies a{
  415. color:{color:headerlinks};
  416. padding:5px;
  417. margin-top:10px;
  418. margin-left:0px;
  419. font-size:{select:header links font size}px;
  420. border-radius:4px;
  421. text-decoration:none;
  422. transition:.5s ease;
  423. text-transform:uppercase;
  424.  
  425. }
  426.  
  427. .linkies a:hover {
  428. letter-spacing:.5px;
  429.  
  430. }
  431.  
  432. /* SIDEBAR */
  433.  
  434. .sidebar {
  435. top:0;
  436. width:268px;
  437. max-height:400px;
  438. position:fixed;
  439. background-color:transparent;
  440. margin-top:175px;
  441. margin-left:50px;
  442.  
  443. }
  444.  
  445. .sidebar img {
  446. width:268px;
  447. max-height:150px;
  448. border-radius:4px;
  449. position:fixed;
  450. transition: 0.5s filter;
  451. }
  452.  
  453.  
  454.  
  455. .description {
  456. border-radius:4px;
  457. color:{color:description color};
  458. margin-top:175px;
  459. background-color:{color:description background color};
  460. height:auto;
  461. max-width:268px;
  462. padding:5px;
  463. -webkit-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.75);
  464. -moz-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.75);
  465. box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.75);
  466. max-height:150px;
  467. font-size:13px;
  468.  
  469. }
  470.  
  471. .quotie {
  472. max-width:268px;
  473. position:relative;
  474. margin-top:20px;
  475. text-align:center;
  476. font-style:italic;
  477. font-size:12px;
  478. word-wrap:break-word;
  479. color:{color:quote color};
  480. }
  481.  
  482. /* pagination */
  483.  
  484. .pageme {
  485. max-width:268px;
  486. margin-top:20px;
  487. position:relative;
  488. }
  489. .pageme a{
  490. float:right;
  491. text-decoration:none;
  492. color:white;
  493. font-size:11px;
  494.  
  495.  
  496. /* choose your own background colour using background-color:(colour or hex code without brackets); or if you want a gradient go to cssgradient.io! Remember to make your links colour a darker colour if you are choosing a light background or no background at all */
  497.  
  498. background: rgb(131,45,193);
  499. background: -moz-linear-gradient(90deg, rgba(131,45,193,1) 0%, rgba(161,87,119,1) 49%, rgba(176,94,179,1) 81%);
  500. background: -webkit-linear-gradient(90deg, rgba(131,45,193,1) 0%, rgba(161,87,119,1) 49%, rgba(176,94,179,1) 81%);
  501. background: linear-gradient(90deg, rgba(131,45,193,1) 0%, rgba(161,87,119,1) 49%, rgba(176,94,179,1) 81%);
  502. padding:5px;
  503. border-radius:5px;
  504.  
  505.  
  506. }
  507.  
  508. .pagemeleft a{
  509. float:left;
  510. }
  511.  
  512.  
  513.  
  514.  
  515.  
  516.  
  517. /* BEGIN OF POST CSS */
  518.  
  519. #content {
  520. width:{select:post width};
  521. margin-top:100px;
  522. margin-left:480px;
  523. background-color:none;
  524. color:{color:text};
  525. }
  526.  
  527. .posts {
  528. width:{select:post width};
  529. background-color:{color:post background color};
  530. margin-top:10px;
  531. padding:10px;
  532. border-radius:5px;
  533.  
  534. }
  535.  
  536. .posts img {
  537. max-width:100%;
  538. }
  539.  
  540.  
  541.  
  542. #content .posts {
  543. font-size:{select:fontsize}px;
  544. }
  545.  
  546.  
  547. /* posts */
  548.  
  549. .txtreblog {
  550. margin-top:50px;
  551.  
  552. }
  553.  
  554. .keepreading a {
  555.  
  556. font-size:calc({select:fontsize}px - 1px);
  557. text-decoration:none;
  558. font-weight:bold;
  559. color:{color:links};
  560. font-family: 'Montserrat', sans-serif;
  561. border-radius:5px;
  562.  
  563.  
  564. /* choose your own background colour using background-color:(colour or hex code without brackets); or if you want a gradient go to cssgradient.io! Remember to change the color of the text when going for no background or a light background (just change color:white; to your desired color */
  565.  
  566. background: rgb(131,45,193);
  567. background: -moz-linear-gradient(90deg, rgba(131,45,193,1) 0%, rgba(161,87,119,1) 49%, rgba(176,94,179,1) 81%);
  568. background: -webkit-linear-gradient(90deg, rgba(131,45,193,1) 0%, rgba(161,87,119,1) 49%, rgba(176,94,179,1) 81%);
  569. background: linear-gradient(90deg, rgba(131,45,193,1) 0%, rgba(161,87,119,1) 49%, rgba(176,94,179,1) 81%);
  570. padding:5px;
  571. }
  572.  
  573. .totalex img {
  574. width:100%;
  575. }
  576. .textiewoo img {
  577. max-width:100%;
  578. }
  579.  
  580. .txtpost img {
  581. max-width:100%;
  582. }
  583.  
  584. .txtpost {
  585. padding-bottom:5px;
  586. }
  587.  
  588.  
  589.  
  590. .title {
  591. font-size:20px;
  592. color:{color:title color};
  593. }
  594.  
  595. .body {
  596. font-size:{select:fontsize}px;
  597. }
  598.  
  599. .bodytextrbs {
  600. margin-top:10px;
  601. }
  602.  
  603. .phoooootoset {
  604. margin-top:10px;
  605. }
  606.  
  607. .iconietxtpost {
  608. display:inline-block;
  609. margin-top:5px;
  610.  
  611. }
  612.  
  613.  
  614. .iconietxtpost img {
  615. width:20px;
  616. height:20px;
  617. border-radius:50px;
  618.  
  619. }
  620.  
  621.  
  622. .username {
  623. float:right;
  624. text-decoration:none;
  625. margin-top:5px;
  626. }
  627.  
  628. .username a{
  629. text-decoration:none;
  630. font-size:11px;
  631. font-weight:bold;
  632. color:white;
  633. font-family: 'Montserrat', sans-serif;
  634. border-radius:5px;
  635. transition:.5s ease;
  636.  
  637.  
  638. /* choose your own background colour using background-color:(colour or hex code without brackets); or if you want a gradient go to cssgradient.io! Remember to change the color of the text when going for no background or a light background (just change color:white; to your desired color) */
  639.  
  640. background: rgb(131,45,193);
  641. background: -moz-linear-gradient(90deg, rgba(131,45,193,1) 0%, rgba(161,87,119,1) 49%, rgba(176,94,179,1) 81%);
  642. background: -webkit-linear-gradient(90deg, rgba(131,45,193,1) 0%, rgba(161,87,119,1) 49%, rgba(176,94,179,1) 81%);
  643. background: linear-gradient(90deg, rgba(131,45,193,1) 0%, rgba(161,87,119,1) 49%, rgba(176,94,179,1) 81%);
  644. padding:5px;
  645.  
  646. }
  647.  
  648. .username a:hover {
  649. border-radius:8px;
  650. }
  651.  
  652. /* photo post */
  653.  
  654. .photocap {
  655. margin-top:10px;
  656. }
  657.  
  658. /* link posts */
  659.  
  660. .linkpost {
  661. margin-bottom:15px;
  662. height:auto;
  663. max-width:100%;
  664. text-align:center;
  665. }
  666.  
  667. .linkpost a {
  668. text-decoration:none;
  669. font-size:17px;
  670. font-weight:bold;
  671. color:white;
  672. font-family: 'Montserrat', sans-serif;
  673. border-radius:5px;
  674.  
  675.  
  676. /* choose your own background colour using background-color:(colour or hex code without brackets); or if you want a gradient go to cssgradient.io! Remember to change the color of the text when going for no background or a light background (just change color:white; to your desired color */
  677.  
  678. background: rgb(131,45,193);
  679. background: -moz-linear-gradient(90deg, rgba(131,45,193,1) 0%, rgba(161,87,119,1) 49%, rgba(176,94,179,1) 81%);
  680. background: -webkit-linear-gradient(90deg, rgba(131,45,193,1) 0%, rgba(161,87,119,1) 49%, rgba(176,94,179,1) 81%);
  681. background: linear-gradient(90deg, rgba(131,45,193,1) 0%, rgba(161,87,119,1) 49%, rgba(176,94,179,1) 81%);
  682. padding:5px;
  683.  
  684. transition:.5s ease;
  685. }
  686.  
  687. .linkpost a:hover {
  688. border-radius:10px;
  689. }
  690.  
  691. .linkblog {
  692. margin-top:-30px;
  693. }
  694.  
  695. /* audio posts */
  696.  
  697. .audio {
  698.  
  699. margin-top:10px;
  700. text-align:Center;
  701. }
  702.  
  703. .audio iframe {
  704. width:100%;
  705. }
  706.  
  707.  
  708.  
  709. .playcountaudio {
  710. margin-top:10px;
  711. text-align:center;
  712. width:auto;
  713. text-transform:uppercase;
  714. font-size:11px;
  715. color:white;
  716. font-family: 'Montserrat', sans-serif;
  717. border-radius:5px;
  718.  
  719.  
  720. /* choose your own background colour using background-color:(colour or hex code without brackets); or if you want a gradient go to cssgradient.io! Remember to change the color of the text when going for no background or a light background (just change color:white; to your desired color */
  721.  
  722. background: rgb(131,45,193);
  723. background: -moz-linear-gradient(90deg, rgba(131,45,193,1) 0%, rgba(161,87,119,1) 49%, rgba(176,94,179,1) 81%);
  724. background: -webkit-linear-gradient(90deg, rgba(131,45,193,1) 0%, rgba(161,87,119,1) 49%, rgba(176,94,179,1) 81%);
  725. background: linear-gradient(90deg, rgba(131,45,193,1) 0%, rgba(161,87,119,1) 49%, rgba(176,94,179,1) 81%);
  726. padding:5px;
  727.  
  728. }
  729.  
  730. .audiost {
  731. margin-top:10px;
  732. }
  733.  
  734. /* quote posts */
  735.  
  736. .quotiepost {
  737. font-family: 'IM Fell English', serif; /* go to google fonts and follow the instructions if you want to change the font */
  738. font-size:25px;
  739. }
  740.  
  741. .quotesource {
  742. font-size:{select:fontsize}px;
  743. }
  744.  
  745. /* answer posts */
  746.  
  747. .askings {
  748. width:{select:post width};
  749. background-color:transparent;
  750. color:{color:asktext};
  751.  
  752. }
  753.  
  754. .askings img {
  755. width:100%;
  756. }
  757.  
  758. .ask {
  759. border-top-left-radius:5px;
  760. border-top-right-radius:5px;
  761. background-color:{color:asks background color};
  762. height:50px;
  763. font-size:13px;
  764. }
  765.  
  766. .ask img {
  767. width:30px;
  768. height:30px;
  769. border-radius:50px;
  770. float:left;
  771. margin-left:15px;
  772. margin-top:10px;
  773. }
  774.  
  775. .asker {
  776. margin-left:10px;
  777. text-align:center;
  778. }
  779.  
  780. .asker a {
  781. color:{color:ask post links};
  782. text-decoration:none;
  783. font-size:13px;
  784. transition:.5s ease;
  785. }
  786.  
  787. .asker a:hover {
  788. color:{color:link hover};
  789. }
  790.  
  791. .asker img {
  792. float:right;
  793. margin-right:15px;
  794. margin-top:-5px;
  795. }
  796.  
  797. .q {
  798. background-color:#e7e7e7;
  799. font-size:13px;
  800. padding:10px;
  801. color:{color:text};
  802. text-align:Center;
  803. }
  804.  
  805. .answerings {
  806. color:{color:text};
  807. font-size:13px;
  808. }
  809.  
  810. /* submissions */
  811.  
  812. .submissionimpossible {
  813. margin-bottom:10px;
  814. }
  815.  
  816.  
  817. /* END OF POST CSS */
  818. /* footer css */
  819.  
  820. .footer {
  821.  
  822. margin-top:15px;
  823. border-radius:5px;
  824. word-wrap:break-word;
  825. width:{select:post width};
  826. background-color:{color:footer background color};
  827. padding:10px;
  828. font-weight:bold;
  829. margin-bottom:100px;
  830. font-family: 'Changa', sans-serif;
  831. font-size:13px;
  832. color:black;
  833.  
  834.  
  835. }
  836.  
  837. .footer a{
  838. color:{color:footer links};
  839. text-decoration:none;
  840. font-family: 'Changa', sans-serif;
  841. text-transform:lowercase;
  842.  
  843. }
  844.  
  845.  
  846.  
  847. .datie {
  848. display:inline;
  849. font-size:11px;
  850.  
  851. }
  852.  
  853. .datie a{
  854. font-size:13px;
  855. }
  856.  
  857. .datie a:hover {
  858. color:{color:footer links hover};
  859. transition:.5s ease;
  860. }
  861.  
  862. .notie {
  863. display:inline;
  864. color:{color:footer links};
  865. font-size:13px;
  866. transition: .5s ease;
  867.  
  868. }
  869.  
  870.  
  871. .reblogie {
  872. display:inline;
  873. font-size:13px;
  874. }
  875.  
  876. .reblogie a{
  877. font-size:13px;
  878. font-family: 'Changa', sans-serif;
  879. transition:.5s ease;
  880.  
  881. }
  882.  
  883. .reblogie a:hover {
  884. color:{color:footer links hover};
  885. }
  886.  
  887. .taggie {
  888. display:inline-block;
  889. margin-top:0px;
  890.  
  891. }
  892.  
  893. .taggie a{
  894. text-decoration:none;
  895. font-weight:normal;
  896. color:white;
  897. font-size:11px;
  898. line-height:30px;
  899. margin-right:10px;
  900. font-family: 'Montserrat', sans-serif;
  901. border-radius:5px;
  902. transition:.5s ease;
  903. padding:5px;
  904.  
  905.  
  906.  
  907. /* choose your own background colour using background-color:(colour or hex code without brackets); or if you want a gradient go to cssgradient.io! Remember to change the color of the text when going for no background or a light background (just change color:white; to your desired color */
  908.  
  909. background: rgb(131,45,193);
  910. background: -moz-linear-gradient(90deg, rgba(131,45,193,1) 0%, rgba(161,87,119,1) 49%, rgba(176,94,179,1) 81%);
  911. background: -webkit-linear-gradient(90deg, rgba(131,45,193,1) 0%, rgba(161,87,119,1) 49%, rgba(176,94,179,1) 81%);
  912. background: linear-gradient(90deg, rgba(131,45,193,1) 0%, rgba(161,87,119,1) 49%, rgba(176,94,179,1) 81%);
  913.  
  914.  
  915. }
  916.  
  917. .taggie a:hover {
  918. letter-spacing:.3px;
  919.  
  920. }
  921.  
  922.  
  923. .rebutton {
  924. display:inline;
  925. float:right;
  926.  
  927.  
  928. }
  929.  
  930. .rebutton a{
  931. font-size:13px;
  932. transition:.5s ease;
  933.  
  934. }
  935.  
  936. .rebutton a:hover {
  937. color:{color:footer links hover};
  938. }
  939.  
  940.  
  941. .th-reblog:before{
  942. content:'\ebc2';
  943. font-family:'honeybee';
  944. font-size:11px;
  945. /* add more styling here you want to */
  946. }
  947.  
  948.  
  949. /* POST NOTES ON PERMALINK PAGES */
  950. .postnoties li {
  951. list-style:none;
  952. }
  953.  
  954. .postnoties {
  955. font-size:13px;
  956. color:{color:text};
  957. }
  958.  
  959. .postnoties a {
  960. color:{color:links};
  961. font-size:13px;
  962. text-decoration:none;
  963. }
  964.  
  965. .postnoties img {
  966. border-radius:50px;
  967. margin-right:10px;
  968. }
  969.  
  970.  
  971. /* you touch this and you feel my wrath */
  972. .credit {
  973. position: fixed;
  974. right:10px;
  975. bottom: 10px;
  976. display: block;
  977. overflow: hidden;
  978. color: #000;
  979. font-size: 13px;
  980. text-align: center;
  981. text-decoration: none;
  982. letter-spacing:normal;
  983. font-family: 'Montserrat', sans-serif;
  984. }
  985.  
  986. .credit:after {
  987. display: inline-block;
  988. width: 0;
  989. background-color:white;
  990. content: 'amaanat';
  991. letter-spacing:normal;
  992. transition: width .9s ease;
  993. }
  994. .credit:hover:after {
  995. width: 4.5em;
  996. }
  997.  
  998.  
  999. .th-diamond-o:before{
  1000. content:'\e9ef';
  1001. font-family:'honeybee';
  1002. font-size:14px;
  1003. }
  1004.  
  1005. .credit:hover {
  1006. color:black;
  1007. }
  1008.  
  1009.  
  1010.  
  1011. /* custom css photosets styling! do not touch this AT ALL!! */
  1012.  
  1013. .photoset-grid {
  1014. grid-gap: 4px; /* this is the gap between both the rows and the columns; you should probably use this if they are the same value */
  1015. }
  1016.  
  1017. .photoset-grid {
  1018. cursor: pointer;
  1019. }
  1020.  
  1021. .photoset-grid img{
  1022. opacity:1;
  1023. border-radius:2px;
  1024. }
  1025.  
  1026. /* lightbox */
  1027. .vignette, #vignette {
  1028. opacity:0;
  1029. background-image: none!important;
  1030. }
  1031.  
  1032. .lightbox-image, #tumblr_lightbox img {
  1033. box-shadow:none !important;
  1034. border-radius:4px !important;
  1035. max-width:none;
  1036. }
  1037.  
  1038. .tmblr-lightbox, #tumblr_lightbox {
  1039. background-color:rgba(255,255,255,0.8) !important;
  1040. /* the .8 means the opacity heheheheh */
  1041.  
  1042. }
  1043.  
  1044.  
  1045.  
  1046.  
  1047. </style>
  1048.  
  1049. <body>
  1050.  
  1051. <div class="all fade-in one">
  1052.  
  1053. <div class="header">
  1054.  
  1055.  
  1056. {Block:ifSearchBar}<form action="/search" method="get" class="sfm">
  1057. <input type="text" name="q" value="{SearchQuery}" placeholder="{text:search bar placeholder}" id="sf" autocomplete="off"/>
  1058. <input type="image" value="Search" src="https://static.tumblr.com/f1skqpy/Oxbn13qun/search_icon.png" title="search this blog" id="sb"/>
  1059.  
  1060. </form>{/Block:ifSearchBar}
  1061.  
  1062. <div class="icon"><a href="/"><img src="{portraiturl-128}"></a></div>
  1063.  
  1064. <div class="linkoobar">
  1065. <div class="linkies">
  1066. <b>
  1067.  
  1068.  
  1069.  
  1070. <a href="/ask">ask</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
  1071.  
  1072. <a href="/archive">archive</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
  1073.  
  1074. {block:iflink1url}<a href="{text:link 1 url}">{text:link 1}</a>{/block:iflink1url}&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
  1075.  
  1076. {block:iflink2url}<a href="{text:link 2 url}">{text:link 2}</a>{/block:iflink2url}&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
  1077.  
  1078. {block:iflink3url}<a href="{text:link 3 url}">{text:link 3}</a>{/block:iflink3url}&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
  1079.  
  1080. {block:iflink4url}<a href="{text:link 4 url}">{text:link 4}</a>{/block:iflink4url}&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
  1081.  
  1082.  
  1083. </b>
  1084. </div>
  1085. </div>
  1086. </div>
  1087.  
  1088. <div class="sidebar">
  1089.  
  1090. <img src="{image:sidebar}">
  1091.  
  1092.  
  1093. <div class="description">{description}</div>
  1094. <div class="quotie">"{text:quote}"</div>
  1095.  
  1096.  
  1097. <div class="pageme">
  1098. {block:PreviousPage}
  1099. <div class="pagemeleft"><a href="{PreviousPage}">prev</a></div>
  1100. {/block:PreviousPage}{block:NextPage}
  1101. <a href="{NextPage}">next</a>
  1102. {/block:NextPage}</div>
  1103.  
  1104.  
  1105. </div>
  1106.  
  1107.  
  1108. <div id="content">
  1109. {block:Posts}
  1110. <div class="posts">
  1111.  
  1112. {block:submission}
  1113. <div class="submissionimpossible">
  1114. <div class="askings">
  1115. <div class="ask">
  1116.  
  1117. <img src="{SubmitterPortraitURL-128}">
  1118. &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
  1119. <div class="asker"><a href="{SubmitterURL}">{submitter}</a> sent to
  1120. {block:NotReblog}<img src="{PortraitURL-128}"><a href="/">{text:enter your username here for submissions}</a>{/block:NotReblog}
  1121.  
  1122. {block:Answerer}<img src="{AnswererPortraitURL-128}"><a href="/">{Answerer}</a>{/block:Answerer}
  1123. </div>
  1124. </div>
  1125.  
  1126. </div>
  1127. </div>
  1128. {/block:submission}
  1129.  
  1130.  
  1131. <!-- PHOTO POSTS -->
  1132. {block:Photo}
  1133. {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">
  1134. <img src="{PhotoURL-HighRes}">
  1135. </a>{LinkCloseTag}
  1136.  
  1137.  
  1138. {block:Caption}
  1139. {block:notreblog}
  1140. {body}
  1141. {/block:notreblog}
  1142.  
  1143. {block:reblogs}
  1144. {block:isoriginalentry}
  1145. <div class="photocap">
  1146. <div class="txtpost">
  1147.  
  1148. <div class="iconietxtpost"><a href="{permalink}"><img src="{PortraitURL-64}"></div><div class="username">posted by {username}</div></a><div class="bodytextrbs">{body}</div></div></div>
  1149.  
  1150. {/block:isoriginalentry}
  1151.  
  1152. {block:IsNotOriginalEntry}
  1153. <div class="txtpost">
  1154.  
  1155. <div class="iconietxtpost"><a href="{permalink}"><img src="{PortraitURL-64}"></div><div class="username">reblogged by {username}</div></a><br><div class="bodytextrbs">{body}</div></div>
  1156.  
  1157. {/block:IsNotOriginalEntry}
  1158.  
  1159. {/block:reblogs}
  1160. {/block:Caption}
  1161.  
  1162. {/block:Photo}
  1163.  
  1164.  
  1165. <!-- PHOTOSET POSTS -->
  1166.  
  1167.  
  1168. {block:Photoset}
  1169.  
  1170. <div class="photoset-grid" photoset-layout="{PhotosetLayout}">{block:Photos}<div data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}" data-lowres="{PhotoURL-500}" data-highres="{PhotoURL-HighRes}" onclick="lightbox(this)"><img src="{PhotoURL-HighRes}" /></div>{/block:Photos}</div>
  1171.  
  1172.  
  1173.  
  1174. {block:Caption}
  1175. {block:notreblog}
  1176. {body}
  1177. {/block:notreblog}
  1178.  
  1179. {block:reblogs}
  1180. {block:isoriginalentry}
  1181. <div class="photocap">
  1182. <div class="txtpost">
  1183.  
  1184. <div class="iconietxtpost"><a href="{permalink}"><img src="{PortraitURL-64}"></div><div class="username">posted by {username}</div></a><br><div class="bodytextrbs">{body}</div></div></div>
  1185.  
  1186. {/block:isoriginalentry}
  1187.  
  1188. {block:IsNotOriginalEntry}
  1189. <div class="phoooootoset">
  1190. <div class="txtpost">
  1191.  
  1192. <div class="iconietxtpost"><a href="{permalink}"><img src="{PortraitURL-64}"></div><div class="username">reblogged by {username}</div></a><br><div class="bodytextrbs">{body}</div></div></div>
  1193.  
  1194. {/block:IsNotOriginalEntry}
  1195.  
  1196. {/block:reblogs}
  1197. {/block:Caption}
  1198. {/block:Photoset}
  1199.  
  1200.  
  1201. <!-- VIDEO POSTS -->
  1202.  
  1203. {block:Video}
  1204. {block:Rebloggedfrom}
  1205. <div class="txtpost">
  1206.  
  1207. <div class="iconietxtpost"><a href="{ReblogRootURL}"><img src="{ReblogRootPortraitURL-64}"></div><div class="username">posted by {ReblogRootName}</div></a></div>
  1208. {/block:Rebloggedfrom}
  1209.  
  1210.  
  1211.  
  1212. <div class="video">{Video-500}</div>
  1213.  
  1214. {block:Caption}
  1215.  
  1216. {Block:NotReblog}
  1217. <div class="caption">{Caption}</div>
  1218. {/Block:NotReblog}
  1219.  
  1220. {Block:Reblogs}
  1221. {block:IsOriginalEntry}
  1222. {body}
  1223. {/block:IsOriginalEntry}
  1224.  
  1225. {block:IsNotOriginalEntry}
  1226. <div class="txtpost">
  1227.  
  1228. <div class="iconietxtpost"><a href="{permalink}"><img src="{PortraitURL-64}"></div><div class="username">reblogged by {username}</div></a><div class="bodytextrbs">{body}</div></div>
  1229.  
  1230. {/block:IsNotOriginalEntry}
  1231. {/block:Reblogs}
  1232.  
  1233.  
  1234.  
  1235. {/block:Caption}
  1236.  
  1237. {/block:Video}
  1238.  
  1239.  
  1240.  
  1241. <!-- AUDIO POSTS -->
  1242. {block:Audio}
  1243. {block:Rebloggedfrom}
  1244. <div class="txtpost">
  1245.  
  1246. <div class="iconietxtpost"><a href="{ReblogRootURL}"><img src="{ReblogRootPortraitURL-64}"></div><div class="username">posted by {ReblogRootName}</div></a></div>
  1247. {/block:Rebloggedfrom}
  1248.  
  1249.  
  1250. <div class="audio">
  1251. {block:AudioEmbed}{AudioEmbed}{/block:AudioEmbed}
  1252. </div>
  1253.  
  1254. {block:ifplaycount}
  1255. {block:PlayCount}
  1256. <div class="playcountaudio">{PlayCountWithLabel}</div>
  1257. {/block:PlayCount}
  1258. {block:ifplaycount}
  1259.  
  1260.  
  1261.  
  1262. {Block:Reblogs}
  1263. {block:IsOriginalEntry}
  1264. {body}
  1265. {/block:IsOriginalEntry}
  1266.  
  1267. {block:IsNotOriginalEntry}
  1268. <div class="audiost">
  1269. <div class="txtpost">
  1270.  
  1271. <div class="iconietxtpost"><a href="{permalink}"><img src="{PortraitURL-64}"></div><div class="username">reblogged by {username}</div></a><div class="bodytextrbs">{body}</div></div></div>
  1272.  
  1273. {/block:IsNotOriginalEntry}
  1274. {/block:Reblogs}
  1275.  
  1276. {/block:Audio}
  1277.  
  1278.  
  1279.  
  1280. <!-- TEXT POSTS -->
  1281. {block:Text}
  1282.  
  1283. <div class="totalex">
  1284.  
  1285. {block:Reblogs}
  1286. {block:IsOriginalEntry}
  1287. <div class="txtpost">
  1288.  
  1289. <div class="iconietxtpost"><a href="{Permalink}"><img src="{PortraitURL-64}"></div><div class="username">posted by {username}</div></a></div> {/block:IsOriginalEntry} <p>
  1290.  
  1291.  
  1292.  
  1293.  
  1294. {block:IsNotOriginalEntry}
  1295.  
  1296. <div class="txtreblog">
  1297.  
  1298. <div class="txtpost">
  1299.  
  1300. <div class="iconietxtpost"><a href="{Permalink}"><img src="{PortraitURL-64}"></div><div class="username">reblogged by {username}</div></a></div></div>
  1301.  
  1302. {/block:IsNotOriginalEntry} <p>
  1303. <div class="textiewoo">
  1304. <div class="title">{block:Title}{Title}{/block:Title}</div>
  1305. <div class="body">{Body}</div>
  1306. </div>
  1307.  
  1308.  
  1309.  
  1310.  
  1311.  
  1312. {/block:Reblogs}
  1313.  
  1314. {Block:NotReblog}
  1315. <div class="title">{Title}</div>
  1316. <div class="body">{body}</div>
  1317.  
  1318. {/Block:NotReblog}
  1319.  
  1320. {block:More}
  1321. <div class="keepreading">
  1322. <a href="{Permalink}">keep reading this post....</a>
  1323. </div>
  1324. {/block:More}
  1325.  
  1326.  
  1327.  
  1328. </div>
  1329. {/block:Text}
  1330.  
  1331.  
  1332. <!-- QUOTE POSTS -->
  1333. {block:Quote}
  1334.  
  1335. {block:Rebloggedfrom}
  1336. <div class="txtpost">
  1337.  
  1338. <div class="iconietxtpost"><a href="{ReblogRootURL}"><img src="{ReblogRootPortraitURL-64}"></div><div class="username">posted by {ReblogRootName}</div></a></div>
  1339. {/block:Rebloggedfrom}
  1340.  
  1341.  
  1342. <div class="quotiepost">"{Quote}"</div>
  1343. {block:Source}<div class="quotesource"><br>~ {Source}</div>{/block:Source}
  1344.  
  1345. {/block:Quote}
  1346.  
  1347.  
  1348.  
  1349. <!-- ANSWER POSTS -->
  1350.  
  1351. {block:Answer}
  1352. <div class="askings">
  1353. <div class="ask">
  1354. <img src="{AskerPortraitURL-128}">
  1355. &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
  1356. <div class="asker">{Asker} said to
  1357. {block:NotReblog}<img src="{PortraitURL-128}"><a href="/">{Name}</a>{/block:NotReblog}
  1358. {block:Answerer}<img src="{AnswererPortraitURL-128}"><a href="/">{Answerer}</a>{/block:Answerer}
  1359. </div>
  1360. </div>
  1361. <div class="q">{Question}</div>
  1362. <div class="answerings">{Answer}</div>
  1363. </div>
  1364. {/block:Answer}
  1365.  
  1366.  
  1367.  
  1368.  
  1369. <!-- CHAT POSTS -->
  1370. {block:Chat}
  1371.  
  1372. {block:RebloggedFrom}
  1373. <div class="txtpost">
  1374. <div class="iconietxtpost"><a href="{ReblogRootURL}"><img src="{ReblogRootPortraitURL-64}"></div><div class="username">posted by {ReblogRootName}</div></a></div>
  1375. {/block:RebloggedFrom}
  1376.  
  1377. <div class="title">{block:Title}{Title}{/block:Title}</div>
  1378. {block:Lines}<br>
  1379. {block:Label}<strong>{Label}</strong>{/block:Label} {Line}
  1380. {/block:Lines}
  1381. {/block:Chat}
  1382.  
  1383.  
  1384.  
  1385.  
  1386. <!-- LINK POSTS -->
  1387.  
  1388.  
  1389. {block:link}
  1390. <div class="linkpost"><a href="{URL}" >{Name}</a></div>
  1391.  
  1392. {block:RebloggedFrom}
  1393. <div class="txtpost">
  1394. <div class="iconietxtpost"><a href="{ReblogRootURL}"><img src="{ReblogRootPortraitURL-64}"></div><div class="username">posted by {ReblogRootName}</div></a></div>
  1395.  
  1396. {block:Reblogs}
  1397. {block:IsNotOriginalEntry}
  1398. <div class="linkblog">
  1399. <div class="txtreblog">
  1400.  
  1401. <div class="txtpost">
  1402.  
  1403. <div class="iconietxtpost"><a href="{Permalink}"><img src="{PortraitURL-64}"></div><div class="username">reblogged by {username}</div></a></div></div></div>
  1404.  
  1405. {/block:IsNotOriginalEntry}
  1406.  
  1407. <div class="body">{body}</div>
  1408. {/block:Reblogs}
  1409. {/block:RebloggedFrom}
  1410.  
  1411. {block:notreblog}
  1412. {block:Description}<div class="body">{description}</div>{/block:Description}
  1413. {/block:notreblog}
  1414.  
  1415. {block:link}
  1416.  
  1417.  
  1418. </div>
  1419.  
  1420.  
  1421.  
  1422. {block:Date}
  1423.  
  1424. <div class="footer">
  1425.  
  1426.  
  1427. <div class="datie">
  1428. <a href="{permalink}">{block:RebloggedFrom}reblogged on{/block:RebloggedFrom}{block:NotReblog}posted on{/block:NotReblog} {DayOfMonthWithZero}{DayOfMonthSuffix} {Month}</a>
  1429. </div>
  1430.  
  1431. &nbsp;&nbsp;
  1432. &nbsp;
  1433. &nbsp;
  1434. &nbsp;&nbsp;
  1435. &nbsp;
  1436. &nbsp;
  1437.  
  1438.  
  1439. {block:NoteCount}
  1440. <div class="notie">{NoteCountwithlabel}</div>
  1441. {/block:NoteCount}
  1442.  
  1443. &nbsp;&nbsp;
  1444. &nbsp;
  1445. &nbsp;
  1446. &nbsp;&nbsp;
  1447. &nbsp;
  1448. &nbsp;
  1449. {block:RebloggedFrom}
  1450. <div class="reblogie">
  1451.  
  1452. <a href="{ReblogParentURL}">via</a> /
  1453. <a href="{ReblogRootURL}">src</a>
  1454. </div>
  1455.  
  1456. {/block:RebloggedFrom}
  1457.  
  1458.  
  1459.  
  1460. <div class="rebutton"><a href="{ReblogURL}" target="_blank" ><span class="th th-reblog"></span></a>
  1461. </div>
  1462.  
  1463.  
  1464. <br>
  1465. {block:HasTags}
  1466. {block:Tags}<div class="taggie"><a href="{TagUrl}">#{Tag}</a></div> {/block:Tags}
  1467. {/block:HasTags}
  1468.  
  1469.  
  1470.  
  1471.  
  1472.  
  1473. </div>
  1474.  
  1475. {/block:Date}
  1476.  
  1477. {/block:Posts}
  1478.  
  1479.  
  1480.  
  1481. {block:PostNotes}
  1482. <div class="postnoties">{PostNotes}</div>
  1483. {/block:PostNotes}
  1484.  
  1485.  
  1486.  
  1487. </div><!-- end content div -->
  1488.  
  1489.  
  1490.  
  1491. <a href="https://www.amaanat.tumblr.com" class="credit"><span class="th th-diamond-o"></span>
  1492. </a>
  1493.  
  1494.  
  1495.  
  1496.  
  1497.  
  1498. <!-- custom tumblr controls by cyantists v2 -->
  1499. <div class="hcontrols"><svg version="1.1" id="Layer_1" xmlns="https://www.w3.org/2000/svg" xmlns:xlink="https://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 216 216" enable-background="new 0 0 216 216" xml:space="preserve"><path d="M106.6,134c14.3,0,26-11.7,26-26s-11.7-26-26-26s-26,11.7-26,26S92.2,134,106.6,134z M106.6,94c7.7,0,14,6.3,14,14s-6.3,14-14,14s-14-6.3-14-14S98.9,94,106.6,94z M40.4,124.6l7.2,3.3c3,1.4,4.4,4.8,3.3,7.9l-2.8,7.4c-2.1,5.7-1.4,11.8,2.1,16.7c3.4,5,9,7.9,15,7.9c2.2,0,4.4-0.4,6.5-1.2l7.4-2.8c0.7-0.3,1.4-0.4,2.2-0.4c2.4,0,4.7,1.4,5.7,3.7l3.3,7.2c3,6.6,9.4,10.7,16.6,10.7s13.6-4.1,16.6-10.7l3.3-7.2c1-2.2,3.2-3.7,5.7-3.7c0.7,0,1.5,0.1,2.2,0.4l7.4,2.8c2.1,0.8,4.3,1.2,6.5,1.2c0,0,0,0,0,0c5.9,0,11.5-3,15-7.9c3.4-5,4.2-11.1,2.1-16.7l-2.8-7.4c-1.1-3.1,0.3-6.5,3.3-7.9l7.2-3.3c6.6-3,10.7-9.4,10.7-16.6s-4.1-13.6-10.7-16.6l-7.2-3.3c-3-1.4-4.4-4.8-3.3-7.9l2.8-7.4c2.1-5.7,1.4-11.8-2.1-16.7c-3.4-5-9-7.9-15-7.9c-2.2,0-4.4,0.4-6.5,1.2l-7.4,2.8c-0.7,0.3-1.4,0.4-2.2,0.4c-2.4,0-4.7-1.4-5.7-3.7l-3.3-7.2c-3-6.6-9.4-10.7-16.6-10.7S93,35.2,90,41.8l-3.3,7.2c-1,2.2-3.2,3.7-5.7,3.7c-0.7,0-1.5-0.1-2.2-0.4l-7.4-2.8c-2.1-0.8-4.3-1.2-6.5-1.2c-5.9,0-11.5,3-15,7.9c-3.4,5-4.2,11.1-2.1,16.7l2.8,7.4c1.1,3.1-0.3,6.5-3.3,7.9l-7.2,3.3c-6.6,3-10.7,9.4-10.7,16.6S33.8,121.6,40.4,124.6z M45.3,102.3l7.2-3.3c8.7-4,12.9-14.1,9.5-23l-2.8-7.4c-1-2.7,0-4.7,0.7-5.7c1.6-2.4,4.6-3.4,7.4-2.3l7.4,2.8c2.1,0.8,4.2,1.2,6.4,1.2c0,0,0,0,0,0c7.1,0,13.6-4.2,16.6-10.7l3.3-7.2c1.5-3.4,4.7-3.7,5.7-3.7s4.1,0.3,5.7,3.7l3.3,7.2c3,6.5,9.5,10.7,16.6,10.7c2.2,0,4.3-0.4,6.4-1.2l7.4-2.8c2.8-1,5.7,0,7.4,2.3c0.7,1,1.7,3,0.7,5.7l-2.8,7.4c-3.3,8.9,0.8,19,9.5,23l7.2,3.3c3.4,1.5,3.7,4.7,3.7,5.7s-0.3,4.1-3.7,5.7l-7.2,3.3c-8.7,4-12.9,14.1-9.5,23l2.8,7.4c1,2.7,0,4.7-0.7,5.7c-1.6,2.4-4.6,3.4-7.4,2.3l-7.4-2.8c-2.1-0.8-4.2-1.2-6.4-1.2c-7.1,0-13.6,4.2-16.6,10.7l-3.3,7.2c-1.5,3.4-4.7,3.7-5.7,3.7s-4.1-0.3-5.7-3.7l-3.3-7.2c-3-6.5-9.5-10.7-16.6-10.7c-2.2,0-4.3,0.4-6.4,1.2l-7.4,2.8c-2.8,1-5.7,0-7.4-2.3c-0.7-1-1.7-3-0.7-5.7l2.8-7.4c3.3-8.9-0.8-19-9.5-23l-7.2-3.3c-3.4-1.5-3.7-4.7-3.7-5.7S41.9,103.9,45.3,102.3z"/></svg></div>
  1500.  
  1501. <!-- annasthms and espoirthemes lightbox -->
  1502. <script>
  1503. function gatherData(images, arr) {
  1504. for (let i = 0; i < images.length; i++) {
  1505. let currentData = {
  1506. "width": images[i].getAttribute('data-width'),
  1507. "height": images[i].getAttribute('data-height'),
  1508. "low_res": images[i].getAttribute('data-lowres'),
  1509. "high_res": images[i].getAttribute('data-highres')
  1510. };
  1511. arr.push(currentData);
  1512. }
  1513. }
  1514. function getIndex(elem) {
  1515. let i = 0;
  1516. while( (elem = elem.previousElementSibling) != null ) i++;
  1517. return i;
  1518. }
  1519. function lightbox(elem) {
  1520. let currentPhotoset = elem.parentNode;
  1521. let photosetPhotos = currentPhotoset.getElementsByTagName('div');
  1522. let data = [];
  1523. gatherData(photosetPhotos, data);
  1524. Tumblr.Lightbox.init(data, getIndex(elem) + 1);
  1525. }
  1526. </script>
  1527.  
  1528.  
  1529. </div> <!-- end of all fade in thing -->
  1530.  
  1531. </body>
  1532. </html>
  1533.  
  1534. <!-- theme by @amaanat on tumblr.com -->
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!