API tools faq
paste
Dragonspawn

Sunyata Layout http://theme-hunter.tumblr.com/post/17023352

Dragonspawn
Jan 28th, 2018
85
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 45.31 KB | None | 0 0
raw download clone embed print report diff
  1. <!DOCTYPE html>
  2. <head><title>{title}</title>
  3. <link rel="shortcut icon" href="{favicon}">
  4.  
  5. <!-------------------------------------------------------------------
  6.  
  7. THEME #024 : SUNYATA
  8. published november 1, 2017
  9. ᴀʟʟ ʀɪɢʜᴛs ʀᴇsᴇʀᴠᴇᴅ © ᴀɴɢᴇʟɪᴄxɪ ᴜɴᴅᴇʀ ɢᴘʟ ʟɪᴄᴇɴsɪɴɢ
  10. ᴜɴᴀᴜᴛʜᴏʀɪᴢᴇᴅ ʀᴇᴅɪsᴛʀɪʙᴜᴛɪᴏɴ ɪs sᴛʀɪᴄᴛʟʏ ᴘʀᴏʜɪʙɪᴛᴇᴅ.
  11.  
  12. Terms of Use:
  13. - DO NOT USE AS A BASE CODE.
  14. - DO NOT REDISTRIBUTE, REPRODUCE, OR CLAIM AS YOURS.
  15. - DO NOT MODIFY BEYOND THE POINT OF RECOGNITION.
  16.  
  17. By using this theme, you indicate that you have read & agreed to these terms. Any violation will be prosecuted against. If there's anything you'd like me to make clear, please contact me via PM. Enjoy!
  18.  
  19. ~Lia
  20.  
  21. -------------------------------------------------------------------->
  22.  
  23. <!-- META : COLORS -->
  24. <meta name="color:Background" content="#dab4c4"/>
  25. <meta name="color:BG Gradient 1" content="#d7b4c3"/>
  26. <meta name="color:BG Gradient 2" content="#a8b080"/>
  27. <meta name="color:Sidebar" content="#ffffff"/>
  28. <meta name="color:Sidebar Border" content="#ffffff"/>
  29. <meta name="color:Title" content="#d7b4c3"/>
  30. <meta name="color:Title Hover" content="#a8b080"/>
  31. <meta name="color:Description" content="#c8cdaf"/>
  32. <meta name="color:Avatar Border" content="#ffffff"/>
  33. <meta name="color:Secondary Title" content="#ffffff"/>
  34. <meta name="color:Secondary Description" content="#ffffff"/>
  35. <meta name="color:Menu" content="#ffffff"/>
  36. <meta name="color:Menu Hover" content="#c593a8"/>
  37. <meta name="color:SNS Links" content="#ffffff"/>
  38. <meta name="color:SNS Links Hover" content="#c593a8"/>
  39. <meta name="color:Text" content="#000000"/>
  40. <meta name="color:Bold" content="#d74169"/>
  41. <meta name="color:Italic" content="#d74169"/>
  42. <meta name="color:Underline" content="#d74169"/>
  43. <meta name="color:Links" content="#d74169"/>
  44. <meta name="color:Links Hover" content="#a8b080"/>
  45. <meta name="color:Info Links" content="#ffffff"/>
  46. <meta name="color:Info Links Hover" content="#c593a8"/>
  47. <meta name="color:Tags" content="#ffffff"/>
  48. <meta name="color:Tags Hover" content="#c593a8"/>
  49. <meta name="color:Pagination" content="#ffffff"/>
  50. <meta name="color:Pagination Hover" content="#a8b080"/>
  51. <meta name="color:Pagination Border" content="#ffffff"/>
  52. <meta name="color:Post Background" content="#f5f0f0"/>
  53. <meta name="color:Post Info BG" content="#ebe1e1"/>
  54. <meta name="color:Post Border" content="#ffffff"/>
  55. <meta name="color:Post Title" content="#ffffff"/>
  56. <meta name="color:Post Title BG" content="#ebe1e1"/>
  57. <meta name="color:Post Title BG Gradient 1" content="#d7b4c3"/>
  58. <meta name="color:Post Title BG Gradient 2" content="#a8b080"/>
  59. <meta name="color:Audio Post BG" content="#ebe1e1"/>
  60. <meta name="color:Audio Post Details" content="#ffffff"/>
  61. <meta name="color:Audio Post BG Gradient 1" content="#d7b4c3"/>
  62. <meta name="color:Audio Post BG Gradient 2" content="#a8b080"/>
  63. <meta name="color:Credit" content="#ffffff"/>
  64. <meta name="color:Credit Hover" content="#a8b080"/>
  65.  
  66.  
  67. <!-- META : FEATURES -->
  68. <meta name="image:Background" content=""/>
  69. <meta name="image:Avatar" content=""/>
  70. <meta name="if:300px Posts" content="0"/>
  71. <meta name="if:400px Posts" content="0"/>
  72. <meta name="if:500px Posts" content="1"/>
  73. <meta name="if:600px Posts" content="0"/>
  74. <meta name="if:700px Posts" content="0"/>
  75. <meta name="if:Hide Body Scrollbar" content="1"/>
  76. <meta name="if:Show Body Scrollbar" content="0"/>
  77. <meta name="if:Wallpaper BG" content="1"/>
  78. <meta name="if:Texture BG" content="0"/>
  79. <meta name="if:Gradient BG" content="0"/>
  80. <meta name="if:Plaincolor BG" content="0"/>
  81. <meta name="if:On Hover Menu" content="1"/>
  82. <meta name="if:Sticky Menu" content="0"/>
  83. <meta name="if:Solid Post BG" content="0"/>
  84. <meta name="if:Transparent Post BG" content="1"/>
  85. <meta name="if:Plaincolor Post Title BG" content="0"/>
  86. <meta name="if:Gradient Post Title BG" content="1"/>
  87. <meta name="if:Plaincolor Audio Post BG" content="1"/>
  88. <meta name="if:Gradient Audio Post BG" content="0"/>
  89. <meta name="if:Invert Tumblr Controls" content="0"/>
  90. <meta name="text:Title" content="your title here"/>
  91. <meta name="text:Description" content="keep your description about three lines long"/>
  92. <meta name="text:Secondary Title" content="this is the title in the popup panel"/>
  93. <meta name="text:Secondary Description" content="the popup description is about six lines long"/>
  94. <meta name="text:Home Link Title" content="your home link title"/>
  95. <meta name="text:Home Link URL" content="your home link here"/>
  96. <meta name="text:Ask Link Title" content="your ask link title"/>
  97. <meta name="text:Ask Link URL" content="your ask link here"/>
  98. <meta name="text:Link 1 Title" content="link one title"/>
  99. <meta name="text:Link 1 URL" content="link one url"/>
  100. <meta name="text:Link 2 Title" content="link two title"/>
  101. <meta name="text:Link 2 URL" content="link two url"/>
  102. <meta name="text:Link 3 Title" content="link three title"/>
  103. <meta name="text:Link 3 URL" content="link three url"/>
  104. <meta name="text:Link 4 Title" content="link four title"/>
  105. <meta name="text:Link 4 URL" content="link four url"/>
  106. <meta name="text:SNS Link 1 Title" content="sns links refer to"/>
  107. <meta name="text:SNS Link 1 URL" content="the social media buttons"/>
  108. <meta name="text:SNS Link 2 Title" content="in the pop-up"/>
  109. <meta name="text:SNS Link 2 URL" content="you have six but"/>
  110. <meta name="text:SNS Link 3 Title" content="you can add more"/>
  111. <meta name="text:SNS Link 3 URL" content="as well as change the icons"/>
  112. <meta name="text:SNS Link 4 Title" content="of the built-in ones"/>
  113. <meta name="text:SNS Link 4 URL" content=""/>
  114. <meta name="text:SNS Link 5 Title" content=""/>
  115. <meta name="text:SNS Link 5 URL" content=""/>
  116. <meta name="text:SNS Link 6 Title" content=""/>
  117. <meta name="text:SNS Link 6 URL" content=""/>
  118. <meta name="text:Popup Panel BG" content="rgba(215, 180, 195, 0.9)"/>
  119. <meta name="text:Credit BG" content="rgba(225, 225, 225, 1)"/>
  120. <meta name="text:Transparent Post BG" content="rgba(235, 225, 225, 0.5)"/>
  121. <meta name="text:Pagination BG" content="rgba(235, 225, 225, 0.5)"/>
  122.  
  123.  
  124. <!-- META : FONTS -->
  125. <link href="https://fonts.googleapis.com/css?family=Playfair+Display+SC" rel="stylesheet">
  126. <link href="https://fonts.googleapis.com/css?family=Playfair+Display" rel="stylesheet">
  127. <link href="https://fonts.googleapis.com/css?family=Nunito+Sans" rel="stylesheet">
  128. <script src="https://use.fontawesome.com/ef30ca543c.js"></script>
  129.  
  130.  
  131. <style type="text/css">
  132.  
  133. body {
  134. margin: 0px;
  135. }
  136.  
  137. #screen {
  138. {block:IfWallpaperBG}
  139. background-image: url('{image:background}');
  140. background-size: cover;
  141. {/block:IfWallpaperBG}
  142. {block:IfTextureBG}
  143. background-image: url('{image:background}');
  144. {/block:IfTextureBG}
  145. {block:IfGradientBG}
  146. background: linear-gradient(130deg, {color:bg gradient 1} 0%, {color:bg gradient 2} 100%);
  147. {/block:IfGradientBG}
  148. {block:IfPlaincolorBG}
  149. background: {color:background};
  150. {/block:IfPlaincolorBG}
  151. height: 100vh;
  152. width: 100vw;
  153. position: fixed;
  154. z-index: 0;
  155. }
  156.  
  157. a, a:active, a:visited {
  158. text-decoration: none;
  159. }
  160.  
  161. a:hover {
  162. transition: all ease-in-out 0.4s;
  163. }
  164.  
  165. a:focus {
  166. outline: 0;
  167. }
  168.  
  169. small {
  170. font-size: 95%;
  171. }
  172.  
  173. pre {
  174. font-size: 95%;
  175. word-wrap: break-all;
  176. word-break: break-all;
  177. }
  178.  
  179. hr {
  180. color: {color:post border};
  181. height: 1px;
  182. }
  183.  
  184. blockquote {
  185. word-wrap: normal;
  186. word-break: normal;
  187. margin-left: 10px;
  188. margin-right: 0px;
  189. padding: 5px;
  190. border-left: 2px solid {color:post border};
  191. }
  192.  
  193. blockquote blockquote {
  194. word-wrap: normal;
  195. word-break: normal;
  196. margin-left: 15px;
  197. margin-right: 0px;
  198. padding: 5px;
  199. border-left: 2px solid {color:post border};
  200. }
  201.  
  202. blockquote img {
  203. width: auto;
  204. {block:If300pxPosts}
  205. max-width: 260px;
  206. {/block:If300pxPosts}
  207. {block:If400pxPosts}
  208. max-width: 360px;
  209. {/block:If400pxPosts}
  210. {block:If500pxPosts}
  211. max-width: 460px;
  212. {/block:If500pxPosts}
  213. {block:If600pxPosts}
  214. max-width: 560px;
  215. {/block:If600pxPosts}
  216. {block:If700pxPosts}
  217. max-width: 660px;
  218. {/block:If700pxPosts}
  219. overflow: hidden;
  220. }
  221.  
  222. blockquote blockquote img {
  223. width: auto;
  224. {block:If300pxPosts}
  225. max-width: 225px;
  226. {/block:If300pxPosts}
  227. {block:If400pxPosts}
  228. max-width: 325px;
  229. {/block:If400pxPosts}
  230. {block:If500pxPosts}
  231. max-width: 425px;
  232. {/block:If500pxPosts}
  233. {block:If600pxPosts}
  234. max-width: 525px;
  235. {/block:If600pxPosts}
  236. {block:If700pxPosts}
  237. max-width: 625px;
  238. {/block:If700pxPosts}
  239. overflow: hidden;
  240. }
  241.  
  242. u, li img {
  243. width: auto;
  244. {block:If300pxPosts}
  245. max-width: 225px;
  246. {/block:If300pxPosts}
  247. {block:If400pxPosts}
  248. max-width: 325px;
  249. {/block:If400pxPosts}
  250. {block:If500pxPosts}
  251. max-width: 425px;
  252. {/block:If500pxPosts}
  253. {block:If600pxPosts}
  254. max-width: 525px;
  255. {/block:If600pxPosts}
  256. {block:If700pxPosts}
  257. max-width: 625px;
  258. {/block:If700pxPosts}
  259. overflow: hidden;
  260. }
  261.  
  262. /* TITLE */
  263. h1 {
  264. height: 10px;
  265. width: 160px;
  266. color: {color:title};
  267. font-family: 'Playfair Display SC';
  268. font-size: 14px;
  269. font-weight: 700;
  270. letter-spacing: 1px;
  271. text-transform: uppercase;
  272. text-align: center;
  273. margin-top: calc(50vh - 45px);
  274. margin-left: calc(22vw - 204px);
  275. padding-top: 5px;
  276. padding-bottom: 15px;
  277. position: fixed;
  278. z-index: 10;
  279. }
  280.  
  281. h1:hover {
  282. color: {color:title hover};
  283. transition: all ease-in-out 0.4s;
  284. cursor: help;
  285. }
  286.  
  287. /* TEXT POST HEADINGS */
  288. h2 {
  289. font-family: 'Playfair Display SC';
  290. font-size: 14px;
  291. font-weight: 700;
  292. letter-spacing: 1px;
  293. text-transform: uppercase;
  294. padding: 10px;
  295. }
  296.  
  297. /* SECONDARY TITLE */
  298. h3 {
  299. height: 10px;
  300. width: 350px;
  301. color: {color:secondary title};
  302. font-family: 'Playfair Display SC';
  303. font-size: 15px;
  304. font-weight: 500;
  305. text-transform: uppercase;
  306. text-align: center;
  307. padding-top: 5px;
  308. padding-bottom: 15px;
  309. margin-top: 192px;
  310. margin-left: calc(50vw - 175px);
  311. position: fixed;
  312. }
  313.  
  314. /* POST TITLE */
  315. h4 {
  316. {block:If300pxPosts}
  317. width: 260px;
  318. {/block:If300pxPosts}
  319. {block:If400pxPosts}
  320. width: 360px;
  321. {/block:If400pxPosts}
  322. {block:If500pxPosts}
  323. width: 460px;
  324. {/block:If500pxPosts}
  325. {block:If600pxPosts}
  326. width: 560px;
  327. {/block:If600pxPosts}
  328. {block:If700pxPosts}
  329. width: 660px;
  330. {/block:If700pxPosts}
  331. {block:IfPlaincolorPostTitleBG}
  332. background: {color:post title bg};
  333. {/block:IfPlaincolorPostTitleBG}
  334. {block:IfGradientPostTitleBG}
  335. background: linear-gradient(130deg, {color:post title bg gradient 1} 0%, {color:post title bg gradient 2} 100%);
  336. {/block:IfGradientPostTitleBG}
  337. color: {color:post title};
  338. font-family: 'Playfair Display SC';
  339. font-size: 15px;
  340. font-weight: 400;
  341. letter-spacing: 1px;
  342. text-align: center;
  343. text-transform: uppercase;
  344. padding: 20px;
  345. margin-top: 5px;
  346. margin-bottom: 15px;
  347. }
  348.  
  349. #left {
  350. height: 100vh;
  351. width: 22vw;
  352. position: fixed;
  353. z-index: 3;
  354. }
  355.  
  356. #topline {
  357. background: {color:sidebar border};
  358. height: calc(50vh - 122px);
  359. width: 2px;
  360. margin-left: calc(22vw - 125px);
  361. position: fixed;
  362. z-index: 8px;
  363. }
  364.  
  365. #topline:hover #menu {
  366. display: block;
  367. transition: all ease-in-out 0.4s;
  368. }
  369.  
  370. #menu {
  371. {block:IfOnHoverMenu}
  372. display: none;
  373. {/block:IfOnHoverMenu}
  374. {block:IfStickyMenu}
  375. display: block;
  376. {/block:IfStickyMenu}
  377. height: 160px;
  378. width: 10px;
  379. color: {color:menu};
  380. font-size: 8px;
  381. font-weight: 100;
  382. text-align: center;
  383. padding: 10px;
  384. margin-top: calc(50vh - 292px);
  385. margin-left: 2px;
  386. position: fixed;
  387. }
  388.  
  389. #menu a, a:active, a:visited {
  390. color: {color:menu};
  391. }
  392.  
  393. #menu a:hover {
  394. color: {color:menu hover};
  395. }
  396.  
  397. #diamond {
  398. background: {color:sidebar};
  399. height: 160px;
  400. width: 160px;
  401. outline: 2px solid {color:sidebar border};
  402. outline-offset: 5px;
  403. margin-top: calc(50vh - 80px);
  404. margin-left: calc(22vw - 204px);
  405. transform: rotate(45deg);
  406. position: fixed;
  407. z-index: 9;
  408. }
  409.  
  410. #bottomline {
  411. background: {color:sidebar border};
  412. height: calc(50vh - 122px);
  413. width: 2px;
  414. margin-top: calc(100vh - (50vh - 122px));
  415. margin-left: calc(22vw - 125px);
  416. position: fixed;
  417. z-index: 8px;
  418. }
  419.  
  420. #description {
  421. height: 50px;
  422. width: 180px;
  423. color: {color:description};
  424. font-family: 'Nunito Sans';
  425. font-size: 10px;
  426. font-style: italic;
  427. text-align: center;
  428. margin-top: calc(50vh - 15px);
  429. margin-left: calc(22vw - 219px);
  430. padding: 5px;
  431. position: fixed;
  432. z-index: 10;
  433. }
  434.  
  435. #description a, a:active, a:visited {
  436. color: {color:title};
  437. }
  438.  
  439. #description a:hover {
  440. color: {color:title hover};
  441. }
  442.  
  443. #description b {
  444. color: {color:title};
  445. }
  446.  
  447. #overlay {
  448. display: none;
  449. background-color: {text:popup panel bg};
  450. height: 100vh;
  451. width: 100vw;
  452. top: 0;
  453. left: 0;
  454. position: fixed;
  455. z-index: 11;
  456. }
  457.  
  458. #overlay:target {
  459. display: block;
  460. transition: ease-in-out 0.4s;
  461. }
  462.  
  463. #wrap {
  464. height: 350px;
  465. width: 100vw;
  466. margin-top: calc(50vh - 175px);
  467. position: fixed;
  468. z-index: 11;
  469. }
  470.  
  471. #avatar {
  472. height: 100px;
  473. width: 100px;
  474. outline: 2px solid {color:avatar border};
  475. outline-offset: 5px;
  476. margin-top: 32px;
  477. margin-left: calc(50vw - 50px);
  478. transform: rotate(45deg);
  479. overflow: hidden;
  480. position: fixed;
  481. }
  482.  
  483. #avatar img {
  484. height: 150px;
  485. width: 150px;
  486. margin-top: -25px;
  487. margin-left: -25px;
  488. transform: rotate(-45deg);
  489. position: fixed;
  490. }
  491.  
  492. #avatar:hover #return {
  493. display: block;
  494. transition: ease-in-out 0.4s;
  495. }
  496.  
  497. #return {
  498. display: none;
  499. background: {color:avatar border};
  500. height: 5px;
  501. width: 130px;
  502. font-family: 'Arial';
  503. font-size: 10px;
  504. font-weight: 500;
  505. font-variant: small-caps;
  506. letter-spacing: 1px;
  507. text-align: center;
  508. padding-top: 6px;
  509. padding-left: 10px;
  510. padding-right: 10px;
  511. padding-bottom: 14px;
  512. margin-top: 38px;
  513. margin-left: -25px;
  514. transform: rotate(-45deg);
  515. position: fixed;
  516. }
  517.  
  518. #return a, a:active, a:visited {
  519. color: {color:links};
  520. }
  521.  
  522. #return a:hover {
  523. color: {color:links hover};
  524. font-style: italic;
  525. font-variant: normal;
  526. }
  527.  
  528. #leftline {
  529. background: {color:avatar border};
  530. height: 2px;
  531. width: calc(50vw - 77px);
  532. margin-top: 81px;
  533. position: fixed;
  534. }
  535.  
  536. #rightline {
  537. background: {color:avatar border};
  538. height: 2px;
  539. width: calc(50vw - 77px);
  540. margin-top: 81px;
  541. margin-left: calc(100vw - (50vw - 77px));
  542. position: fixed;
  543. }
  544.  
  545. #sdesc {
  546. height: 80px;
  547. width: 350px;
  548. color: {color:secondary description};
  549. font-family: 'Nunito Sans';
  550. font-size: 10px;
  551. text-align: center;
  552. padding-top: 5px;
  553. padding-bottom: 15px;
  554. margin-top: 222px;
  555. margin-left: calc(50vw - 175px);
  556. position: fixed;
  557. }
  558.  
  559. #sns {
  560. width: 400px;
  561. color: {color:sns links};
  562. font-size: 12px;
  563. font-weight: 100;
  564. text-align: center;
  565. margin-top: 329px;
  566. margin-left: calc(50vw - 200px);
  567. position: fixed;
  568. }
  569.  
  570. #sns a, a:active, a:visited {
  571. color: {color:sns links};
  572. }
  573.  
  574. #sns a:hover {
  575. color: {color:sns links hover};
  576. }
  577.  
  578. #right {
  579. height: 100vh;
  580. width: 78vw;
  581. padding-left: 40px;
  582. {block:IfHideBodyScrollbar}
  583. padding-right: 1500px;
  584. {/block:IfHideBodyScrollbar}
  585. margin-left: calc(22vw - 60px);
  586. overflow-x: hidden;
  587. overflow-y: auto;
  588. position: absolute;
  589. }
  590.  
  591.  
  592. /* POSTS */
  593.  
  594. #post {
  595. {block:If300pxPosts}
  596. width: 300px;
  597. {/block:If300pxPosts}
  598. {block:If400pxPosts}
  599. width: 400px;
  600. {/block:If400pxPosts}
  601. {block:If500pxPosts}
  602. width: 500px;
  603. {/block:If500pxPosts}
  604. {block:If600pxPosts}
  605. width: 600px;
  606. {/block:If600pxPosts}
  607. {block:If700pxPosts}
  608. width: 700px;
  609. {/block:If700pxPosts}
  610. {block:IfSolidPostBG}
  611. background-color: {color:post background};
  612. {/block:IfSolidPostBG}
  613. {block:IfTransparentPostBG}
  614. background-color: {text:transparent post bg};
  615. {/block:IfTransparentPostBG}
  616. color: {color:text};
  617. font-family: 'Arial';
  618. font-size: 10.5px;
  619. word-wrap: normal;
  620. border: 1px solid {color:post border};
  621. padding-top: 20px;
  622. padding-left: 20px;
  623. padding-bottom: 30px;
  624. padding-right: 20px;
  625. margin-top: 50px;
  626. margin-left: auto;
  627. margin-right: auto;
  628. z-index: 9;
  629. }
  630.  
  631. #post p {
  632. margin: 10px;
  633. }
  634.  
  635. #post a, a:active, a:visited {
  636. color: {color:links};
  637. text-decoration: none;
  638. }
  639.  
  640. #post a:hover {
  641. color: {color:links hover};
  642. text-decoration: none;
  643. }
  644.  
  645. #post b, strong {
  646. color: {color:bold};
  647. font-weight: 600;
  648. }
  649.  
  650. #post i, em {
  651. color: {color:italic};
  652. }
  653.  
  654. #post u, underline {
  655. color: {color:underline};
  656. text-decoration: underline;
  657. }
  658.  
  659. #post img {
  660. {block:If300pxPosts}
  661. width: 300px;
  662. {/block:If300pxPosts}
  663. {block:If400pxPosts}
  664. width: 400px;
  665. {/block:If400pxPosts}
  666. {block:If500pxPosts}
  667. width: 500px;
  668. {/block:If500pxPosts}
  669. {block:If600pxPosts}
  670. width: 600px;
  671. {/block:If600pxPosts}
  672. {block:If700pxPosts}
  673. width: 700px;
  674. {/block:If700pxPosts}
  675. margin-left: -1px;
  676. }
  677.  
  678. #info {
  679. {block:If300pxPosts}
  680. width: 300px;
  681. {/block:If300pxPosts}
  682. {block:If400pxPosts}
  683. width: 400px;
  684. {/block:If400pxPosts}
  685. {block:If500pxPosts}
  686. width: 500px;
  687. {/block:If500pxPosts}
  688. {block:If600pxPosts}
  689. width: 600px;
  690. {/block:If600pxPosts}
  691. {block:If700pxPosts}
  692. width: 700px;
  693. {/block:If700pxPosts}
  694. background-color: {color:post info bg};
  695. color: {color:info links};
  696. font-family: 'Arial';
  697. font-size: 10px;
  698. font-variant: small-caps;
  699. text-transform: lowercase;
  700. text-align: center;
  701. border-left: 1px solid {color:post border};
  702. border-right: 1px solid {color:post border};
  703. border-bottom: 1px solid {color:post border};
  704. padding: 20px;
  705. margin-top: 0px;
  706. margin-left: auto;
  707. margin-right: auto;
  708. z-index: 9;
  709. }
  710.  
  711. #info a, a:active, a:visited {
  712. color: {color:info links};
  713. }
  714.  
  715. #info a:hover {
  716. color: {color:info links hover};
  717. }
  718.  
  719. #tags {
  720. {block:If300pxPosts}
  721. width: 300px;
  722. {/block:If300pxPosts}
  723. {block:If400pxPosts}
  724. width: 400px;
  725. {/block:If400pxPosts}
  726. {block:If500pxPosts}
  727. width: 500px;
  728. {/block:If500pxPosts}
  729. {block:If600pxPosts}
  730. width: 600px;
  731. {/block:If600pxPosts}
  732. {block:If700pxPosts}
  733. width: 700px;
  734. {/block:If700pxPosts}
  735. background-color: transparent;
  736. color: {color:post border};
  737. font-family: 'Nunito Sans';
  738. font-size: 10.5px;
  739. letter-spacing: 1px;
  740. text-transform: lowercase;
  741. word-break: break-all;
  742. margin-top: 0px;
  743. margin-bottom: 50px;
  744. margin-left: auto;
  745. margin-right: auto;
  746. padding: 10px;
  747. }
  748.  
  749. #tags a, a:active, a:visited {
  750. color: {color:tags};
  751. text-decoration: none;
  752. }
  753.  
  754. #tags a:hover {
  755. color: {color:tags hover};
  756. }
  757.  
  758. /* POST TYPES */
  759.  
  760. .user-text {
  761. background-color: {color:post border};
  762. font-family: 'Arial';
  763. font-size: 11px;
  764. font-weight: 600;
  765. font-variant: small-caps;
  766. letter-spacing: 1px;
  767. text-align: center;
  768. padding: 10px;
  769. margin-top: 7px;
  770. }
  771.  
  772. .user-photo {
  773. background-color: {color:post border};
  774. font-family: 'Arial';
  775. font-size: 11px;
  776. font-weight: 600;
  777. font-variant: small-caps;
  778. letter-spacing: 1px;
  779. text-align: center;
  780. padding: 10px;
  781. margin-top: 15px;
  782. }
  783.  
  784. .branch {
  785. {block:If300pxPosts}
  786. width: 298px;
  787. {/block:If300pxPosts}
  788. {block:If400pxPosts}
  789. width: 398px;
  790. {/block:If400pxPosts}
  791. {block:If500pxPosts}
  792. width: 498px;
  793. {/block:If500pxPosts}
  794. {block:If600pxPosts}
  795. width: 598px;
  796. {/block:If600pxPosts}
  797. {block:If700pxPosts}
  798. width: 698px;
  799. {/block:If700pxPosts}
  800. border: 1px solid {color:post border};
  801. margin-top: 7px;
  802. }
  803.  
  804. .photo {
  805. {block:If300pxPosts}
  806. width: 300px;
  807. {/block:If300pxPosts}
  808. {block:If400pxPosts}
  809. width: 400px;
  810. {/block:If400pxPosts}
  811. {block:If500pxPosts}
  812. width: 500px;
  813. {/block:If500pxPosts}
  814. {block:If600pxPosts}
  815. width: 600px;
  816. {/block:If600pxPosts}
  817. {block:If700pxPosts}
  818. width: 700px;
  819. {/block:If700pxPosts}
  820. }
  821.  
  822. .photo img {
  823. {block:If300pxPosts}
  824. width: 300px;
  825. {/block:If300pxPosts}
  826. {block:If400pxPosts}
  827. width: 400px;
  828. {/block:If400pxPosts}
  829. {block:If500pxPosts}
  830. width: 500px;
  831. {/block:If500pxPosts}
  832. {block:If600pxPosts}
  833. width: 600px;
  834. {/block:If600pxPosts}
  835. {block:If700pxPosts}
  836. width: 700px;
  837. {/block:If700pxPosts}
  838. }
  839.  
  840. .postnote {
  841. {block:If300pxPosts}
  842. width: 320px;
  843. {/block:If300pxPosts}
  844. {block:If400pxPosts}
  845. width: 420px;
  846. {/block:If400pxPosts}
  847. {block:If500pxPosts}
  848. width: 520px;
  849. {/block:If500pxPosts}
  850. {block:If600pxPosts}
  851. width: 620px;
  852. {/block:If600pxPosts}
  853. {block:If700pxPosts}
  854. width: 720px;
  855. {/block:If700pxPosts}
  856. color: {color:post border};
  857. font-family: 'Nunito Sans';
  858. font-size: 9px;
  859. letter-spacing: 1px;
  860. padding: 10px;
  861. margin-left: auto;
  862. margin-right: auto;
  863. }
  864.  
  865. .postnote a, a:active, a:visited {
  866. color: {color:tags};
  867. }
  868.  
  869. .postnote a:hover {
  870. color: {color:tags hover};
  871. }
  872.  
  873. /* QUOTE */
  874.  
  875. .quote {
  876. {block:If300pxPosts}
  877. width: 230px;
  878. {/block:If300pxPosts}
  879. {block:If400pxPosts}
  880. width: 330px;
  881. {/block:If400pxPosts}
  882. {block:If500pxPosts}
  883. width: 430px;
  884. {/block:If500pxPosts}
  885. {block:If600pxPosts}
  886. width: 530px;
  887. {/block:If600pxPosts}
  888. {block:If700pxPosts}
  889. width: 630px;
  890. {/block:If700pxPosts}
  891. font-family: 'Playfair Display';
  892. font-size: 13px;
  893. font-weight: 400;
  894. text-align: center;
  895. border-bottom: 1px solid {color:post border};
  896. padding: 10px;
  897. margin-left: auto;
  898. margin-right: auto;
  899. }
  900.  
  901. .qusource {
  902. font-size: 10px;
  903. font-variant: small-caps;
  904. letter-spacing: 1px;
  905. text-transform: lowercase;
  906. text-align: center;
  907. padding-top: 10px;
  908. }
  909.  
  910. /* CHAT */
  911.  
  912. .chat {
  913. height: auto;
  914. width: auto;
  915. text-align: justify;
  916. border-top: 1px solid {color:post border};
  917. border-left: 1px solid {color:post border};
  918. border-right: 1px solid {color:post border};
  919. }
  920.  
  921. .line {
  922. height: auto;
  923. width: auto;
  924. border-bottom: 1px solid {color:post border};
  925. }
  926.  
  927. /* ASKS */
  928.  
  929. .ask {
  930. {block:If300pxPosts}
  931. width: 230px;
  932. {/block:If300pxPosts}
  933. {block:If400pxPosts}
  934. width: 330px;
  935. {/block:If400pxPosts}
  936. {block:If500pxPosts}
  937. width: 430px;
  938. {/block:If500pxPosts}
  939. {block:If600pxPosts}
  940. width: 530px;
  941. {/block:If600pxPosts}
  942. {block:If700pxPosts}
  943. width: 630px;
  944. {/block:If700pxPosts}
  945. font-family: 'Nunito Sans';
  946. font-size: 11px;
  947. font-style: italic;
  948. text-align: justify;
  949. border-bottom: 1px solid {color:post border};
  950. padding: 10px;
  951. margin-left: auto;
  952. margin-right: auto;
  953. }
  954.  
  955. .asker {
  956. {block:If300pxPosts}
  957. width: 230px;
  958. {/block:If300pxPosts}
  959. {block:If400pxPosts}
  960. width: 330px;
  961. {/block:If400pxPosts}
  962. {block:If500pxPosts}
  963. width: 430px;
  964. {/block:If500pxPosts}
  965. {block:If600pxPosts}
  966. width: 530px;
  967. {/block:If600pxPosts}
  968. {block:If700pxPosts}
  969. width: 630px;
  970. {/block:If700pxPosts}
  971. font-family: 'Arial';
  972. font-size: 10px;
  973. font-variant: small-caps;
  974. letter-spacing: 1px;
  975. text-transform: lowercase;
  976. text-align: center;
  977. border-bottom: 1px solid {color:post border};
  978. padding: 10px;
  979. margin-left: auto;
  980. margin-right: auto;
  981. }
  982.  
  983. .asker a, a:active, a:visited {
  984. color: {color:post border};
  985. }
  986.  
  987. .answer {
  988. {block:If300pxPosts}
  989. width: 230px;
  990. {/block:If300pxPosts}
  991. {block:If400pxPosts}
  992. width: 330px;
  993. {/block:If400pxPosts}
  994. {block:If500pxPosts}
  995. width: 430px;
  996. {/block:If500pxPosts}
  997. {block:If600pxPosts}
  998. width: 530px;
  999. {/block:If600pxPosts}
  1000. {block:If700pxPosts}
  1001. width: 630px;
  1002. {/block:If700pxPosts};
  1003. text-align: justify;
  1004. padding: 10px;
  1005. margin-left: 25px;
  1006. margin-top: 35px;
  1007. border: 1px solid {color:post border};
  1008. }
  1009.  
  1010. .answerer {
  1011. color: {color:links};
  1012. font-family: 'Arial';
  1013. font-size: 10px;
  1014. font-variant: small-caps;
  1015. letter-spacing: 1px;
  1016. text-transform: lowercase;
  1017. text-align: center;
  1018. padding-top: 7px;
  1019. }
  1020.  
  1021. /* AUDIO */
  1022.  
  1023. #audio {
  1024. {block:If300pxPosts}
  1025. width: 300px;
  1026. {/block:If300pxPosts}
  1027. {block:If400pxPosts}
  1028. width: 400px;
  1029. {/block:If400pxPosts}
  1030. {block:If500pxPosts}
  1031. width: 500px;
  1032. {/block:If500pxPosts}
  1033. {block:If600pxPosts}
  1034. width: 600px;
  1035. {/block:If600pxPosts}
  1036. {block:If700pxPosts}
  1037. width: 700px;
  1038. {/block:If700pxPosts}
  1039. }
  1040.  
  1041. #audio b, strong {
  1042. color: {color:audio post details};
  1043. }
  1044.  
  1045. #albumart {
  1046. height: 105px;
  1047. width: 105px;
  1048. border: 5px solid {color:post border};
  1049. margin-top: 7px;
  1050. overflow: hidden;
  1051. z-index: 9;
  1052. }
  1053.  
  1054. #albumart img {
  1055. height: 106px;
  1056. width: 106px;
  1057. }
  1058.  
  1059. .player {
  1060. background-color: transparent;
  1061. opacity: 0.5;
  1062. width: 25px;
  1063. height: 25px;
  1064. border-radius: 25px;
  1065. -moz-border-radius: 25px;
  1066. -webkit-border-radius: 25px;
  1067. -o-border-radius: 25px;
  1068. margin-top: -68px;
  1069. margin-left: 45px;
  1070. overflow: hidden;
  1071. position: absolute;
  1072. z-index: 10;
  1073. }
  1074.  
  1075. .adetails {
  1076. {block:IfPlaincolorAudioPostBG}
  1077. background: {color:audio post bg};
  1078. {/block:IfPlaincolorAudioPostBG}
  1079. {block:IfGradientAudioPostBG}
  1080. background: linear-gradient(130deg, {color:audio post bg gradient 1} 0%, {color:audio post bg gradient 2} 100%);
  1081. {/block:IfGradientAudioPostBG}
  1082. height: 85px;
  1083. {block:If300pxPosts}
  1084. width: 184px;
  1085. {/block:If300pxPosts}
  1086. {block:If400pxPosts}
  1087. width: 284px;
  1088. {/block:If400pxPosts}
  1089. {block:If500pxPosts}
  1090. width: 384px;
  1091. {/block:If500pxPosts}
  1092. {block:If600pxPosts}
  1093. width: 484px;
  1094. {/block:If600pxPosts}
  1095. {block:If700pxPosts}
  1096. width: 584px;
  1097. {/block:If700pxPosts}
  1098. color: {color:audio post details};
  1099. font-family: 'Arial';
  1100. font-size: 9px;
  1101. letter-spacing: 1px;
  1102. text-transform: lowercase;
  1103. text-align: center;
  1104. padding-top: 30px;
  1105. margin-top: -115px;
  1106. margin-left: 116px;
  1107. z-index: 9;
  1108. }
  1109.  
  1110. #pagination {
  1111. background: {text:pagination bg};
  1112. height: 10px;
  1113. {block:If300pxPosts}
  1114. width: 340px;
  1115. {/block:If300pxPosts}
  1116. {block:If400pxPosts}
  1117. width: 440px;
  1118. {/block:If400pxPosts}
  1119. {block:If500pxPosts}
  1120. width: 540px;
  1121. {/block:If500pxPosts}
  1122. {block:If600pxPosts}
  1123. width: 640px;
  1124. {/block:If600pxPosts}
  1125. {block:If700pxPosts}
  1126. width: 740px;
  1127. {/block:If700pxPosts}
  1128. color: {color:pagination};
  1129. font-family: 'Arial';
  1130. font-size: 10px;
  1131. font-variant: small-caps;
  1132. letter-spacing: 1px;
  1133. text-align: center;
  1134. border: 1px solid {color:pagination border};
  1135. padding-top: 10px;
  1136. padding-bottom: 12px;
  1137. margin-left: auto;
  1138. margin-right: auto;
  1139. margin-bottom: 50px;
  1140. }
  1141.  
  1142. #pagination a, a:active, a:visited {
  1143. color: {color:pagination};
  1144. }
  1145.  
  1146. #pagination a:hover {
  1147. color: {color:pagination hover};
  1148. }
  1149.  
  1150.  
  1151. /* DO NOT REMOVE CREDIT! */
  1152. #credit {
  1153. height: 42px;
  1154. width: 66px;
  1155. color: {color:credit};
  1156. text-align: center;
  1157. margin-top: calc(100vh - 67px);
  1158. {block:IfHideBodyScrollbar}
  1159. margin-left: calc(100vw - 87px);
  1160. {/block:IfHideBodyScrollbar}
  1161. {block:IfShowBodyScrollbar}
  1162. margin-left: calc(100vw - 107px);
  1163. {/block:IfShowBodyScrollbar}
  1164. position: fixed;
  1165. z-index: 15;
  1166. }
  1167.  
  1168. #credit a, a:active, a:visited {
  1169. color: {color:credit};
  1170. }
  1171.  
  1172. #credit a:hover {
  1173. color: {color:credit hover};
  1174. }
  1175.  
  1176. /* TUMBLR CONTROLS */
  1177. .iframe-controls--desktop {
  1178. {block:IfInvertTumblrControls}
  1179. filter: invert(100%);
  1180. {/block:IfInvertTumblrControls}
  1181. padding-top: 5px;
  1182. {block:IfHideBodyScrollbar}
  1183. padding-right: 7px;
  1184. {/block:IfHideBodyScrollbar}
  1185. {block:IfShowBodyScrollbar}
  1186. margin-right: 27px;
  1187. {/block:IfShowBodyScrollbar}
  1188. transform: scale(0.8);
  1189. transform-origin: 100% 0;
  1190. -webkit-transform: scale(0.8);
  1191. -webkit-transform-origin: 100% 0;
  1192. -moz-transform: scale(0.8);
  1193. -moz-transform-origin: 100% 0;
  1194. -ms-transform: scale(0.8);
  1195. -ms-transform-origin: 100% 0;
  1196. -o-transform: scale(0.8);
  1197. -o-transform-origin: 100% 0;
  1198. }
  1199.  
  1200.  
  1201. </style></head>
  1202. <body>
  1203. <!-- beginning all -->
  1204. <div id="screen">
  1205. <!-- beginning left side -->
  1206. <div id="left">
  1207. <!-- top/first line -->
  1208. <div id="topline">
  1209. <!-- beginning menu -->
  1210. <div id="menu">
  1211. <span style="font-size: 14px;"><a href="{text:home link url}" title="{text:home link title}"><i class="fa fa-power-off"></i></a></span><br><br>
  1212. <span style="font-size: 13px;"><a href="{text:ask link url}" title="{text:ask link title}"><i class="fa fa-telegram"></i></a></span><br><br>
  1213. <span style="font-size: 13px;"><a href="{text:link 1 url}" title="{text:link 1 title}"><i class="fa fa-user-circle-o"></i></a></span><br><br>
  1214. <span style="font-size: 15px;"><a href="{text:link 2 url}" title="{text:link 2 title}"><i class="fa fa-question-circle"></i></a></span><br><br>
  1215. <span style="font-size: 15px;"><a href="{text:link 3 url}" title="{text:link 3 title}"><i class="fa fa-ban"></i></a></span><br><br>
  1216. <span style="font-size: 15px;"><a href="{text:link 4 url}" title="{text:link 4 title}"><i class="fa fa-check-circle"></i></a></span>
  1217. </div>
  1218. <!-- end menu -->
  1219. </div>
  1220. <!-- sidebar -->
  1221. <div id="diamond"></div>
  1222. <!-- bottom/second line -->
  1223. <div id="bottomline"></div>
  1224. <!-- title -->
  1225. <a href="#overlay" title="ᴄʟɪᴄᴋ ᴍᴇ"><h1>{text:title}</h1></a>
  1226. <!-- description -->
  1227. <div id="description">{text:description}</div>
  1228.  
  1229. <!-- beginning overlay -->
  1230. <div id="overlay">
  1231. <!-- content-wrap -->
  1232. <div id="wrap">
  1233. <!-- avatar wrap -->
  1234. <div id="avatar">
  1235. <!-- icon -->
  1236. <img src="{image:avatar}">
  1237. <!-- return button -->
  1238. <div id="return"><a href="#">return</a></div>
  1239. </div>
  1240. <!-- end avatar -->
  1241.  
  1242. <!-- left line -->
  1243. <div id="leftline"></div>
  1244. <!-- right line -->
  1245. <div id="rightline"></div>
  1246.  
  1247. <!-- secondary title -->
  1248. <h3>{text:secondary title}</h3>
  1249. <!-- secondary description -->
  1250. <div id="sdesc">{text:secondary description}</div>
  1251. <!-- social media buttons -->
  1252. <div id="sns">
  1253. <span style="font-size: 14px;"><a href="{text:sns link 1 url}" title="{text:sns link 1 title}"><i class="fa fa-share-alt"></i></a></span> &nbsp;&nbsp;
  1254. <span style="font-size: 17px;"><a href="{text:sns link 2 url}" title="{text:sns link 2 title}"><i class="fa fa-pinterest"></i></a></span> &nbsp;&nbsp;
  1255. <span style="font-size: 16px;"><a href="{text:sns link 3 url}" title="{text:sns link 3 title}"><i class="fa fa-instagram"></i></a></span> &nbsp;&nbsp;
  1256. <span style="font-size: 17px;"><a href="{text:sns link 4 url}" title="{text:sns link 4 title}"><i class="fa fa-spotify"></i></a></span> &nbsp;&nbsp;
  1257. <span style="font-size: 17px;"><a href="{text:sns link 5 url}" title="{text:sns link 5 title}"><i class="fa fa-twitter-square"></i></a></span> &nbsp;&nbsp;
  1258. <span style="font-size: 15px;"><a href="{text:sns link 6 url}" title="{text:sns link 6 title}"><i class="fa fa-bandcamp"></i></a></span>
  1259. </div>
  1260. <!-- end sns -->
  1261. </div></div>
  1262. <!-- end content-wrap, end overlay -->
  1263. </div>
  1264. <!-- end left side -->
  1265.  
  1266.  
  1267. <!-- beginning right side -->
  1268. <div id="right">
  1269. <!-- beginning posts -->
  1270. {block:Posts}
  1271. <div id="post">
  1272. {block:Text}
  1273.  
  1274. {block:Title}<h4>{Title}</h4>{/block:Title}
  1275. {block:NotReblog}{Body}{/block:NotReblog}
  1276. {block:RebloggedFrom}
  1277. {block:Reblogs}
  1278. {block:IsActive}<div class="user-text"><a href="{PermaLink}">{Username}</a></div>{/block:IsActive}
  1279. {block:IsDeactivated}<div class="user-text"><a>{Username}</a></div>{block:IsDeactivated}
  1280. <div class="branch">{Body}</div>
  1281. {/block:Reblogs}
  1282. {/Block:RebloggedFrom}
  1283.  
  1284. {/block:Text}
  1285.  
  1286.  
  1287. {block:Link}<h4><a href="{URL}" {Target}>{Name}</a></h4>
  1288. {block:Description}
  1289. {block:NotReblog}{Description}{/block:NotReblog}
  1290. {block:RebloggedFrom}
  1291. {block:Reblogs}
  1292. {block:IsActive}<div class="user-text"><a href="{PermaLink}">{Username}</a></div>{/block:IsActive}
  1293. {block:IsDeactivated}<div class="user-text"><a>{Username}</a></div>{block:IsDeactivated}
  1294. <div class="branch">{Description}</div>
  1295. {/block:Reblogs}
  1296. {/Block:RebloggedFrom}
  1297. {/block:Description}{/block:Link}
  1298.  
  1299.  
  1300. {block:Photo}
  1301. <div class="photo">{LinkOpenTag}<img src="{PhotoURL-HighRes}">{LinkCloseTag}</div>
  1302. {block:Caption}
  1303.  
  1304. {block:NotReblog}{Caption}{/block:NotReblog}
  1305.  
  1306. {block:RebloggedFrom}
  1307. {block:Reblogs}
  1308. {block:IsActive}<div class="user-photo"><a href="{PermaLink}">{Username}</a></div>{/block:IsActive}
  1309. {block:IsDeactivated}<div class="user-photo"><a>{Username}</a></div>{block:IsDeactivated}
  1310. <div class="branch">{Body}</div>
  1311. {/block:Reblogs}
  1312. {/Block:RebloggedFrom}
  1313.  
  1314. {/block:Caption}
  1315. {/block:Photo}
  1316.  
  1317.  
  1318. {block:If300pxPosts}
  1319. {block:Photoset}
  1320. {Photoset}
  1321. {block:Caption}
  1322.  
  1323. {block:NotReblog}{Caption}{/block:NotReblog}
  1324.  
  1325. {block:RebloggedFrom}
  1326. {block:Reblogs}
  1327. {block:IsActive}<div class="user-photo"><a href="{PermaLink}">{Username}</a></div>{/block:IsActive}
  1328. {block:IsDeactivated}<div class="user-photo"><a>{Username}</a></div>{block:IsDeactivated}
  1329. <div class="branch">{Body}</div>
  1330. {/block:Reblogs}
  1331. {/Block:RebloggedFrom}
  1332.  
  1333. {/block:Caption}{/block:Photoset}
  1334. {/block:If300pxPosts}
  1335.  
  1336.  
  1337. {block:If400pxPosts}
  1338. {block:Photoset}
  1339. {Photoset-400}
  1340. {block:Caption}
  1341.  
  1342. {block:NotReblog}{Caption}{/block:NotReblog}
  1343.  
  1344. {block:RebloggedFrom}
  1345. {block:Reblogs}
  1346. {block:IsActive}<div class="user-photo"><a href="{PermaLink}">{Username}</a></div>{/block:IsActive}
  1347. {block:IsDeactivated}<div class="user-photo"><a>{Username}</a></div>{block:IsDeactivated}
  1348. <div class="branch">{Body}</div>
  1349. {/block:Reblogs}
  1350. {/Block:RebloggedFrom}
  1351.  
  1352. {/block:Caption}{/block:Photoset}
  1353. {/block:If400pxPosts}
  1354.  
  1355.  
  1356. {block:If500pxPosts}
  1357. {block:Photoset}
  1358. {Photoset-500}
  1359. {block:Caption}
  1360.  
  1361. {block:NotReblog}{Caption}{/block:NotReblog}
  1362.  
  1363. {block:RebloggedFrom}
  1364. {block:Reblogs}
  1365. {block:IsActive}<div class="user-photo"><a href="{PermaLink}">{Username}</a></div>{/block:IsActive}
  1366. {block:IsDeactivated}<div class="user-photo"><a>{Username}</a></div>{block:IsDeactivated}
  1367. <div class="branch">{Body}</div>
  1368. {/block:Reblogs}
  1369. {/Block:RebloggedFrom}
  1370.  
  1371. {/block:Caption}{/block:Photoset}
  1372. {/block:If500pxPosts}
  1373.  
  1374.  
  1375. {block:If600pxPosts}
  1376. {block:Photoset}
  1377. {Photoset}
  1378. {block:Caption}
  1379.  
  1380. {block:NotReblog}{Caption}{/block:NotReblog}
  1381.  
  1382. {block:RebloggedFrom}
  1383. {block:Reblogs}
  1384. {block:IsActive}<div class="user-photo"><a href="{PermaLink}">{Username}</a></div>{/block:IsActive}
  1385. {block:IsDeactivated}<div class="user-photo"><a>{Username}</a></div>{block:IsDeactivated}
  1386. <div class="branch">{Body}</div>
  1387. {/block:Reblogs}
  1388. {/Block:RebloggedFrom}
  1389.  
  1390. {/block:Caption}{/block:Photoset}
  1391. {/block:If600pxPosts}
  1392.  
  1393.  
  1394. {block:If700pxPosts}
  1395. {block:Photoset}
  1396. {Photoset-700}
  1397. {block:Caption}
  1398.  
  1399. {block:NotReblog}{Caption}{/block:NotReblog}
  1400.  
  1401. {block:RebloggedFrom}
  1402. {block:Reblogs}
  1403. {block:IsActive}<div class="user-photo"><a href="{PermaLink}">{Username}</a></div>{/block:IsActive}
  1404. {block:IsDeactivated}<div class="user-photo"><a>{Username}</a></div>{block:IsDeactivated}
  1405. <div class="branch">{Body}</div>
  1406. {/block:Reblogs}
  1407. {/Block:RebloggedFrom}
  1408.  
  1409. {/block:Caption}{/block:Photoset}
  1410. {/block:If700pxPosts}
  1411.  
  1412.  
  1413. {block:If300pxPosts}
  1414. {block:Video}{Video-300}
  1415. {block:Caption}
  1416.  
  1417. {block:NotReblog}{Caption}{/block:NotReblog}
  1418.  
  1419. {block:RebloggedFrom}
  1420. {block:Reblogs}
  1421. {block:IsActive}<div class="user-photo"><a href="{PermaLink}">{Username}</a></div>{/block:IsActive}
  1422. {block:IsDeactivated}<div class="user-photo"><a>{Username}</a></div>{block:IsDeactivated}
  1423. <div class="branch">{Body}</div>
  1424. {/block:Reblogs}
  1425. {/Block:RebloggedFrom}
  1426.  
  1427. {/block:Caption}{/block:Video}
  1428. {/block:If300pxPosts}
  1429.  
  1430.  
  1431. {block:If400pxPosts}
  1432. {block:Video}{Video-400}
  1433. {block:Caption}
  1434.  
  1435. {block:NotReblog}{Caption}{/block:NotReblog}
  1436.  
  1437. {block:RebloggedFrom}
  1438. {block:Reblogs}
  1439. {block:IsActive}<div class="user-photo"><a href="{PermaLink}">{Username}</a></div>{/block:IsActive}
  1440. {block:IsDeactivated}<div class="user-photo"><a>{Username}</a></div>{block:IsDeactivated}
  1441. <div class="branch">{Body}</div>
  1442. {/block:Reblogs}
  1443. {/Block:RebloggedFrom}
  1444.  
  1445. {/block:Caption}{/block:Video}
  1446. {/block:If400pxPosts}
  1447.  
  1448.  
  1449. {block:If500pxPosts}
  1450. {block:Video}{Video-500}
  1451. {block:Caption}
  1452.  
  1453. {block:NotReblog}{Caption}{/block:NotReblog}
  1454.  
  1455. {block:RebloggedFrom}
  1456. {block:Reblogs}
  1457. {block:IsActive}<div class="user-photo"><a href="{PermaLink}">{Username}</a></div>{/block:IsActive}
  1458. {block:IsDeactivated}<div class="user-photo"><a>{Username}</a></div>{block:IsDeactivated}
  1459. <div class="branch">{Body}</div>
  1460. {/block:Reblogs}
  1461. {/Block:RebloggedFrom}
  1462.  
  1463. {/block:Caption}{/block:Video}
  1464. {/block:If500pxPosts}
  1465.  
  1466.  
  1467. {block:If600pxPosts}
  1468. {block:Video}{Video-600}
  1469. {block:Caption}
  1470.  
  1471. {block:NotReblog}{Caption}{/block:NotReblog}
  1472.  
  1473. {block:RebloggedFrom}
  1474. {block:Reblogs}
  1475. {block:IsActive}<div class="user-photo"><a href="{PermaLink}">{Username}</a></div>{/block:IsActive}
  1476. {block:IsDeactivated}<div class="user-photo"><a>{Username}</a></div>{block:IsDeactivated}
  1477. <div class="branch">{Body}</div>
  1478. {/block:Reblogs}
  1479. {/Block:RebloggedFrom}
  1480.  
  1481. {/block:Caption}{/block:Video}
  1482. {/block:If600pxPosts}
  1483.  
  1484.  
  1485. {block:If700pxPosts}
  1486. {block:Video}{Video-700}
  1487. {block:Caption}
  1488.  
  1489. {block:NotReblog}{Caption}{/block:NotReblog}
  1490.  
  1491. {block:RebloggedFrom}
  1492. {block:Reblogs}
  1493. {block:IsActive}<div class="user-photo"><a href="{PermaLink}">{Username}</a></div>{/block:IsActive}
  1494. {block:IsDeactivated}<div class="user-photo"><a>{Username}</a></div>{block:IsDeactivated}
  1495. <div class="branch">{Body}</div>
  1496. {/block:Reblogs}
  1497. {/Block:RebloggedFrom}
  1498.  
  1499. {/block:Caption}{/block:Video}
  1500. {/block:If700pxPosts}
  1501.  
  1502.  
  1503. {block:Audio}
  1504. <div id="audio">
  1505. <div id="albumart">{block:AlbumArt}<img src="{AlbumArtURL}">{/block:AlbumArt}</div>
  1506. <div class="player">{AudioPlayer}</div>
  1507. <div class="adetails">
  1508. {block:TrackName}<span style="color:{color:audio post title}; font-family: 'Playfair Display'; font-size: 12px; font-style: italic; font-weight: 500; letter-spacing: 1px;">{TrackName}</span><br>{/block:TrackName}
  1509. <span style="font-family: 'Arial'; font-variant: small-caps; margin-top: -15px;">
  1510. {block:Artist}<b>artist:</b>&nbsp; {Artist}<br>{/block:Artist}
  1511. {block:Album}<b>album:</b>&nbsp; {Album}<br>{/block:Album}
  1512. {block:PlayCount}<b>played:</b>&nbsp; {PlayCount} times{/block:PlayCount}</span>
  1513. </div>
  1514. </div>
  1515. {/block:Audio}
  1516.  
  1517. {block:Quote}
  1518. <div class="quote">{Quote}</div>
  1519. {block:Source}
  1520. <div class="qusource">{Source}</div>
  1521. {/block:Source}
  1522. {/block:Quote}
  1523.  
  1524. {block:Chat}
  1525. {block:Title}<p><h4>{Title}</h4></p>{/block:Title}
  1526. <div class="chat">
  1527. {block:Lines}
  1528. <div class="line"><p>{block:Label}<span style="font-size: 11px; font-variant: small-caps; text-transform: lowercase;"><b>{Label}</b></span>{/block:Label} &nbsp; {Line}</p></div>
  1529. {/block:Lines}
  1530. </div>
  1531. {/block:Chat}
  1532.  
  1533. {block:Answer}
  1534. <div class="asker">{Asker} {text:asker}</div>
  1535. <div class="ask"><p>{Question}</p></div>
  1536. {block:Answerer}
  1537. <div class="answer">{Answer}</div>
  1538. <div class="answerer">{Answerer}</div>
  1539. {/block:Answerer}
  1540. {Replies}
  1541. {/block:Answer}
  1542.  
  1543. </div>
  1544. <!--END OF POST ITSELF, START OF INFO BLOCKS-->
  1545. <div id="info">
  1546. <b><a href="{Permalink}">{block:Date}{DayOfMonthWithZero} {Month} {Year}{/block:Date}</a>{block:NoteCount} &nbsp; ♦ &nbsp; <a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount}<br>
  1547. {block:RebloggedFrom}{block:ContentSource}<a href="{SourceURL}" title="{SourceTitle}">origin</a>&nbsp; • &nbsp; {/block:ContentSource}<a href="{ReblogParentURL}" title="{ReblogParentName}">via</a> &nbsp; • &nbsp; {/block:RebloggedFrom}<a href="{ReblogURL}">reblog</a></b>
  1548. </div>
  1549. <!--END OF INFO BLOCK, START OF TAGS-->
  1550. <div id="tags">{block:HasTags}<i class="fa fa-tag" aria-hidden="true"></i> &nbsp; <span style="font-size: 8px; font-style:italic;">{block:Tags}<a href="{TagURL}">{Tag};</a>&nbsp;&nbsp;{/block:Tags}</span>{/block:HasTags}</div>
  1551. <!--END OF TAGS-->
  1552. {/block:Posts}
  1553. <!--END OF POSTS, START OF POSTNOTE BLOCK-->
  1554. <div class="postnote">
  1555. {block:PostNotes}{PostNotes}{/block:PostNotes}
  1556. </div>
  1557. <!--END OF POSTNOTE BLOCK-->
  1558. <!-- end posts -->
  1559.  
  1560. <!-- begin pagination-->
  1561. {block:Pagination}
  1562. <div id="pagination">
  1563. {block:PreviousPage} &nbsp;<a href="{PreviousPage}"><b>collapse</b></a>&nbsp;&nbsp; • &nbsp;{/block:PreviousPage}{block:NextPage}&nbsp;<a href="{NextPage}"><b>forward</b></a>{/block:NextPage}
  1564. </div>
  1565. {/block:Pagination}
  1566. <!-- end pagination -->
  1567.  
  1568. </div>
  1569. <!-- end right side -->
  1570.  
  1571.  
  1572. <!-- beginning credit -->
  1573. <div id="credit">
  1574. <i class="fa fa-cloud"></i><br>
  1575. <span style="background-color: {text:credit bg}; font-family: 'Arial'; font-size: 10px; font-variant: small-caps; border: 1px solid {color:credit}; padding-top: 2px; padding-left: 10px; padding-right: 10px; padding-bottom: 2px;"><a href="https://angelicxi.tumblr.com/" title="ᴛʜᴇᴍᴇ ʙʏ ᴀɴɢᴇʟɪᴄxɪ">angelicxi</a></span>
  1576. </div>
  1577. <!-- end credit -->
  1578.  
  1579. </div>
  1580. </body></html>
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!