API tools faq
paste
girl0nfire

Theme #1 Primrose - Codes by the Girl 0n Fire

girl0nfire
Mar 18th, 2020
8,698
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 29.66 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <!----------
  3.  
  4. Codes by the Girl 0n Fire.
  5.  
  6. Theme #1 - Primrose
  7.  
  8. Do not steal, copy or redistribute.
  9.  
  10. ----------->
  11. <html>
  12. <head>
  13.  
  14.  
  15. <title>{Title}{block:PostSummary} - {PostSummary}{/block:PostSummary}</title>
  16. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  17. <link rel="shortcut icon" href="{Favicon}" />
  18.  
  19. <script src="https://kit.fontawesome.com/a076d05399.js"></script>
  20. <link href="https://static.tumblr.com/ta26uqw/UcYnarnsw/simptip-small.css" rel="stylesheet" type="text/css">
  21.  
  22. <link href="https://fonts.googleapis.com/css?family=Alata|Lato|Noto+Sans|Poppins|Quicksand|Raleway|Montserrat|Comfortaa|Cabin|Pacifico&display=swap" rel="stylesheet">
  23.  
  24. <link href="https://fonts.googleapis.com/css?family=Lato|Noto+Sans|Poppins|Quicksand|Raleway&display=swap" rel="stylesheet">
  25.  
  26. <meta name="image:Background Image" content="" />
  27. <meta name="image:Container Background" content="" />
  28. <meta name="image:Sidebar Image" content="https://static.tumblr.com/cwl660j/6ldq77u6o/screenshot_2020-03-12_at_21.55.39.png" />
  29.  
  30. <meta name="if:Show Captions" content="" />
  31. <meta name="if:Show Tags" content="" />
  32. <meta name="if:Show Status" content="" />
  33. <meta name="if:Show Navigation" content="" />
  34. <meta name="if:Show Updates" content="" />
  35. <meta name="if:Show Search Box" content="" />
  36. <meta name="if:Show Social" content="" />
  37.  
  38. <meta name="color:Background Color" content="#e9f3f2" />
  39. <meta name="color:Container Background" content="#fff" />
  40. <meta name="color:Post Text" content="#333" />
  41. <meta name="color:Post Links" content="#3fc7ba" />
  42. <meta name="color:Post Links Hover" content="#d1d1d1" />
  43. <meta name="color:Post Italic" content="#19a4ce" />
  44. <meta name="color:Post Bold" content="#30a884" />
  45. <meta name="color:Post Bottom Border" content="#e3e3e3" />
  46. <meta name="color:Scrollbar Background" content="#a2e2dc" />
  47. <meta name="color:Scrollbar Thumb" content="#06b4a2" />
  48. <meta name="color:Tooltip Text" content="#fff" />
  49. <meta name="color:Tooltip Background" content="#1b887d" />
  50. <meta name="color:Main Links Background" content="#f0f0f0" />
  51. <meta name="color:Main Links Color" content="#515151" />
  52. <meta name="color:Tag Color" content="#fff" />
  53. <meta name="color:Tag Background" content="#3fb1a6" />
  54. <meta name="color:Post Date Color" content="#f8f8f8" />
  55. <meta name="color:Post Date Background" content="#448881" />
  56. <meta name="color:Ask Color" content="#555" />
  57. <meta name="color:Ask Background" content="#f6f6f6" />
  58. <meta name="color:Social Links Color" content="#6c9d98" />
  59. <meta name="color:Social Links Background" content="#e9f3f2" />
  60. <meta name="color:Navigation Links Color" content="#757575" />
  61. <meta name="color:Navigation Links Background" content="#f4f4f4" />
  62. <meta name="color:Navigation Icon Color" content="#fff" />
  63. <meta name="color:Navigation Icon Background" content="#1fcbba" />
  64. <meta name="color:Update Color" content="#393939" />
  65. <meta name="color:Update Date Color" content="#098679" />
  66. <meta name="color:Update Background" content="#f9f9f9" />
  67.  
  68. <meta name="text:Know More Title" content="about the blog" />
  69. <meta name="text:Know More Text" content="This would be your description." />
  70. <meta name="text:Online Counter" content="Online counter here" />
  71. <meta name="text:Visits Counter" content="Visit counter here" />
  72. <meta name="text:Age" content="Your age" />
  73. <meta name="text:Gender" content="Your gender" />
  74. <meta name="text:Status" content="Active? on hiatus?" />
  75. <meta name="text:Currently" content="Studying/Working?" />
  76. <meta name="text:Watching" content="Movie/Series/Anime name" />
  77. <meta name="text:Reading" content="Book name" />
  78. <meta name="text:Update 1" content="Update 1" />
  79. <meta name="text:Update 1 Date" content="Date goes here" />
  80. <meta name="text:Update 2" content="Update 2" />
  81. <meta name="text:Update 2 Date" content="Date goes here" />
  82. <meta name="text:Update 3" content="Update 3" />
  83. <meta name="text:Update 3 Date" content="Date goes here" />
  84. <meta name="text:Update 4" content="Update 4" />
  85. <meta name="text:Update 4 Date" content="Date goes here" />
  86. <meta name="text:Update 5" content="Update 5" />
  87. <meta name="text:Update 5 Date" content="Date goes here" />
  88. <meta name="text:Link 1 Title" content="Link 1" />
  89. <meta name="text:Link 1 URL" content="" />
  90. <meta name="text:Link 2 Title" content="Link 2" />
  91. <meta name="text:Link 2 URL" content="" />
  92. <meta name="text:Link 3 Title" content="Link 3" />
  93. <meta name="text:Link 3 URL" content="" />
  94. <meta name="text:Link 4 Title" content="Link 4" />
  95. <meta name="text:Link 4 URL" content="" />
  96. <meta name="text:Ask Box Text" content="This text box is just in case you want to add a message before the ask box." />
  97.  
  98. <meta name="text:Facebook URL" content="URL goes here" />
  99. <meta name="text:Youtube URL" content="URL goes here" />
  100. <meta name="text:Twitter URL" content="URL goes here" />
  101. <meta name="text:Instagram URL" content="URL goes here" />
  102.  
  103.  
  104.  
  105.  
  106. <style type="text/css">
  107.  
  108. .iframe-controls--desktop {
  109. position:fixed;
  110. top: 10px;
  111. right:calc(50% - 510px/2 - 120px)!important;
  112. z-index: 99999999999999999999;
  113. filter:invert(100%);
  114. -webkit-filter:invert(100%);
  115. -webkit-transform:scale(0.6,0.6);
  116. -webkit-transform-origin: 100% 0%;
  117. -ms-transform-origin:100% 0%;
  118. -ms-transform:scale(0.6,0.6);
  119. transform:scale(0.6,0.6);
  120. transform-origin:100% 0%;
  121. }
  122.  
  123.  
  124. html, body {
  125. font-family: Noto Sans;
  126. font-size: 11px;
  127. padding: 0px;
  128. margin: 0px;
  129. word-wrap: break-word;
  130. color: {color:Post Text};
  131. background: {color:Background Color} url('{image:Background Image}') repeat top center fixed;
  132. }
  133.  
  134. ::-webkit-scrollbar-corner {
  135. background: {color:Background Color};
  136. }
  137.  
  138. ::-webkit-scrollbar {
  139. height:12px;
  140. width:12px;
  141. background: {color:Background Color};
  142. -webkit-border-radius: 4px;
  143. -moz-border-radius: 4px;
  144. border-radius: 4px;
  145. }
  146.  
  147. ::-webkit-scrollbar-thumb {
  148. background: {color:Scrollbar Thumb};
  149. border:3px solid {color:Background Color};
  150. }
  151.  
  152. ::-webkit-scrollbar-track-piece {
  153. background: {color:Scrollbar Background};
  154. border:5px solid {color:Background Color};
  155. }
  156.  
  157. ::selection {
  158. color: {color:Post Date Color};
  159. background: {color:Post Date Background};
  160. }
  161.  
  162. ::-moz-selection {
  163. color: {color:Post Date Color};
  164. background: {color:Post Date Background};
  165. }
  166.  
  167. ::-webkit-selection {
  168. color: {color:Post Date Color};
  169. background: {color:Post Date Background};
  170. }
  171.  
  172. img {border:none;}
  173.  
  174. img {max-width:100%!important; height:auto!important;}
  175.  
  176. a {
  177. color: {color:Post Links};
  178. text-decoration: none;
  179. -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; transition: all .4s ease-in-out;
  180. }
  181.  
  182. a:hover {
  183. color: {color:Post Links Hover};
  184. -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; transition: all .4s ease-in-out;
  185. }
  186.  
  187. i, em, italic {
  188. color: {color:Post Italic};
  189. font-style: italic;
  190. }
  191.  
  192. b, strong, bold {
  193. color: {color:Post Bold};
  194. font-weight: bold;
  195. }
  196.  
  197. u,underline {
  198. text-decoration: none;
  199. border-bottom: 1px dashed {color:Post Links Hover};
  200. }
  201.  
  202. blockquote {
  203. border-left: solid 1px #f3f3f3;
  204. background: #fafafa;
  205. margin: 0;
  206. overflow: hidden;
  207. padding: 15px;
  208. }
  209.  
  210.  
  211. #s-m-t-tooltip{
  212. max-width: 250px;
  213. margin: 12px;
  214. padding: 6px 8px 6px 8px;
  215. z-index: 9999999999999999999999999999999999999999999999;
  216. text-align: center;
  217. font-size: 10px;
  218. font-family: Lato;
  219. text-transform: uppercase;
  220. background: {color:Tooltip Background};
  221. color: {color:Tooltip Text};
  222. -webkit-border-radius: 4px;
  223. -moz-border-radius: 4px;
  224. border-radius: 4px;
  225. -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; transition: all .4s ease-in-out;
  226. }
  227.  
  228. #all {
  229. position: relative;
  230. width: 810px;
  231. padding: 0px;
  232. margin: 0 auto;
  233. }
  234.  
  235. #container {
  236. position: relative;
  237. width: 770px;
  238. height: auto;
  239. padding: 20px;
  240. margin: 0px;
  241. min-height: 1000px;
  242. background: {color:Container Background} url('{image:Container Background}') repeat top center fixed;
  243. -webkit-box-shadow: 0px 7px 13px 0px rgba(0,0,0,0.20);
  244. -moz-box-shadow: 0px 7px 13px 0px rgba(0,0,0,0.20);
  245. box-shadow: 0px 7px 13px 0px rgba(0,0,0,0.20);
  246. }
  247.  
  248. .entry {
  249. position: relative;
  250. width: 400px;
  251. padding: 60px 0px 20px 0px;
  252. margin: 20px;
  253. font-size: 12px;
  254. font-family: Poppins;
  255. border-bottom: 1px solid {color:Post Bottom Border};
  256. {block:PermalinkPage}
  257. padding: 0px 0px 20px 0px;
  258. {/block:PermalinkPage}
  259. }
  260.  
  261. h1, h2, h3 {
  262. padding: 0px;
  263. margin: 0px;
  264. font-size: 14px;
  265. text-transform: uppercase;
  266. text-align: center;
  267. }
  268.  
  269.  
  270.  
  271.  
  272.  
  273.  
  274. #sidebar {
  275. position: fixed;
  276. width: 330px;
  277. padding: 0px;
  278. top: 0px;
  279. right:calc(50% - 570px/2 - 100px)!important;
  280. width: 330px;
  281. }
  282.  
  283. #sidebar img {
  284. width: 270px;
  285. margin: 10px 30px;
  286. -webkit-border-radius: 5px;
  287. -moz-border-radius: 5px;
  288. border-radius: 5px;
  289. }
  290.  
  291. #navigation {
  292. text-align: center;
  293. padding-bottom: 10px;
  294. background: {color:Container Background} url('{image:Container Background}') repeat top center fixed;
  295. }
  296.  
  297. #navigation a {
  298. display: inline-block;
  299. width: 60px;
  300. height: 60px;
  301. line-height: 50px;
  302. font-size: 17px;
  303. margin: 40px 3px 0px 3px;
  304. color: {color:Main Links Color};
  305. background: {color:Main Links Background};
  306. -webkit-border-radius: 5px;
  307. -moz-border-radius: 5px;
  308. border-radius: 5px;
  309. }
  310.  
  311. #navigation i {
  312. color: {color:Main Links Color};
  313. }
  314.  
  315. .navi {
  316. position: absolute;
  317. margin-top: -11px;
  318. width: 60px;
  319. height: 10px;
  320. line-height: 10px;
  321. font-size: 10px;
  322. text-transform: uppercase;
  323. color: {color:Main Links Color};
  324. font-family: Poppins;
  325. }
  326.  
  327. #sidebar .naah, #sidebar .text {
  328. padding: 10px 20px 10px 20px;
  329. text-align: center;
  330. text-transform: uppercase;
  331. font-family: Lato;
  332. letter-spacing: 1px;
  333. font-size: 10px;
  334. }
  335.  
  336. #sidebar .naah a {
  337. display: inline-block;
  338. width: 160px;
  339. height: 30px;
  340. line-height: 30px;
  341. cursor: pointer;
  342. margin-bottom: 5px;
  343. color: {color:Main Links Color};
  344. background: {color:Main Links Background};
  345. -webkit-border-radius: 5px;
  346. -moz-border-radius: 5px;
  347. border-radius: 5px;
  348. }
  349.  
  350. .line {
  351. display: inline-block;
  352. font-family: poppins;
  353. margin: 0px;
  354. margin: 0px 5px;
  355. width: 180px;
  356. padding: 10px 0px;
  357. border-bottom: 1px solid {color:Post Bottom Border};
  358. }
  359.  
  360. .links a {
  361. text-align: left;
  362. display: inline-block;
  363. width: 185px;
  364. height: 30px;
  365. margin: 5px;
  366. line-height: 20px;
  367. font-size: 12px;
  368. font-family: Raleway;
  369. text-transform: None;
  370. color: {color:Navigation Links Color};
  371. background: {color:Navigation Links Background};
  372. overflow: hidden;
  373. -webkit-border-radius: 4px;
  374. -moz-border-radius: 4px;
  375. border-radius: 4px;
  376. }
  377.  
  378. .links i {
  379. color: {color:Navigation Icon Color};
  380. background: {color:Navigation Icon Background};
  381. font-size: 14px;
  382. line-height: 30px;
  383. width: 30px;
  384. height: 30px;
  385. text-align: center;
  386. border-right: 2px solid {color:Container Background};
  387. }
  388.  
  389. .update {
  390. display: inline-block;
  391. width: 160px;
  392. color: {color:Update Color};
  393. background: {color:Update Background};
  394. text-align: left;
  395. padding: 10px;
  396. margin: 5px;
  397. line-height: 13px;
  398. font-size: 12px;
  399. font-family: Raleway;
  400. text-transform: None;
  401. overflow: hidden;
  402. margin-bottom: 10px;
  403. font-weight: bold;
  404. -webkit-border-radius: 4px;
  405. -moz-border-radius: 4px;
  406. border-radius: 4px;
  407. }
  408.  
  409. .update i {
  410. font-size: 8px;
  411. color: {color:Update Date Color};
  412. }
  413.  
  414. .update b {
  415. font-size: 9px;
  416. font-weight: normal;
  417. font-family: lato;
  418. text-transform: uppercase;
  419. color: {color:Update Date Color};
  420. }
  421.  
  422. .social {
  423. padding: 0px;
  424. text-align: center;
  425. }
  426.  
  427. .social a {
  428. display: inline-block;
  429. width: 30px;
  430. height: 30px;
  431. line-height: 30px;
  432. margin: 0px 3px;
  433. color: {color:Social Links Color};
  434. background: {color:Social Links Background};
  435. -webkit-border-radius: 4px;
  436. -moz-border-radius: 4px;
  437. border-radius: 4px;
  438. }
  439.  
  440. .social i {
  441. display: inline-block;
  442. width: 30px;
  443. height: 30px;
  444. line-height: 30px;
  445. font-size: 17px;
  446. color: {color:Social Links Color};
  447. }
  448.  
  449.  
  450. /*permalink*/
  451. #date {
  452. position: absolute;
  453. top: 0px;
  454. left: 0px;
  455. width: 40px;
  456. height: 40px;
  457. }
  458.  
  459. #date a {
  460. display: inline-block;
  461. text-align: center;
  462. width: 40px;
  463. height: 40px;
  464. line-height: 33px;
  465. font-size: 20px;
  466. font-family: Lato;
  467. color: {color:Post Date Color};
  468. background: {color:Post Date Background};
  469. -webkit-border-radius: 2px;
  470. -moz-border-radius: 2px;
  471. border-radius: 2px;
  472. }
  473.  
  474. .month {
  475. position: absolute;
  476. bottom: 7px;
  477. width: 40px;
  478. height: 8px;
  479. line-height: 8px;
  480. font-size: 8px;
  481. text-transform: uppercase;
  482. color: {color:Post Date Color};
  483. font-family: Poppins;
  484. }
  485.  
  486. #notes {
  487. position: absolute;
  488. top: 0px;
  489. left: 50px;
  490. width: 330px;
  491. padding-left: 20px;
  492. height: 40px;
  493. line-height: 40px;
  494. font-size: 10px;
  495. text-transform: uppercase;
  496. font-family: lato;
  497. color: {color:Post Date Background};
  498. background: {color:Post Date Color};
  499. -webkit-border-radius: 2px;
  500. -moz-border-radius: 2px;
  501. border-radius: 2px;
  502. }
  503.  
  504. #notes a {
  505. color: {color:Post Date Background};
  506. }
  507.  
  508. #tag {
  509. position: relative;
  510. width: 400px;
  511. text-align: center;
  512. margin: 10px 0px 0px 0px;
  513. padding: 0px;
  514. }
  515. #tag a {
  516. color: {color:Tag Color};
  517. background: {color:Tag Background};
  518. font-size: 10px;
  519. text-transform: uppercase;
  520. margin: 0px 4px;
  521. padding: 3px;
  522. -webkit-border-radius: 2px;
  523. -moz-border-radius: 2px;
  524. border-radius: 2px;
  525. }
  526.  
  527. .quote {
  528. font-size: 15px;
  529. font-family: Comfortaa;
  530. text-align: center;
  531. }
  532.  
  533. .source {
  534. font-size: 10px;
  535. text-transform: uppercase;
  536. text-align: center;
  537. padding: 5px;
  538. }
  539.  
  540. #askin {
  541. margin-left: 0px;
  542. background: {color:Ask Background};
  543. color: {color:Ask Color};
  544. padding: 10px;
  545. -webkit-border-radius: 4px; -moz-border-radius: 5px; border-radius: 4px;
  546. }
  547.  
  548. #askin img { float: left; border: 3px double {color:Container Background}; -webkit-border-radius: 4px; -moz-border-radius: 5px; border-radius: 4px; margin-right: 15px; }
  549.  
  550. #asker {
  551. margin-left: 40px;
  552. height: 30px;
  553. padding-left: 0px;
  554. padding-top: 8px;
  555. line-height: 30px;
  556. font-size: 15px;
  557. font-family: Comfortaa;
  558. }
  559.  
  560. #pagination {
  561. text-align: center;
  562. margin-top: 10px;
  563. }
  564.  
  565. #pagination a {
  566. display: inline-block;
  567. width: 12px;
  568. margin: 2px 3px 0px 3px;
  569. padding: 4px 8px;
  570. text-align: center;
  571. font-family: Poppins;
  572. font-size: 10px;
  573. text-transform: uppercase;
  574. letter-spacing: 1px;
  575. }
  576.  
  577. span.selectedpage {
  578. width: 12px;
  579. display: inline-block;
  580. padding: 4px 8px;
  581. margin: 2px 3px 0px 3px;
  582. text-align: center;
  583. font-family: Poppins;
  584. font-size: 10px;
  585. text-transform: uppercase;
  586. letter-spacing: 1px;
  587. }
  588.  
  589. .chat { margin-bottom: 20px; }
  590.  
  591. .chat .chat1 { margin-left: 0px; }
  592.  
  593. .chat .chat1 .chat2 { color: {color:Post Italic}; margin-bottom: 2px; padding: 4px 4px 5px 5px; }
  594.  
  595. .chat .chat1 .chat2.even { color: {color:Post Bold}; }
  596.  
  597. #searchbox {
  598. margin: 0px;
  599. }
  600.  
  601. .sfm input {
  602. font-size: 10px;
  603. font-family: Poppins;
  604. outline: none;
  605. border: 0px;
  606. margin-top: 0px;
  607. color: {color:Main Links Color};
  608. background: {color:Main Links Background};
  609. letter-spacing: 1px;
  610. padding: 7px 11px;
  611. font-weight: bold;
  612. -webkit-border-radius: 4px; -moz-border-radius: 5px; border-radius: 4px;
  613. }
  614.  
  615. #sf {
  616. margin-right: 5px;
  617. width: 150px;
  618. -webkit-border-radius: 4px; -moz-border-radius: 5px; border-radius: 4px;
  619. }
  620.  
  621. .aboutt, .linkss, .askk {
  622. position: fixed;
  623. top: 0px;
  624. left: 0px;
  625. z-index: 100000000!important;
  626. width: 100%;
  627. height: 100%;
  628. padding: 0px;
  629. display: none;
  630. word-wrap: break-word;
  631. color: {color:Post Text};
  632. background: {color:Background Color} url('{image:Background Image}') repeat top center fixed;
  633. }
  634.  
  635. #closea, #closel, #closeaa {
  636. margin: 0 auto;
  637. font-size: 30px;
  638. text-align: center;
  639. width: 30px;
  640. height: 30px;
  641. padding-top: 30px;
  642. line-height: 30px;
  643. color: {color:Post Text};
  644. cursor: pointer;
  645. }
  646.  
  647. #closea i, #closel i, #closeaa i {
  648. color: {color:Post Text};
  649. }
  650.  
  651. #title {
  652. margin: 0 auto;
  653. text-align: center;
  654. width: 400px;
  655. height: 50px;
  656. padding-top: 30px;
  657. font-family: Raleway;
  658. font-size: 20px;
  659. text-transform: uppercase;
  660. font-weight: bold;
  661. letter-spacing: 2px;
  662. color: {color:Post Bold};
  663. }
  664.  
  665. .holder {
  666. margin: 0 auto;
  667. top: 120px;
  668. width: 400px;
  669. padding: 20px;
  670. height: 400px;
  671. overflow: auto;
  672. font-family: Raleway;
  673. text-align: center;
  674. font-size: 12px;
  675. background: {color:Container Background} url('{image:Container Background}') repeat top center fixed;
  676. -webkit-box-shadow: 0px 7px 13px 0px rgba(0,0,0,0.20);
  677. -moz-box-shadow: 0px 7px 13px 0px rgba(0,0,0,0.20);
  678. box-shadow: 0px 7px 13px 0px rgba(0,0,0,0.20);
  679. }
  680.  
  681. .holder h1 {
  682. padding: 15px;
  683. text-transform: uppercase;
  684. font-family: Lato;
  685. letter-spacing: 1px;
  686. font-size: 10px;
  687. text-align: center;
  688. font-weight: bold;
  689. }
  690.  
  691.  
  692. /* notes */
  693. ol.notes blockquote {
  694. margin-left: 0px;
  695. margin-right: 0px;
  696. margin-bottom: 0px;
  697. padding: 3px 5px 3px 5px;
  698. }
  699.  
  700. ol.notes {
  701. text-align:left;
  702. padding: 0px;
  703. margin: 0px 0px;
  704. list-style-type: lower-roman;
  705. }
  706.  
  707. ol.notes li.note{
  708. font-size: 9px;
  709. list-style-type:none;
  710. text-transform: uppercase;
  711. line-height: 13px;
  712. letter-spacing: 1px;
  713. padding: 5px;
  714. }
  715.  
  716. ol.notes li.note img.avatar {
  717. display: none;
  718. }
  719.  
  720. .avatar_frame{
  721. display:none;
  722. }
  723.  
  724. {CustomCSS}
  725.  
  726. </style>
  727.  
  728. <script src="https://static.tumblr.com/ta26uqw/yqQn9iy9c/jquery-1.7.1.min.js"></script>
  729.  
  730. <!-- Style my tooltips -->
  731. <script src="https://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  732.  
  733. <script>
  734. (function($){
  735. $(document).ready(function(){
  736. $("a[title]").style_my_tooltips({
  737. tip_follows_cursor:true,
  738. tip_delay_time:0,
  739. tip_fade_speed:0,
  740. attribute:"title"
  741. });
  742. });
  743. })(jQuery);
  744. </script>
  745.  
  746.  
  747. </head>
  748. <body>
  749.  
  750. <div id="all">
  751. <div id="container">
  752.  
  753. {block:Posts}
  754.  
  755. <div class="entry">
  756.  
  757. {block:Text}
  758. {block:Title}<h1>{Title}</h1>{/block:Title}
  759. {Body}
  760. {/block:Text}
  761.  
  762. {block:Photo}
  763. <img src="{PhotoURL-400}" alt="{PhotoAlt}"/>
  764. {block:IfShowCaptions}{block:Caption}{Caption}{/block:Caption}{/block:IfShowCaptions}
  765. {/block:Photo}
  766.  
  767. {block:Panorama}
  768. {LinkOpenTag}<img src="{PhotoURL-Panorama}" alt="{PhotoAlt}"/>{LinkCloseTag}
  769. {block:IfShowCaptions}{block:Caption}{Caption}{/block:Caption}{/block:IfShowCaptions}
  770. {/block:Panorama}
  771.  
  772. {block:Photoset}
  773. {Photoset-400}
  774. {block:IfShowCaptions}{block:Caption}{Caption}{/block:Caption}{/block:IfShowCaptions}
  775. {/block:Photoset}
  776.  
  777. {block:Quote}
  778. <div class="quote">"{Quote}"</div>
  779. {block:Source}<div class="source">{Source}</div>{/block:Source}
  780. {/block:Quote}
  781.  
  782. {block:Link}
  783. <h1><a href="{URL}" class="link" {Target}>{Name}</a></h1>
  784. {block:Description}{Description}{/block:Description}
  785. {/block:Link}
  786.  
  787. {block:Chat}
  788. {block:Title}<h1>{Title}</h1>{/block:Title}
  789. <div class="chat">
  790. <div class="chat1">
  791. {block:Lines}
  792. <div class="chat2 {Alt}">
  793. {block:Label}
  794. {Label}
  795. {/block:Label}
  796. {Line} </div>
  797. {/block:Lines}
  798. </div>
  799. </div>
  800. {/block:Chat}
  801.  
  802. {block:Video}
  803. {Video-400}
  804. {block:IfShowCaptions}{block:Caption}{Caption}{/block:Caption}{/block:IfShowCaptions}
  805. {/block:Video}
  806.  
  807. {block:Audio}
  808. {block:AlbumArt}
  809. <center><img src="{AlbumArtURL}" style="width: 177px; border: 15px solid #f1f1f1;"></center>
  810. {/block:AlbumArt}
  811. <center>{AudioPlayer}</center>
  812. <center>{block:TrackName}<br><b>{TrackName}</b>{/block:TrackName}{block:Artist} by {Artist}{/block:Artist}</center>
  813. {block:IfShowCaptions}{block:Caption}{Caption}{/block:Caption}{/block:IfShowCaptions}
  814. {/block:Audio}
  815.  
  816.  
  817. {block:Answer}
  818. <div id="askin"><img src="{AskerPortraitURL-48}">
  819. <div id="asker">{Asker} said:</div>
  820. <br>{Question}</div>
  821. {block:NotReblog}{Answer}{/block:NotReblog}
  822. {block:RebloggedFrom}{block:Answerer}
  823. <div id="askin" style="margin-top: 10px; padding: 8px 10px 4px 10px;">
  824. <div id="asker" style="margin-left: 0px; padding-top: 0px;">{Answerer} said:</div>
  825. {Answer}
  826. </div>
  827. {/block:Answerer}{/block:RebloggedFrom}
  828. {/block:Answer}
  829.  
  830. {block:IndexPage}
  831.  
  832. <!-- date -->
  833. {block:Date}<div id="date">
  834. <a href="{permalink}" title="Permalink Page">{DayOfMonth}
  835. <div class="month">{ShortMonth}</div>
  836. </a>
  837. </div>{/block:Date}
  838.  
  839. <div id="notes">
  840. {NoteCountWithLabel}&nbsp;&nbsp;&nbsp;&nbsp;/&nbsp;&nbsp;&nbsp;&nbsp;<a href="{reblogurl}" target="_blank">Reblog</a>{block:RebloggedFrom}&nbsp;&nbsp;&nbsp;&nbsp;/&nbsp;&nbsp;&nbsp;&nbsp;<a href="{ReblogParentURL}" title="{ReblogParentName}">Via</a>{/block:RebloggedFrom}{block:ContentSource}&nbsp;&nbsp;&nbsp;&nbsp;/&nbsp;&nbsp;&nbsp;&nbsp;<a href="{SourceURL}" title="{SourceTitle}"> Source</a>{/block:ContentSource}
  841. </div>
  842.  
  843.  
  844. {block:ifShowTags}
  845. <!-- tag -->
  846. <div id="tag">
  847. {block:HasTags}{block:Tags}
  848. <a href="{TagURL}">.{Tag}</a>
  849. {block:Tags}{/block:HasTags}
  850. </div>
  851. {/block:ifShowTags}
  852.  
  853. {/block:IndexPage}
  854.  
  855. </div><!-- /div entry -->
  856.  
  857. {block:PostNotes}<div class="entry">{PostNotes}</div>{/block:PostNotes}
  858.  
  859. {/block:Posts}
  860.  
  861.  
  862. <div id="sidebar">
  863. <div id="navigation">
  864. <a href="/"><i class="fas fa-home"></i>
  865. <div class="navi">index</div>
  866. </a>
  867. <a href="/archive"><i class="fas fa-paperclip"></i>
  868. <div class="navi">archive</div>
  869. </a>
  870. <a href="https://girl0nfire.tumblr.com/" title="GOF Themes"><i class="far fa-heart "></i>
  871. <div class="navi">theme</div>
  872. </a>
  873. </div>
  874.  
  875. <img src="{image:Sidebar Image}">
  876.  
  877. <div class="naah">
  878. <a class="about">about the blog</a>
  879. <a class="links">Navigation</a>
  880. <a class="ask">Contact me</a>
  881. </div>
  882.  
  883. {block:Pagination}
  884. <div class="text">
  885. <div id="pagination">
  886. {block:PreviousPage}
  887. <a href="{PreviousPage}"><</a>
  888. {/block:PreviousPage}
  889. {block:JumpPagination length="4"}
  890. {block:CurrentPage}
  891. <span class="selectedpage">X</span>
  892. {/block:CurrentPage}
  893. {block:JumpPage}
  894. <a class="jump_page" href="{URL}">{PageNumber}</a>
  895. {/block:JumpPage}
  896. {/block:JumpPagination}
  897. {block:NextPage}
  898. <a href="{NextPage}">></a>
  899. {/block:NextPage}
  900. </div>
  901. </div>
  902. {/block:Pagination}
  903.  
  904. <div class="text">
  905. © Coded by the <a href="https://girl0nfire.tumblr.com">Girl 0n Fire</a>, 2020.
  906. <br>Powered by Tumblr.
  907. </div>
  908.  
  909.  
  910. </div>
  911.  
  912.  
  913. </div><!-- /div container -->
  914. </div><!-- /div all -->
  915.  
  916.  
  917. <!-- STARTS ABOUT!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
  918. <div id="about" class="aboutt">
  919. <div id="closea" title="close"><i class="far fa-times-circle"></i></div>
  920. <div id="title">{text:Know More Title}</div>
  921. <div class="holder">
  922. <h1>About me</h1>
  923. <div class="text">{text:Know More Text}</div>
  924. {Block:IfShowStatus}
  925. <h1>Status</h1>
  926. <div class="text">
  927. {block:IfOnlineCounter}
  928. <div class="line"><b>Online:</b> {text:Online Counter}</div>
  929. {/block:IfOnlineCounter}
  930. {block:IfVisitsCounter}
  931. <div class="line"><b>Visits:</b> {text:Visits Counter}</div>
  932. {/block:IfVisitsCounter}
  933. {Block:IfAge}
  934. <div class="line"><b>Age:</b> {text:Age}</div>
  935. {Block:IfAge}
  936. {Block:IfGender}
  937. <div class="line"><b>Gender:</b> {text:Gender}</div>
  938. {Block:IfGender}
  939. {Block:IfStatus}
  940. <div class="line"><b>Status:</b> {text:Status}</div>
  941. {Block:IfStatus}
  942. {Block:IfCurrently}
  943. <div class="line"><b>Currently:</b> {text:Currently}</div>
  944. {Block:IfCurrently}
  945. {Block:IfWatching}
  946. <div class="line"><b>Watching:</b> {text:Watching}</div>
  947. {Block:IfWatching}
  948. {Block:IfReading}
  949. <div class="line"><b>Reading:</b> {text:Reading}</div>
  950. {Block:IfReading}
  951. </div>
  952. {/Block:IfShowStatus}
  953.  
  954. {Block:IfShowUpdates}
  955. <h1>Updates</h1>
  956. <div class="text">
  957. {block:IfUpdate1}
  958. <div class="update">
  959. {text:Update 1}
  960. <br><i class="fas fa-pencil-alt"></i> <b>{text:Update 1 Date}</b>
  961. </div>
  962. {block:IfUpdate1}
  963. {block:IfUpdate2}
  964. <div class="update">
  965. {text:Update 2}
  966. <br><i class="fas fa-pencil-alt"></i> <b>{text:Update 2 Date}</b>
  967. </div>
  968. {block:IfUpdate2}
  969. {block:IfUpdate3}
  970. <div class="update">
  971. {text:Update 3}
  972. <br><i class="fas fa-pencil-alt"></i> <b>{text:Update 3 Date}</b>
  973. </div>
  974. {block:IfUpdate3}
  975. {block:IfUpdate4}
  976. <div class="update">
  977. {text:Update 4}
  978. <br><i class="fas fa-pencil-alt"></i> <b>{text:Update 4 Date}</b>
  979. </div>
  980. {block:IfUpdate4}
  981. {block:IfUpdate5}
  982. <div class="update">
  983. {text:Update 5}
  984. <br><i class="fas fa-pencil-alt"></i> <b>{text:Update 5 Date}</b>
  985. </div>
  986. {block:IfUpdate5}
  987. </div>
  988. {/Block:IfShowUpdates}
  989. </div>
  990. </div>
  991.  
  992.  
  993. <!-- STARTS LINKS!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
  994. <div id="links" class="linkss">
  995. <div id="closel" title="close"><i class="far fa-times-circle"></i></div>
  996. <div id="title">navigation</div>
  997. <div class="holder">
  998. <div class="text">
  999. <div class="links">
  1000. {block:ifLink1Title}<a href="{text:Link 1 URL}">
  1001. <i class="far fa-copy"></i>&nbsp;&nbsp;{text:Link 1 Title}</a>{/block:ifLink1Title}
  1002. {block:ifLink2Title}<a href="{text:Link 2 URL}">
  1003. <i class="far fa-images"></i>&nbsp;&nbsp;{text:Link 2 Title}</a>{/block:ifLink2Title}
  1004. {block:ifLink3Title}<a href="{text:Link 3 URL}">
  1005. <i class="far fa-paper-plane"></i>&nbsp;&nbsp;{text:Link 3 Title}</a>{/block:ifLink3Title}
  1006. {block:ifLink4Title}<a href="{text:Link 4 URL}">
  1007. <i class="far fa-file-alt"></i>&nbsp;&nbsp;{text:Link 4 Title}</a>{/block:ifLink4Title}
  1008. {block:HasPages}
  1009. {block:Pages}<a href="{URL}"><i class="far fa-newspaper"></i>&nbsp;&nbsp;{Label}</a>{/block:Pages}
  1010. {/block:HasPages}
  1011. </div>
  1012.  
  1013.  
  1014. {Block:IfShowSearchBox}
  1015. <h1>Search this blog</h1>
  1016. <div id="searchbox">
  1017. <form action="/search" method="get" class="sfm">
  1018. <input type="text" name="q" value="{SearchQuery}" id="sf"/>
  1019. <input type="submit" value="SEARCH" id="sb"/>
  1020. </form>
  1021. </div>
  1022. {/Block:IfShowSearchBox}
  1023. </div>
  1024. </div>
  1025. </div>
  1026.  
  1027.  
  1028. <!-- STARTS ASK!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
  1029. <div id="ask" class="askk">
  1030. <div id="closeaa" title="close"><i class="far fa-times-circle"></i></div>
  1031. <div id="title">contact me</div>
  1032. <div class="holder" style="text-align: justify;">
  1033. {text:Ask Box Text}
  1034. <p><iframe frameborder="0" height="250" id="ask_form" scrolling="no" src="https://www.tumblr.com/ask_form/{Name}.tumblr.com" width="100%" style="background-color: transparent; overflow: hidden;"></iframe></p>
  1035.  
  1036. {Block:IfShowSocial}
  1037. <h1>Outside of tumblr</h1>
  1038. <div class="text">
  1039. <div class="social">
  1040. {block:ifFacebookURL}
  1041. <a href="{text:Facebook URL}"><i class="fab fa-facebook"></i></a>
  1042. {/block:ifFacebookURL}
  1043. {block:ifYoutubeURL}
  1044. <a href="{text:Youtube URL}"><i class="fab fa-youtube"></i></a>
  1045. {/block:ifYoutubeURL}
  1046. {block:ifTwitterURL}
  1047. <a href="{text:Twitter URL}"><i class=" fab fa-twitter"></i></a>
  1048. {/block:ifTwitterURL}
  1049. {block:ifInstagramURL}
  1050. <a href="{text:Instagram URL}"><i class="fab fa-instagram"></i></a>
  1051. {/block:ifInstagramURL}
  1052. </div>
  1053. </div>
  1054. {/Block:IfShowSocial}
  1055. </div>
  1056. </div>
  1057.  
  1058. <!-- scripts // please do not edit, things may not work if you do so -->
  1059. <script>
  1060. $(document).ready(function(){
  1061. $(".about").click(function(){
  1062. $("#about").slideDown(500);
  1063. });
  1064. });
  1065. </script>
  1066.  
  1067. <script>
  1068. $(document).ready(function(){
  1069. $("#closea").click(function(){
  1070. $("#about").slideUp(500);
  1071. });
  1072. });
  1073. </script>
  1074.  
  1075. <script>
  1076. $(document).ready(function(){
  1077. $(".links").click(function(){
  1078. $("#links").slideDown(500);
  1079. });
  1080. });
  1081. </script>
  1082.  
  1083. <script>
  1084. $(document).ready(function(){
  1085. $("#closel").click(function(){
  1086. $("#links").slideUp(500);
  1087. });
  1088. });
  1089. </script>
  1090.  
  1091. <script>
  1092. $(document).ready(function(){
  1093. $(".ask").click(function(){
  1094. $("#ask").slideDown(500);
  1095. });
  1096. });
  1097. </script>
  1098.  
  1099. <script>
  1100. $(document).ready(function(){
  1101. $("#closeaa").click(function(){
  1102. $("#ask").slideUp(500);
  1103. });
  1104. });
  1105. </script>
  1106.  
  1107. </body>
  1108. </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!