API tools faq
paste
Advertisement
infini-themes

Pride Theme

infini-themes
May 28th, 2019
3,840
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 30.55 KB | None | 0 0
raw download clone embed print report
  1. <!-- credit to @fourleggedsandwich
  2.  
  3.  
  4. -->
  5.  
  6. <!DOCTYPE html>
  7. <html>
  8.  
  9.  
  10. <meta name="color:Background" content="#f6f6f6"/>
  11. <meta name="color:Text" content="#909090"/>
  12. <meta name="color:Navigation Links" content="#69100d">
  13. <meta name="color:Link" content="#B49594"/>
  14. <meta name="color:Post BG" content="#ffffff"/>
  15. <meta name="color:Border" content="#e9e9e9"/>
  16. <meta name="color:Accent" content="#B49594">
  17. <meta name="color:Highlight" content="#B49594">
  18. <meta name="color:Sidebar BG" content="#fff">
  19. <meta name="color:Flag Color 1" content="#ffe7e6">
  20. <meta name="color:Flag Color 2" content="#ffc4c2">
  21. <meta name="color:Flag Color 3" content="#ff8d8a">
  22. <meta name="color:Flag Color 4" content="#ff645f">
  23. <meta name="color:Flag Color 5" content="#ff3e37">
  24. <meta name="color:Flag Color 6" content="#c21c16">
  25. <meta name="color:Flag Color 7" content="#981f1b">
  26. <meta name="color:Flag Color 8" content="#69100d">
  27.  
  28. <meta name="image:Background" content=""/>
  29. <meta name="image:Sidebar" content=""/>
  30. <meta name="image:Rightside Image" content=""/>
  31. <meta name="image:Favicon" content=""/>
  32.  
  33. <meta name="if:gay flag" content="1"/>
  34. <meta name="if:lesbian flag" content="0"/>
  35. <meta name="if:trans flag" content="0"/>
  36. <meta name="if:bi flag" content="0"/>
  37. <meta name="if:pan flag" content="0"/>
  38. <meta name="if:ace flag" content="0"/>
  39. <meta name="if:aro flag" content="0"/>
  40. <meta name="if:aroace flag" content="0"/>
  41. <meta name="if:nonbinary flag" content="0"/>
  42. <meta name="if:3 stripe flag" content="0"/>
  43. <meta name="if:4 stripe flag" content="0"/>
  44. <meta name="if:5 stripe flag" content="0"/>
  45. <meta name="if:6 stripe flag" content="0"/>
  46. <meta name="if:7 stripe flag" content="0"/>
  47. <meta name="if:8 stripe flag" content="0"/>
  48.  
  49. <meta name="text:Title Font Size" content="2em"/>
  50. <meta name="text:Post Title Font Size" content="14px"/>
  51. <meta name="text:Font Size" content="14px"/>
  52. <meta name="text:Link 1 Title" content="one"/>
  53. <meta name="text:Link 1 url" content="/"/>
  54. <meta name="text:Link 2 Title" content="two"/>
  55. <meta name="text:Link 2 url" content="/"/>
  56. <meta name="text:Link 3 Title" content="three"/>
  57. <meta name="text:Link 3 url" content="/"/>
  58.  
  59. <meta name="select:Font" content="trebuchet ms">
  60. <meta name="select:Font" content="lucida console">
  61. <meta name="select:Font" content="times new roman">
  62. <meta name="select:Font" content="georgia">
  63. <meta name="select:Font" content="verdana">
  64. <meta name="select:Font" content="courier new">
  65. <meta name="select:Font" content="arial">
  66. <meta name="select:Font" content="calibri">
  67. <meta name="select:Font" content="consolas">
  68. <meta name="select:Font" content="ms gothic">
  69.  
  70. <meta name="select:Title Font" content="trebuchet ms">
  71. <meta name="select:Title Font" content="lucida console">
  72. <meta name="select:Title Font" content="times new roman">
  73. <meta name="select:Title Font" content="georgia">
  74. <meta name="select:Title Font" content="verdana">
  75. <meta name="select:Title Font" content="courier new">
  76. <meta name="select:Title Font" content="arial">
  77. <meta name="select:Title Font" content="calibri">
  78. <meta name="select:Title Font" content="consolas">
  79. <meta name="select:Title Font" content="ms gothic">
  80.  
  81.  
  82. <title>{title}</title>
  83. <style>
  84.  
  85. <link rel="shortcut icon" href="{image:Favicon}"/>
  86. <style type="text/css">
  87.  
  88. /* TUMBLR CONTROLS */
  89.  
  90. iframe.tmblr-iframe {
  91. z-index:99999999999999!important;
  92. top:0!important;
  93. right:0!important;
  94. opacity:0.4;
  95. /* delete invert(1) from here */
  96. filter:invert(1) contrast(150%);
  97. -webkit-filter:invert(1) contrast(150%);
  98. -o-filter:invert(1) contrast(150%);
  99. -moz-filter:invert(1) contrast(150%);
  100. -ms-filter:invert(1) contrast(150%);
  101. /* to here if your blog has a dark background */
  102. transform:scale(0.65);
  103. transform-origin:100% 0;
  104. -webkit-transform:scale(0.65);
  105. -webkit-transform-origin:100% 0;
  106. -o-transform:scale(0.65);
  107. -o-transform-origin:100% 0;
  108. -moz-transform:scale(0.65);
  109. -moz-transform-origin:100% 0;
  110. -ms-transform:scale(0.65);
  111. -ms-transform-origin:100% 0;}
  112.  
  113. iframe.tmblr-iframe:hover {
  114. opacity:0.6!important;}
  115.  
  116. /* TOOLTIPS */
  117.  
  118. #s-m-t-tooltip{
  119. font-size:8px;
  120. color:#000;
  121. background-color:#fff;
  122. letter-spacing:2px;
  123. min-width:50px;
  124. max-width:200px;
  125. overflow:auto;
  126. text-transform:uppercase;
  127. font-style:italic;
  128. display: none;
  129. position: absolute;
  130. z-index: 999999999999;
  131. padding:5px;
  132. margin:30px 0 15px 10px;
  133. -webkit-transition: all 0.2s ease-in-out;
  134. -moz-transition: all 0.2s ease-in-out;
  135. transition: all 0.2s ease-in-out;}
  136.  
  137. /* SCROLLBAR */
  138.  
  139. ::-webkit-scrollbar {
  140. width: 5px;
  141. height: 5px;
  142. }
  143. ::-webkit-scrollbar-button {
  144. width: 0px;
  145. height: 0px;
  146. }
  147. ::-webkit-scrollbar-thumb {
  148. background: #e1e1e1;
  149. border: 0px none #ffffff;
  150. border-radius: 50px;
  151. }
  152.  
  153. /* SELECTION */
  154.  
  155. ::selection {
  156. color: #B49594;
  157. background: #ffffff;
  158. }
  159. ::-moz-selection {
  160. color: #B49594;
  161. background: #ffffff;
  162. }
  163.  
  164. #content {
  165. margin-left:30%;
  166. margin-top:30px;
  167. width: 900px; /*changes # of columns*/
  168. float: left;
  169. }
  170.  
  171. body {
  172. background-color: {color:background};
  173. background-image: url({image:Background});
  174. background-attachment:fixed;
  175. background-repeat:repeat;
  176. background-position:center;
  177. font-family: {select:font};
  178. font-size: 14px;
  179. color:{color:Text};
  180. }
  181.  
  182. a {
  183. color: {color:link};
  184. text-decoration:none;
  185. }
  186.  
  187. blockquote {
  188. padding-left:5px;
  189. border-left:1px dotted;
  190. color:{color:Text};
  191. width: 370px;
  192. margin-left:3px;
  193. margin-bottom:5px;
  194. }
  195.  
  196. iframe, img, embed, object, video {
  197. max-width: 100%;
  198. }
  199.  
  200. img {
  201. height: auto;
  202. width: auto;
  203. }
  204. .wrapper {
  205. background: linear-gradient(124deg, #ff2400, #e81d1d, #e8b71d, #e3e81d, #1de840, #1ddde8, #2b1de8, #dd00f3, #dd00f3);
  206. background-size: 1800% 1800%;
  207.  
  208. -webkit-animation: rainbow 18s ease infinite;
  209. -z-animation: rainbow 18s ease infinite;
  210. -o-animation: rainbow 18s ease infinite;
  211. animation: rainbow 18s ease infinite;}
  212.  
  213. @-webkit-keyframes rainbow {
  214. 0%{background-position:0% 82%}
  215. 50%{background-position:100% 19%}
  216. 100%{background-position:0% 82%}
  217. }
  218. @-moz-keyframes rainbow {
  219. 0%{background-position:0% 82%}
  220. 50%{background-position:100% 19%}
  221. 100%{background-position:0% 82%}
  222. }
  223. @-o-keyframes rainbow {
  224. 0%{background-position:0% 82%}
  225. 50%{background-position:100% 19%}
  226. 100%{background-position:0% 82%}
  227. }
  228. @keyframes rainbow {
  229. 0%{background-position:0% 82%}
  230. 50%{background-position:100% 19%}
  231. 100%{background-position:0% 82%}
  232. }
  233.  
  234. #sidebar {
  235. height: 100%;
  236. width: 300px;
  237. position: fixed;
  238. z-index: 1;
  239. top: 0;
  240. left: 0;
  241. overflow-x: hidden;
  242. padding-top: 20px;
  243. background: {color:sidebar bg};
  244. color:{color:font};
  245. font-size: 10px;
  246. font-family:{select:font};
  247. text-align:center;
  248. {block:IfGayFlag}
  249. box-shadow:
  250. 20px 0px 0px #E70000,
  251. 40px 0px 0px #FF8C00,
  252. 60px 0px 0px #FFEF00,
  253. 80px 0px 0px #00811F,
  254. 100px 0px 0px #0044FF,
  255. 120px 0px 0px #760089,
  256. {/block:IfGayFlag}
  257.  
  258. {block:IfLesbianFlag}
  259. box-shadow:
  260. 17px 0px 0px #d52d00,
  261. 34px 0px 0px #ef7627,
  262. 51px 0px 0px #ff9a56,
  263. 68px 0px 0px #ffffff,
  264. 85px 0px 0px #d162a4,
  265. 102px 0px 0px #b55690,
  266. 120px 0px 0px #a30262,
  267. {/block:IfLesbianFlag}
  268.  
  269. {block:IfTransFlag}
  270. box-shadow:
  271. 24px 0px 0px #5bcefa,
  272. 48px 0px 0px #f5a9b8,
  273. 72px 0px 0px #ffffff,
  274. 96px 0px 0px #f5a9b8,
  275. 120px 0px 0px #5bcefa,
  276. {/block:IfTransFlag}
  277.  
  278. {block:IfBiFlag}
  279. box-shadow:
  280. 45px 0px 0px #d60270,
  281. 75px 0px 0px #9b4f96,
  282. 120px 0px 0px #0038a8,
  283. {/block:IfBiFlag}
  284.  
  285. {block:IfPanFlag}
  286. box-shadow:
  287. 40px 0px 0px #ff218c,
  288. 80px 0px 0px #ffd800,
  289. 120px 0px 0px #21b1ff,
  290. {/block:IfPanFlag}
  291.  
  292. {block:IfAceFlag}
  293. box-shadow:
  294. 30px 0px 0px #000000,
  295. 60px 0px 0px #7f7f7f,
  296. 90px 0px 0px #fff,
  297. 120px 0px 0px #660066,
  298. {/block:IfAceFlag}
  299.  
  300. {block:IfAroFlag}
  301. box-shadow:
  302. 24px 0px 0px #3ca641,
  303. 48px 0px 0px #aad279,
  304. 72px 0px 0px #fff,
  305. 96px 0px 0px #a9a9a9,
  306. 120px 0px 0px #000,
  307. {/block:IfAroFlag}
  308.  
  309. {block:IfAroaceFlag}
  310. box-shadow:
  311. 15px 0px 0px #3ca641,
  312. 30px 0px 0px #aad279,
  313. 45px 0px 0px #fff,
  314. 60px 0px 0px #a9a9a9,
  315. 75px 0px 0px #000,
  316. 90px 0px 0px #7f7f7f,
  317. 105px 0px 0px #fff,
  318. 120px 0px 0px #660066,
  319. {/block:IfAroaceFlag}
  320.  
  321. {block:IfNonbinaryFlag}
  322. box-shadow:
  323. 30px 0px 0px #fff430,
  324. 60px 0px 0px #ffffff,
  325. 90px 0px 0px #9c59d1,
  326. 120px 0px 0px #000000,
  327. {/block:IfNonbinaryFlag}
  328.  
  329. {block:If3StripeFlag}
  330. box-shadow:
  331. 40px 0px 0px {color:flag color 1},
  332. 80px 0px 0px {color:flag color 2},
  333. 120px 0px 0px {color:flag color 3},
  334. {/block:If3StripeFlag}
  335.  
  336. {block:If4StripeFlag}
  337. box-shadow:
  338. 30px 0px 0px {color:flag color 1},
  339. 60px 0px 0px {color:flag color 2},
  340. 90px 0px 0px {color:flag color 3},
  341. 120px 0px 0px {color:flag color 4},
  342. {/block:If4StripeFlag}
  343.  
  344. {block:If5StripeFlag}
  345. box-shadow:
  346. 24px 0px 0px {color:flag color 1},
  347. 48px 0px 0px {color:flag color 2},
  348. 72px 0px 0px {color:flag color 3},
  349. 96px 0px 0px {color:flag color 4},
  350. 120px 0px 0px {color:flag color 5},
  351. {/block:If5StripeFlag}
  352.  
  353. {block:If6StripeFlag}
  354. box-shadow:
  355. 20px 0px 0px {color:flag color 1},
  356. 40px 0px 0px {color:flag color 2},
  357. 60px 0px 0px {color:flag color 3},
  358. 80px 0px 0px {color:flag color 4},
  359. 100px 0px 0px {color:flag color 5},
  360. 120px 0px 0px {color:flag color 6},
  361. {/block:If6StripeFlag}
  362.  
  363.  
  364. {block:If7StripeFlag}
  365. box-shadow:
  366. 17px 0px 0px {color:flag color 1},
  367. 34px 0px 0px {color:flag color 2},
  368. 51px 0px 0px {color:flag color 3},
  369. 68px 0px 0px {color:flag color 4},
  370. 85px 0px 0px {color:flag color 5},
  371. 102px 0px 0px {color:flag color 6},
  372. 120px 0px 0px {color:flag color 7},
  373. {/block:If7StripeFlag}
  374.  
  375. {block:If8StripeFlag}
  376. box-shadow:
  377. 15px 0px 0px {color:flag color 1},
  378. 30px 0px 0px {color:flag color 2},
  379. 45px 0px 0px {color:flag color 3},
  380. 60px 0px 0px {color:flag color 4},
  381. 75px 0px 0px {color:flag color 5},
  382. 90px 0px 0px {color:flag color 6},
  383. 105px 0px 0px {color:flag color 7},
  384. 120px 0px 0px {color:flag color 8},
  385. {/block:If8StripeFlag}
  386. 120px 5px 5px 2px rgba(0,0,0,0.5);
  387. }
  388.  
  389. .sidebarimage{
  390. height: 220px;
  391. width: 220px;
  392. position: fixed;
  393. z-index:50;
  394. margin-left: 40px;
  395. margin-top:20px;
  396. border: 5px solid transparent;
  397. border-image: linear-gradient(to bottom right, #b827fc 0%, #2c90fc 25%, #b8fd33 50%, #fec837 75%, #fd1892 100%);
  398. border-image-slice: 1;
  399. }
  400. .rightsideimage{
  401. width: 350px;
  402. position: fixed;
  403. right: -10px;
  404. bottom:-10px;
  405. opacity: .5;
  406. }
  407.  
  408. #blogtitle {
  409. font-size: {text:title font size};
  410. margin-top: 250px;
  411. padding-left:5px;
  412. padding-right:5px;
  413. font-family: {select:title font};
  414. background-image: linear-gradient(to left, violet, indigo, blue, green, yellow, orange, red);
  415. -webkit-background-clip: text;
  416. -webkit-text-fill-color: transparent;
  417. }
  418.  
  419. .description {
  420. text-align:center;
  421. padding-left:10px;
  422. font-size:14px;
  423. font-family: {select:font};
  424. }
  425.  
  426. #navlinks {
  427. margin-top:10px;
  428. font-family: {select:font};
  429. text-decoration: underline;
  430. }
  431.  
  432. .tags{
  433. text-align: left;
  434. }
  435.  
  436. article {
  437. background: {color:post bg};
  438. margin-left: 150px;
  439. color:{color:Text};
  440. margin-top: 12px;
  441. margin-bottom: 12px;
  442. padding: 10px;
  443. width: 450px!important;
  444. border: 5px solid transparent;
  445. border-image: linear-gradient(to bottom right, #b827fc 0%, #2c90fc 25%, #b8fd33 50%, #fec837 75%, #fd1892 100%);
  446. border-image-slice: 1;
  447. overflow:auto;
  448. box-shadow: 10px 10px 0px rgba(0,0,0,0.2);
  449. }
  450.  
  451. article img {
  452. }
  453.  
  454. .title {
  455. text-align:center;
  456. text-transform:uppercase;
  457. font-family: {select:font};
  458. font-size: 14px;
  459. }
  460.  
  461. .text {
  462. font-family: {select:font};
  463. font-size: 14px;
  464. color:{color:Text};
  465. width:100%;
  466. }
  467.  
  468. .photo {
  469. }
  470.  
  471. .photoset {
  472. }
  473.  
  474. .quote {
  475. text-align:center;
  476. }
  477.  
  478. .link {
  479. }
  480.  
  481. .audio {
  482. width:100%;
  483. }
  484.  
  485. .video{
  486. }
  487.  
  488. .video-player {
  489. }
  490.  
  491. .answer {
  492. }
  493.  
  494. .ques {
  495. font-weight:bolder;
  496. }
  497.  
  498. .ans {
  499. font-style:italic;
  500. }
  501.  
  502. .chat{
  503. margin-left:-30px;
  504. }
  505.  
  506. .chat span {
  507. float: left;
  508. margin-right: 10px;
  509. }
  510.  
  511. .chat:nth-child(even) {
  512. background:#f9f9f9;
  513. }
  514.  
  515. .odd{
  516. background:#f6f6f6;
  517. }
  518.  
  519. #perma {
  520. text-align: center;
  521. position: relative;
  522. text-transform:uppercase;
  523. margin-top:2px;
  524. padding:4px;
  525. font-size: {text:font size};
  526.  
  527. }
  528.  
  529. .tumblr_audio_player {
  530. width: 100%;
  531. height: 100px;
  532. overflow: hidden;
  533. position: relative;
  534. z-index: 1000;
  535. }
  536.  
  537. .pagination {
  538.  
  539. }
  540.  
  541.  
  542. .pagination a {
  543. color:#006f94;
  544. font-size: {text:font size};
  545. font-family: {select:font};
  546. -webkit-transition: all 0.7s ease;
  547. -moz-transition: all 0.7s ease;
  548. -o-transition: all 0.7s ease;
  549. background-color:{color:flag color 7};
  550. margin-top:15px;
  551. padding: 10px 10px;
  552. border-radius: 5px;
  553. display: inline-block;
  554. color: {color:Navigation Links};
  555.  
  556. }
  557.  
  558. .pagination a:hover {
  559. color:#ffffff;
  560. }
  561.  
  562. .pagination span {
  563. cursor: pointer;
  564. display: inline-block;
  565. position: relative;
  566. transition: 0.5s;
  567. }
  568.  
  569. .pagination span:after {
  570. position: absolute;
  571. opacity: 0;
  572. top: 0;
  573. right: -20px;
  574. transition: 0.5s;
  575. }
  576.  
  577.  
  578.  
  579. hr {
  580. width:75%;
  581. border-top:1px solid ;
  582. }
  583.  
  584. caption {
  585. margin:12px;
  586. }
  587.  
  588. .button {
  589. display: inline-block;
  590. font-size:14px;
  591. font-family:{select:font};
  592. background-color: #f4511e;
  593. border: none;
  594. color: {color:Navigation Links};
  595. text-align: center;
  596. padding: 5px;
  597. width: 100%;
  598. transition: all 0.5s;
  599. cursor: pointer;
  600. box-shadow: 0px 10px 5px rgba(0,0,0,0.2);
  601. }
  602.  
  603. .button span {
  604. cursor: pointer;
  605. display: inline-block;
  606. position: relative;
  607. text-decoration: underline;
  608. transition: 0.5s;
  609. }
  610.  
  611. .button span:after {
  612. content: '\00bb';
  613. position: absolute;
  614. opacity: 0;
  615. top: 0;
  616. right: -10px;
  617. text-decoration: underline;
  618. transition: 0.5s;
  619. }
  620.  
  621. .button:hover span {
  622. padding-right: 15px;
  623. }
  624.  
  625. .button:hover span:after {
  626. opacity: 1;
  627. right: 0;
  628. }
  629. .button1 {background-color: {color:Flag Color 1}}
  630. .button2 {background-color: {color:flag color 2}}
  631. .button3 {background-color: {color:flag color 3}}
  632. .button4 {background-color: {color:flag color 4}}
  633. .button5 {background-color: {color:flag color 5}}
  634. .button6 {background-color: {color:flag color 6}}
  635. .button7 {background-color: {color:flag color 7}}
  636. border-radius:50%;
  637. }
  638. .updates { width:110px; /* this will change the width of the entire tab */ font-size:10px; /* changing this will scale all of the text */ } .ut, .updates .text { border-color:#f0f0f0; /* border colour of the boxes */ background:#ffffff; /* background colour of the boxes */ } .updates .text { padding:10px; /* padding around the updates tab text */ } iframe.tmblr-iframe { opacity:0; display:none!important;} .ccontrols { position:fixed; top:0; right:0; z-index:9999999999999; margin:4px;} .ccontrols a { display:block; float:left; margin:4px!important; width:13px; height:13px; background:#f8f8f8;/* change this to change the background of the links */ padding:5px; } .ccontrols a svg { width:13px; height:13px;} .ccontrols a svg path { fill:#888888;/* change this to change the color of the links */ transition:all 0.6s ease-in-out; -webkit-transition:all 0.6s ease-in-out; -o-transition:all 0.6s ease-in-out; -moz-transition:all 0.6s ease-in-out; -ms-transition:all 0.6s ease-in-out;} .ccontrols a:hover svg path { fill:#cccccc;/* change this to change the color of the links on hover*/ transition:all 0.6s ease-in-out; -webkit-transition:all 0.6s ease-in-out; -o-transition:all 0.6s ease-in-out; -moz-transition:all 0.6s ease-in-out; -ms-transition:all 0.6s ease-in-out;} a.like .like_button iframe { position:absolute; top:0; left:0; bottom:0; right:0; z-index:2; opacity:0.0000001; width:100%; height:100%;} a.like .liked + svg path { fill:red!important;} iframe.tmblr-iframe {
  639. opacity:0;
  640. display:none!important;}
  641.  
  642. .ccontrols {
  643. position:fixed;
  644. top:0;
  645. right:0;
  646. z-index:9999999999999;
  647. margin:4px;}
  648.  
  649. .ccontrols a {
  650. display:block;
  651. float:left;
  652. margin:4px!important;
  653. width:13px;
  654. height:13px;
  655. background:#f8f8f8;/* change this to change the background of the links */
  656. padding:5px;
  657. line-height:1!important;}
  658.  
  659. .ccontrols a svg {
  660. width:13px;
  661. height:13px;}
  662.  
  663. .ccontrols a svg path {
  664. fill:#888888;/* change this to change the color of the links */
  665. transition:all 0.6s ease-in-out;
  666. -webkit-transition:all 0.6s ease-in-out;
  667. -o-transition:all 0.6s ease-in-out;
  668. -moz-transition:all 0.6s ease-in-out;
  669. -ms-transition:all 0.6s ease-in-out;}
  670.  
  671. .ccontrols a:hover svg path {
  672. fill:#cccccc;/* change this to change the color of the links on hover*/
  673. transition:all 0.6s ease-in-out;
  674. -webkit-transition:all 0.6s ease-in-out;
  675. -o-transition:all 0.6s ease-in-out;
  676. -moz-transition:all 0.6s ease-in-out;
  677. -ms-transition:all 0.6s ease-in-out;}
  678.  
  679. {block:PermalinkPage}a.clike {
  680. position:relative;
  681. display:inline-block;}
  682.  
  683. a.clike .like_button {
  684. position:relative!important;}
  685.  
  686. a.clike .like_button iframe {
  687. position:absolute!important;
  688. top:0!important;
  689. left:0!important;
  690. z-index:2!important;
  691. opacity:0.0000001!important;
  692. width:100%!important;
  693. height:100%!important;}
  694.  
  695. a.clike .liked + svg path {
  696. fill:red!important;}{/block:PermalinkPage}
  697. </style>
  698.  
  699. </head>
  700. <body>
  701.  
  702. <a href="/"><img src="{image:sidebar}" class="sidebarimage"></a>
  703. <img src="{image:rightside image}" class="rightsideimage">
  704. <div id="sidebar">
  705.  
  706.  
  707. <div id="blogtitle" class="wrapper"><a href="/"><b>{title}</b></a></div><hr>
  708.  
  709.  
  710. <div class="description">{description}</div>
  711.  
  712. <div id="navlinks">
  713. <button class="button button1" style="vertical-align:middle"><span><a href="/ask" style="color: {color:Navigation Links};">ask</a></span></button>
  714. <button class="button button2" style="vertical-align:middle"><span><a href="/archive" style="color: {color:Navigation Links};">grid</a></span></button>
  715. <button class="button button3" style="vertical-align:middle"><span><a href="{text:Link 1 url}" style="color: {color:Navigation Links};">{text:Link 1 Title}</a></span></button>
  716. <button class="button button4" style="vertical-align:middle"><span><a href="{text:Link 2 url}" style="color: {color:Navigation Links};">{text:Link 2 Title}</a></span></button>
  717. <button class="button button5" style="vertical-align:middle"><span><a href="{text:Link 3 url}" style="color: {color:Navigation Links};">{text:Link 3 Title}</a></span></button>
  718. <button class="button button6" style="vertical-align:middle"><span><a href="https://fourleggedsandwich.tumblr.com" title="theme by fourleggedsandwich" style="color: {color:Navigation Links};">thm</a></span></button>
  719.  
  720. </div>
  721.  
  722. <div class="pagination">{block:Pagination}
  723. {block:PreviousPage}<a href="{PreviousPage}" style="background-color:{color:flag color 7};"><span>prev</span></a>{/block:PreviousPage} {block:NextPage}<a href="{NextPage}" style="background-color:{color:flag color 8};"><span>next</span></a>
  724. {/block:NextPage}
  725. {/block:Pagination}</div>
  726.  
  727.  
  728. </div>
  729. <nav>
  730. <ul>
  731.  
  732. </ul>
  733. </nav>
  734.  
  735. <div id="content">
  736. {block:Posts}
  737. <article>
  738. {block:Text}
  739. <div class="text">
  740. {block:Title}<h1 class="title">
  741. <a href="{Permalink}">{Title}</a>
  742. </h1><hr>{/block:Title}
  743. {Body}
  744. {/block:Text}
  745.  
  746. {block:Photo}
  747. <div class="photo">
  748. {LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}" />{LinkCloseTag}
  749. {block:Caption}{Caption}{/block:Caption}
  750. {/block:Photo}
  751.  
  752. {block:Photoset}
  753. <div class="photoset">
  754. {block:IndexPage}
  755. {Photoset-500}
  756. {/block:IndexPage}
  757. {block:PermalinkPage}
  758. {Photoset-500}
  759. {/block:PermalinkPage}
  760. {block:Caption}{Caption}{/block:Caption}
  761. {/block:Photoset}
  762.  
  763. {block:Quote}
  764. <div class="quote">
  765. ❝ {Quote} ❞
  766. <br><br>{block:Source}<cite>&mdash; {Source}</cite>{/block:Source}
  767. {/block:Quote}
  768.  
  769. {block:Link}
  770. <div class="link">
  771. <h1 class="title"><a href="{URL}">{Name}</a><hr></h1>
  772. {block:Description}{Description}{/block:Description}
  773. {/block:Link}
  774.  
  775. {block:Chat}
  776. <div class="chat">
  777. <ul>
  778. {block:Lines}
  779. <div class="{Alt} user_{UserNumber}">
  780. {block:Label}
  781. <b>{Label}</b>{/block:Label}
  782. {Line}
  783. </div>
  784. {/block:Lines}
  785. </ul>
  786. {/block:Chat}
  787.  
  788. {block:Audio}
  789. <div class="audio">
  790. {block:AlbumArt}
  791. <img src="{AlbumArtURL}" width="100px" height="100px"/>
  792. {/block:AlbumArt}
  793.  
  794. {block:AudioEmbed}
  795. {AudioEmbed}
  796. {/block:AudioEmbed}<br>
  797.  
  798. {block:TrackName}
  799. <b>track:</b> {TrackName}
  800. {/block:TrackName}</span><br>
  801. {block:Artist}
  802. <b>artist:</b> {Artist}
  803. {/block:Artist}
  804. {block:Caption}
  805. {Caption}
  806. {/block:Caption}
  807. {/block:Audio}
  808.  
  809. {block:Video}
  810. <div class="video">
  811. <div class="video-player">{Video-500}</div>
  812. {block:Caption}{Caption}{/block:Caption}
  813. {/block:Video}
  814.  
  815. {block:Answer}
  816. <div class="answer">
  817. {Asker} asked: <b><div class="ques">{Question}</div></b>
  818. <div class="ans">{Answer}</div>
  819. {/block:Answer}
  820. </div>
  821.  
  822. <div id="perma">
  823.  
  824. <hr><a href="{Permalink}" title="this post has {NoteCount} notes">{NoteCount} <i class="fas fa-heart"></i></a> &nbsp; <a href="{reblogURL}" title="reblog this post">reblog</a> &nbsp; <a href="{Permalink}" title="posted &mdash; {ShortMonth} {DayOfMonth} {Year} {12Hour}:{Minutes}{AmPm}">{TimeAgo}</a>
  825.  
  826. </div>
  827. <ul class="tags">
  828. {block:HasTags}
  829. {block:Tags}
  830. <a href="{TagURL}" style="tags">#{Tag}</a>
  831. {/block:Tags}
  832. {/block:HasTags}
  833. </ul>
  834.  
  835. {block:PermalinkPage}
  836. {block:Date}{Month} {DayOfMonth}{DayOfMonthSuffix}, {Year}{/block:Date}
  837. {block:NoteCount} - {NoteCountWithLabel}{/block:NoteCount}
  838. {block:HasTags}tagged as: {block:Tags}#<a href="{TagURL}">{Tag}</a> {/block:Tags}{/block:HasTags}
  839. {block:RebloggedFrom}<br>source: <a href="{ReblogRootURL}">{ReblogRootName}</a> - via: <a href="{ReblogParentURL}">{ReblogParentName}</a><br>{/block:RebloggedFrom}
  840. {block:PostNotes}{PostNotes-16}{/block:PostNotes}
  841. </div></div>
  842. {/block:PermalinkPage}
  843. </footer>
  844. </article>
  845. {/block:Posts}
  846. </div>
  847.  
  848.  
  849. <!-- CONTROLS -->
  850.  
  851. <div class="ccontrols">
  852. {block:PermalinkPage}{block:Posts}{block:Date}<a href="#" class="clike" title="like">{LikeButton}<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://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="M148,37.8c-3.9,0-7.5,0.6-10.8,1.9c-15.1,5.7-24.6,17.8-29.8,26.7c-6-8.6-16.1-20.5-27.6-24.4c-3.8-1.3-8.1-2-12.3-2c-10.7,0-20.3,4.1-27,11.5c-5.7,6.2-12,18-10,38.8c4.1,42.6,71.5,87.1,74.3,88.9c1,0.7,2.1,1,3.3,1c1.1,0,2.3-0.3,3.3-1c2.7-1.8,66.5-43.6,73.7-86.1c3.7-21.8-2.7-34.9-8.8-42.1C169.2,42.7,158.6,37.8,148,37.8z M173.1,91c-2.6,15.2-15.1,33.4-36.1,52.7c-11.9,10.9-23.5,19.4-29,23.2c-5.7-4-17.9-12.9-30.3-24.3C56,122.5,43.8,104,42.3,89c-1.3-13,1.1-23.2,6.9-29.6c6-6.6,13.9-7.6,18.1-7.6c3,0,5.9,0.5,8.5,1.3c11.4,3.9,23.3,21.7,26.9,28.3c1.1,2.1,3.4,3.3,5.7,3.1c2.4-0.2,4.4-1.7,5.2-4c0.1-0.2,8.2-22.4,27.7-29.7c1.9-0.7,4.2-1.1,6.6-1.1c7.2,0,14.3,3.3,19,9C173.3,66.2,175.5,77.4,173.1,91z"/></svg></a>
  853. <a href="{ReblogURL}" title="reblog"><svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://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="M36.7,39.9c-0.4-3.3,1.9-6.3,5.2-6.7c3.3-0.4,6.3,1.9,6.7,5.2l3.6,27.9c13.6-20.2,36.6-32.7,61.4-32.7c31.6,0,59.7,20.1,70,49.9c1.1,3.1-0.6,6.5-3.7,7.6c-0.6,0.2-1.3,0.3-2,0.3c-2.5,0-4.8-1.6-5.7-4c-8.6-25-32.2-41.8-58.6-41.8c-21.6,0-41.7,11.4-52.9,29.6l30-3.4c3.3-0.4,6.3,2,6.6,5.3s-2,6.3-5.3,6.6l-43.2,4.9c-0.2,0-0.5,0-0.7,0c-3,0-5.6-2.2-5.9-5.2L36.7,39.9z M185.3,120.2l-43.2,4.9c-3.3,0.4-5.7,3.3-5.3,6.6s3.3,5.7,6.6,5.3l26.1-2.9c-10.2,21.5-31.9,35.4-56,35.4c-27.1,0-51.5-18.1-59.3-44c-1-3.2-4.3-5-7.5-4c-3.2,1-5,4.3-4,7.5c4.5,14.9,13.9,28.3,26.3,37.7c12.9,9.7,28.3,14.9,44.5,14.9c29.6,0,56.1-17.6,67.8-44.3l4.2,33.3c0.4,3,3,5.2,5.9,5.2c0.3,0,0.5,0,0.8,0c3.3-0.4,5.6-3.4,5.2-6.7l-5.6-43.5C191.5,122.2,188.6,119.9,185.3,120.2z"/></svg></a>
  854. <a href="{EmbedUrl}" target="_blank" title="embed"><svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://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="M140.7,27H72c-3.3,0-6,2.7-6,6v26H40c-3.3,0-6,2.7-6,6v122c0,3.3,2.7,6,6,6h101c3.3,0,6-2.7,6-6v-27h25c3.3,0,6-2.7,6-6V64.5c0-1.6-0.6-3.1-1.7-4.2L145,28.8C143.9,27.6,142.3,27,140.7,27z M135,181H46V71h20v83c0,3.3,2.7,6,6,6h63V181z M78,148V39h52v34c0,3.3,2.7,6,6,6h30v69H78z M166,67h-24V42.8L166,67L166,67z"/></svg></a>
  855. {/block:Date}{/block:Posts}{/block:PermalinkPage}<a href="https://tumblr.com/follow/{Name}" title="follow"><svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://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="M129.5,38h-43c-3.6,0-6.5,2.9-6.5,6.5V81H43.5c-3.6,0-6.5,2.9-6.5,6.5v42c0,3.6,2.9,6.5,6.5,6.5H80v36.5c0,3.6,2.9,6.5,6.5,6.5h43c3.6,0,6.5-2.9,6.5-6.5V136h35.5c3.6,0,6.5-2.9,6.5-6.5v-42c0-3.6-2.9-6.5-6.5-6.5H136V44.5C136,40.9,133.1,38,129.5,38z M165,94v29h-35.5c-3.6,0-6.5,2.9-6.5,6.5V166H93v-36.5c0-3.6-2.9-6.5-6.5-6.5H50V94h36.5c3.6,0,6.5-2.9,6.5-6.5V51h30v36.5c0,3.6,2.9,6.5,6.5,6.5H165z"/></svg></a>
  856. <a href="https://www.tumblr.com/message/{Name}" target="_blank" title="message"><svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://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="M190.3,118.1c0-22.4-19.7-41.9-47.2-47c-2.6-24.7-28.9-44.3-60.9-44.3c-33.7,0-61.1,21.6-61.1,48.2c0,13.5,7,26.1,19.3,35.2l-4.1,23c-0.4,2.3,0.5,4.6,2.4,5.9c1,0.8,2.3,1.1,3.5,1.1c1,0,2-0.2,2.8-0.7l24-12.9c5.2,22.5,30.2,39.6,60.1,39.6c2.1,0,4.2-0.1,6.3-0.3l30.9,16.6c0.9,0.5,1.9,0.7,2.8,0.7c1.2,0,2.5-0.4,3.5-1.1c1.9-1.3,2.8-3.6,2.4-5.9l-4.1-23C183.4,144.3,190.3,131.6,190.3,118.1zM50.2,102.5c-10.9-6.9-17.1-16.9-17.1-27.4c0-20,22-36.2,49.1-36.2s49.1,16.2,49.1,36.2s-22,36.2-49.1,36.2c-2.2,0-4.6-0.1-6.9-0.4c-1.2-0.1-2.4,0.1-3.5,0.7l-21.6,11.6l2.6-14.6C53.3,106.2,52.3,103.8,50.2,102.5zM161.2,145.5c-2,1.3-3.1,3.7-2.7,6.1l2.6,14.6l-21.6-11.6c-1.1-0.6-2.3-0.8-3.5-0.7c-2.3,0.2-4.7,0.4-6.9,0.4c-24.7,0-45.2-13.5-48.6-31c0.5,0,1.1,0,1.6,0c30.2,0,55.3-17.4,60.2-40.1c21,4.3,35.9,18.7,35.9,34.9C178.3,128.6,172.1,138.6,161.2,145.5z"/></svg></a>
  857. <a href="https://tumblr.com/dashboard" target="_blank" title="dashboard"><svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://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="M197.8,112.4l-86.2-82c-2.4-2.2-6.1-2.2-8.4,0.1l-82.5,82.3c-1.7,1.7-2.2,4.3-1.3,6.5c0.9,2.2,3.1,3.7,5.5,3.7h23v56c0,3.3,2.7,6,6,6h35c3.3,0,6-2.7,6-6v-44h25v44c0,3.3,2.7,6,6,6h36c3.3,0,6-2.7,6-6v-56h26c0,0,0,0,0,0c3.3,0,6-2.7,6-6C200,115.1,199.2,113.5,197.8,112.4zM162,111c-3.3,0-6,2.7-6,6v56h-24v-44c0-3.3-2.7-6-6-6H89c-3.3,0-6,2.7-6,6v44H60v-56c0-3.3-2.7-6-6-6H39.5l68.1-67.9L179,111H162z"/></svg></a></div>
  858.  
  859. <!-- SCRIPTS -->
  860.  
  861. <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.5.0/css/all.css" integrity="sha384-B4dIYHKNBt8Bc12p+WXckhzcICo0wtJAoU8YZTY5qE0Id1GSseTk6S+L3BlXeVIU" crossorigin="anonymous">
  862. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
  863. <script src="https://static.tumblr.com/wgijwsy/Ebfm2v4gy/jquery.masonry.min.js"></script>
  864.  
  865.  
  866. <script src="https://static.tumblr.com/rzl30kg/eAxm7a751/jquery.style-my-tooltips.js"></script>
  867. <script>
  868. (function($){
  869. $(document).ready(function(){
  870. $("[title]").style_my_tooltips({
  871. tip_follows_cursor:true,
  872. tip_delay_time:0,
  873. tip_fade_speed:0
  874. }
  875. );
  876. });
  877. })(jQuery);
  878. </script>
  879.  
  880. <script>
  881. (function() {
  882. var $tumblelog = $('#content');
  883.  
  884. $tumblelog.imagesLoaded( function(){
  885. $tumblelog.masonry({
  886. columnWidth: function( containerWidth ) {
  887. return containerWidth / 100;
  888. }
  889. });
  890. });
  891. })();
  892. </script>
  893.  
  894. <script src="https://cdnjs.cloudflare.com/ajax/libs/smoothscroll/1.4.6/SmoothScroll.js"></script>
  895. <script>
  896. SmoothScroll({
  897. // Scrolling Core
  898. animationTime : 700, // [ms]
  899. stepSize : 100, // [px]
  900. // Acceleration
  901. accelerationDelta : 50, // 50
  902. accelerationMax : 3, // 3
  903. // Keyboard Settings
  904. keyboardSupport : true, // option
  905. arrowScroll : 100, // [px]
  906. // Pulse (less tweakable)
  907. // ratio of "tail" to "acceleration"
  908. pulseAlgorithm : true,
  909. pulseScale : 4,
  910. pulseNormalize : 1,
  911. // Other
  912. touchpadSupport : false, // ignore touchpad by default
  913. fixedBackground : true,
  914. excluded : ''
  915. });
  916. </script>
  917.  
  918. <a href="https://fourleggedsandwich.tumblr.com" title="theme by fourleggedsandwich." style="position:fixed;font-size:18px;bottom:3px;right:5px;">
  919. <i class="fas fa-rainbow"></i>
  920. </a></body>
  921.  
  922.  
  923. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!