API tools faq
paste
thetruththemes

GEM - Garnet

thetruththemes
Jun 9th, 2016 (edited)
4,910
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 43.06 KB | None | 0 0
raw download clone embed print report
  1. <html>
  2. <!---------------------------------------------------------------------------
  3.  
  4. ,,
  5. ,GG,
  6. GIIG
  7. Gl''lG
  8. ;G' 'G;
  9. GP YG
  10. oQ' 'Qo -ɢᴇᴍ ᴛʜᴇᴍᴇ ʙʏ
  11. *TGGGGGGGGGGGGQQQ, ,QQQGGGGGGGGGGGGP* ɴʏᴄᴛᴏᴛʜᴇᴍᴇs.ᴛᴜᴍʙʟʀ.ᴄᴏᴍ
  12. *TGo, '* *' ,oGP*
  13. *TGo, ɴʏᴄᴛ□ᴛʜᴇᴍᴇs ,oGP* -ᴘʟᴇᴀsᴇ ʀᴇғᴇʀ ᴛᴏ ᴏʀɪɢɪɴᴀʟ
  14. *TGio,, ,,oiGP* ᴘᴏsᴛ ʟɪɴᴋ ғᴏʀ ʀᴜʟᴇs ᴀɴᴅ ᴍɪsᴄ
  15. ;GGT' 'TGG:
  16. GG' ii 'GG -ᴅᴏ ɴᴏᴛ ʀᴇᴍᴏᴠᴇ ᴀɴʏ ᴏғ ᴛʜᴇ
  17. GG' ,GG, 'GG ᴄᴏᴅᴇ ᴄʀᴇᴅɪᴛ ᴏʀ ᴍᴏᴠᴇ ɪᴛ ᴛᴏ
  18. GG* oGGGGo. *GG ᴀ ᴘᴀɢᴇ.
  19. oG* oGG* *GGo. *Go
  20. ;GG;oGG* *GGo;GG;
  21. ,GGGT* *TGGG,
  22. ""' '""
  23.  
  24. ---------------------------------------------------------------------------->
  25.  
  26. <!-- hover title -->
  27. <link href="style-my-tooltips.css" rel="stylesheet" type="text/css" />
  28. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script><script type="text/javascript" src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script><script>(function($){$(document).ready(function(){$("[title]").style_my_tooltips();});})(jQuery);</script>
  29.  
  30. <head>
  31.  
  32. <!-- website necessities -->
  33. {block:Ifcustomfavicon}<link rel="shortcut icon" href="{image:favicon}"/>{/block:Ifcustomfavicon}
  34. {block:IfNotcustomfavicon}<link rel="shortcut icon" href="{favicon}"/>{/block:IfNotcustomfavicon}
  35.  
  36. <link rel="alternate" type="application/rss+xml" href="{RSS}"/>
  37. <title>{Title}</title>
  38. {block:Description}<meta name="description" content="{MetaDescription}"/>{/block:Description}
  39.  
  40. <!-------------------------------- IMAGES ---------------------------------->
  41. <meta name="image:Background" content="http://static.tumblr.com/u5vz4xb/vGfo8d8u0/gem_bg_02.png"/>
  42. <meta name="image:Side Image" content="http://static.tumblr.com/u5vz4xb/zlso8d8uf/garnet-2.gif"/>
  43. <meta name="image:Custom Cursor" content="http://static.tumblr.com/u5vz4xb/nN3o86lf2/21a.png"/>
  44. <meta name="image:Custom Cursor Links" content="http://static.tumblr.com/u5vz4xb/g54o86lfb/21b.png"/>
  45. <meta name="image:Favicon" content="http://static.tumblr.com/u5vz4xb/nj5o86lek/favicon.png"/>
  46. <meta name="image:Default Audio Pic" content="http://static.tumblr.com/u5vz4xb/b9Bo8itpy/garnet_1.png"/>
  47.  
  48. <!-------------------------------- COLORS ---------------------------------->
  49. <!-- Full Body -->
  50. <meta name="color:Background" content="#eabdb7"/>
  51. <meta name="color:Background Bottom Gradient" content="#bc7090"/>
  52. <meta name="color:Scroll BG" content="#eabdb7"/>
  53. <meta name="color:Scroll Thumb" content="#ffffff"/>
  54. <!-- Sidebar -->
  55. <meta name="color:Moon" content="#ffffff"/>
  56. <meta name="color:Stars" content="#ffe2dd"/>
  57. <meta name="color:Space Glow" content="#f0c4c6"/>
  58. <meta name="color:Title Top Color" content="#b05f89"/>
  59. <meta name="color:Title Bottom Color" content="#4b4272"/>
  60. <meta name="color:Title Outline" content="#ffffff"/>
  61. <meta name="color:Title Shadow" content="#f2dfe0"/>
  62. <meta name="color:Description Text" content="#f0c4c6"/>
  63. <meta name="color:Description Links" content="#b05f89"/>
  64. <meta name="color:Description Links Hover" content="#4b4272"/>
  65. <meta name="color:Description Scrollbar" content="#f2dfe0"/>
  66. <meta name="color:Description BG" content="#ffffff"/>
  67. <meta name="color:Description Shadow" content="#f2dfe0"/>
  68. <meta name="color:Side Image Border" content="#df9aa3"/>
  69. <meta name="color:Sidelinks" content="#ffffff"/>
  70. <meta name="color:Sidelinks Hover" content="#ffdee0"/>
  71. <meta name="color:Sidelinks Text" content="#b05f89"/>
  72. <!-- Posts -->
  73. <meta name="color:Posts BG" content="#ffffff"/>
  74. <meta name="color:Posts 2nd BG" content="#fff3ed"/>
  75. <meta name="color:Posts Shadow" content="#f2dfe0"/>
  76. <meta name="color:Posts Title" content="#4b4272"/>
  77. <meta name="color:Posts Text" content="#ccccd7"/>
  78. <meta name="color:Posts Bold" content="#b1a4c6"/>
  79. <meta name="color:Posts Italic" content="#ccccd7"/>
  80. <meta name="color:Posts Code" content="#cecece"/>
  81. <meta name="color:Posts Code BG" content="#ededed"/>
  82. <meta name="color:Posts Links" content="#e7b3bd"/>
  83. <meta name="color:Posts Links Hover" content="#8d77e5"/>
  84. <meta name="color:Posts Blockquote" content="#f3cab1"/>
  85. <meta name="color:Audio Player" content="#ed54ab"/>
  86. <!-- Post Endings -->
  87. <meta name="color:Postending Circles" content="#ffffff"/>
  88. <meta name="color:Postending Circles Hover" content="#df9aa3"/>
  89. <meta name="color:Postending Circles Background" content="#f0c4c6"/>
  90. <meta name="color:Postending Circles Liked Post" content="#e57c7c"/>
  91. <meta name="color:Postending Text" content="#b05f89"/>
  92. <meta name="color:Postending BG" content="#4b4272"/>
  93. <meta name="color:Postending Links" content="#ffffff"/>
  94. <meta name="color:Postending Links Hover" content="#ffe3fd"/>
  95. <!-- Permalink -->
  96. <meta name="color:Permalink Text" content="#b05f89"/>
  97. <meta name="color:Permalink Links" content="#ffffff"/>
  98. <meta name="color:Permalink Links Hover" content="#ffdee0"/>
  99. <meta name="color:Permalink Blockquote" content="#f0c4c6"/>
  100. <meta name="color:Permalink Scroll Thumb" content="#ffdee0"/>
  101. <!-- Misc. -->
  102. <meta name="color:Link Hover BG" content="#4b4272"/>
  103. <meta name="color:Link Hover Text" content="#ffffff"/>
  104. <meta name="color:Selection BG" content="#4b4272"/>
  105. <meta name="color:Selection Text" content="#f2dfe0"/>
  106. <meta name="color:Selection Links" content="#ffffff"/>
  107.  
  108. <!------------------------------- OPTIONS ---------------------------------->
  109. <meta name="if:Patterned Background" content="0"/>
  110. <meta name="if:Lower Background Gradient" content="1"/>
  111. <meta name="if:Full Moon" content="1"/>
  112. <meta name="if:400px Posts" content="0"/>
  113. <meta name="if:Monochrome Photos" content="0"/>
  114. <meta name="if:Fade Photos" content="1"/>
  115. <meta name="if:2nd Chat Post Format" content="1"/>
  116. <meta name="if:Postending Circles for Indexpage" content="1"/>
  117. <meta name="if:Custom Cursor" content="1"/>
  118. <meta name="if:Custom Favicon" content="1"/>
  119. <meta name="if:Dark Audio Player" content="0"/>
  120. <meta name="if:Credit on the Right" content="1"/>
  121.  
  122. <!-------------------------------- TEXTS ----------------------------------->
  123. <meta name="text:Side Title" content="Garnet" />
  124. <meta name="text:Link 1 URL" content="/link1" />
  125. <meta name="text:Link 1 Title" content="Link One" />
  126. <meta name="text:Link 2 URL" content="/link2" />
  127. <meta name="text:Link 2 Title" content="Link Two" />
  128. <meta name="text:Link 3 URL" content="/link3" />
  129. <meta name="text:Link 3 Title" content="Link Three" />
  130. <meta name="text:Link 4 URL" content="/link4" />
  131. <meta name="text:Link 4 Title" content="Link Four" />
  132. <meta name="text:Ask Verb" content="sang" />
  133.  
  134. <!-- symbol font (like the credit) -->
  135. <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">
  136. <!-- custom font 1/3 -->
  137. <link href='https://fonts.googleapis.com/css?family=Montserrat:400,700|Fredoka+One' rel='stylesheet' type='text/css'>
  138.  
  139. </head>
  140. <!-- custom font 2/3 -->
  141. <script type="text/javascript">
  142. WebFontConfig = {
  143. google: { families: [ 'Montserrat:400,700:latin', 'Fredoka+One::latin' ] }
  144. };
  145. (function() {
  146. var wf = document.createElement('script');
  147. wf.src = 'https://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js';
  148. wf.type = 'text/javascript';
  149. wf.async = 'true';
  150. var s = document.getElementsByTagName('script')[0];
  151. s.parentNode.insertBefore(wf, s);
  152. })(); </script>
  153.  
  154. <style type="text/css">
  155.  
  156. /* custom font 3/3 */
  157. @import url(https://fonts.googleapis.com/css?family=Montserrat:400,700|Fredoka+One);
  158.  
  159. /* ------------------------------ DECORATION ---------------------------- */
  160.  
  161. /* body */
  162. body {
  163. color:{color:Posts Text};
  164. font: normal normal normal 11px/17px 'Montserrat', sans-serif;
  165. text-align:justify;}
  166.  
  167. /* background color, image, and gradient */
  168. #body-background {
  169. z-index:-99999999;
  170. position:fixed;
  171. top:0; left:0;
  172. width:100%; height:100%;
  173. padding:0; margin:0;
  174. background: {color:Background} url('{image:background}') fixed
  175. {block:IfNotPatternedBackground}
  176. center/cover{/block:IfNotPatternedBackground};
  177. {block:IfLowerBackgroundGradient}
  178. box-shadow:0px -400px 600px -300px {color:Background Bottom Gradient} inset;{/block:IfLowerBackgroundGradient}}
  179.  
  180. /* ------------------------ CREDIT; DON'T REMOVE ------------------------- */
  181.  
  182. #credit {
  183. z-index:99999; position:fixed;
  184. bottom:10px;
  185. {block:IfNotCreditOnTheRight}left:10px;{/block:IfNotCreditOnTheRight}
  186. {block:IfCreditOnTheRight}right:10px;{/block:IfCreditOnTheRight}
  187. height:18px; width:18px;
  188. padding:5px 6px 7px 6px;
  189. border-radius:50%;
  190. font-size:20px; font-weight:bold;
  191. color:{color:Postending Circles};
  192. background:{color:Postending Circles Background};
  193. -webkit-transition: all 0.5s ease-in-out;
  194. -moz-transition: all 0.5s ease-in-out;
  195. transition: all 0.5s ease-in-out;}
  196. #credit:hover {
  197. transform: rotate(72deg);
  198. -webkit-transform: rotate(72deg);
  199. -moz-transform: rotate(72deg);
  200. -o-transform: rotate(72deg);
  201. -ms-transform: rotate(72deg);
  202. color:{color:Postending Circles Hover};}
  203.  
  204. /* ------------------------------ MINOR STUFF ---------------------------- */
  205.  
  206. /* hover text */
  207. #s-m-t-tooltip {
  208. z-index: 99999; display: block;
  209. margin-left: 25px; margin-top: -5px;
  210. max-width:150px;
  211. padding: 4px 5px 4px 6px;
  212. font-size:9px; text-transform:uppercase;
  213. letter-spacing:.5px; text-align:center;
  214. line-height:10px;
  215. color: {color:Link Hover Text};
  216. background: {color:Link Hover BG};}
  217.  
  218. /* scrollbar */
  219. ::-webkit-scrollbar {
  220. height:14px; width:14px;
  221. background: {color:Scroll BG};}
  222. ::-webkit-scrollbar-thumb {
  223. background: {color:Scroll Thumb};
  224. border:4px solid {color:Scroll BG};}
  225.  
  226. /* drag n' click selection */
  227. ::selection {
  228. background: {color:Selection BG};
  229. color: {color:Selection Text};}
  230. ::-moz-selection {
  231. background: {color:Selection BG};
  232. color: {color:Selection Text};}
  233. a::selection {
  234. background: {color:Selection BG};
  235. color: {color:Selection Links};}
  236. a::-moz-selection {
  237. background: {color:Selection BG};
  238. color: {color:Selection Links};}
  239.  
  240. /* ----------------------------- FONT STUFF ------------------------------ */
  241.  
  242. /* main font decorations */
  243. .posts p:last-child {
  244. margin-bottom:0px;}
  245. .posts p:first-child {
  246. margin-top:0px;}
  247. b, strong {color:{color:Posts Bold};}
  248. i, em {color:{color:Posts Italic};}
  249.  
  250. /* links */
  251. a:link, a:active, a:visited{
  252. text-decoration:none;
  253. color:{color:Posts Links};
  254. -webkit-transition: all 0.35s linear;
  255. -moz-transition: all 0.35s linear;
  256. transition: all 0.35s linear;}
  257. a:hover {
  258. color:{color:Posts Links Hover};}
  259. a i, i a, a em, em a, a b, b a, a strong, strong a {
  260. color:{color:Posts Links} !important;
  261. -webkit-transition: all 0.35s linear;
  262. -moz-transition: all 0.35s linear;
  263. transition: all 0.35s linear;}
  264. a i:hover, i a:hover, a em:hover, em a:hover, a b:hover, b a:hover, a strong:hover, strong a:hover {
  265. color:{color:Posts Links Hover} !important;}
  266.  
  267. pre {
  268. padding: 6px 9px;
  269. color:{color:Posts Code};
  270. font-size:10px; max-width:100%;
  271. font-family:consolas;
  272. background:{color:Posts Code BG};
  273. border-left: 7px solid {color:posts blockquote};
  274. white-space: pre-wrap;
  275. white-space: -moz-pre-wrap;
  276. white-space: -pre-wrap;
  277. white-space: -o-pre-wrap;
  278. word-wrap: break-word;}
  279. code {
  280. color:{color:Posts Code};
  281. font-size:10px;
  282. font-family:consolas;
  283. background:{color:Posts Code BG};
  284. padding:1px 2px;}
  285.  
  286. /* text and link post titles */
  287. h1 {font: normal normal normal 20px/20px 'Fredoka One', cursive;
  288. text-transform:uppercase;
  289. color:{color:Posts Title};
  290. text-align:center;
  291. letter-spacing:1px;
  292. text-shadow:
  293. /* outline */
  294. 2px 0px 0px {color:Posts BG}, /* right */
  295. -2px 0px 0px {color:Posts BG}, /* left */
  296. 0px 2px 0px {color:Posts BG}, /* bottom */
  297. 0px -2px 0px {color:Posts BG}, /* top */
  298. 1px 1px 0px {color:Posts BG}, /* bottom right */
  299. -1px 1px 0px {color:Posts BG}, /* bottom left */
  300. 1px -1px 0px {color:Posts BG}, /* top right */
  301. -1px -1px 0px {color:Posts BG}, /* top left */
  302. /* vertical shadow */
  303. 2px 1px 0px {color:Posts Text}, /* right */
  304. -2px 1px 0px {color:Posts Text}, /* left */
  305. 1px 2px 0px {color:Posts Text}, /* bottom right */
  306. -1px 2px 0px {color:Posts Text}, /* bottom left */
  307. 0px 3px 0px {color:Posts Text}; /* bottom */}
  308. /* quote and ask post titles */
  309. h2 {font: normal normal normal 16px/16px 'Fredoka One', cursive;
  310. text-transform:uppercase;
  311. color:{color:Posts Bold};
  312. text-align:center;}
  313. .posts h1:first-child, .posts h2:first-child {margin-top:0px;}
  314.  
  315. /* -------------------------------- SIDEBAR ------------------------------ */
  316.  
  317. #moon {
  318. position:fixed; z-index:0;
  319. border-radius:50%;
  320. top:50%; margin-top:-255px;
  321. left:50%; margin-left:-200px;
  322. height:0px; width:0px;
  323. background:{color:Space Glow};
  324. border:20px solid {color:Moon};
  325. {block:IfNotFullMoon}
  326. border-color:{color:Moon} {color:Moon} transparent transparent;
  327. {/block:IfNotFullMoon}
  328. box-shadow: 0px 0px 0px 15px {color:Space Glow};}
  329.  
  330. .star:before {
  331. content:""; display:block;
  332. position:fixed; z-index:3;
  333. background:{color:Stars};
  334. transform: rotate(45deg);
  335. -webkit-transform: rotate(45deg);
  336. -moz-transform: rotate(45deg);
  337. -o-transform: rotate(45deg);
  338. -ms-transform: rotate(45deg);}
  339. #star1:before {
  340. height:15px; width:15px;
  341. top:50%; left:50%;
  342. margin-top:-236px; margin-left:-252px;
  343. box-shadow: 11px -6px 0px 2px {color:Space Glow};}
  344. #star2:before {
  345. height:5px; width:5px;
  346. top:50%; left:50%;
  347. margin-top:-250px; margin-left:-210px;
  348. box-shadow: -5px 0px 0px 2px {color:Space Glow};}
  349. #star3:before {
  350. height:10px; width:10px;
  351. top:50%; left:50%;
  352. margin-top:-180px; margin-left:-170px;
  353. box-shadow: -13px 13px 0px 7px {color:Space Glow};}
  354.  
  355. #star4:before {
  356. position:absolute;
  357. height:5px; width:5px;
  358. margin-top:183px; margin-left:-43px;
  359. box-shadow: 5px -8px 0px 2px {color:Space Glow};}
  360. #star5:before {
  361. position:absolute;
  362. height:15px; width:15px;
  363. margin-top:231px; margin-left:-19px;
  364. box-shadow: -10px -4px 0px 2px {color:Space Glow};}
  365. #star6:before {
  366. position:absolute;
  367. height:10px; width:10px;
  368. margin-top:208px; margin-left:-60px;
  369. box-shadow: 4px -2px 0px 7px {color:Space Glow};}
  370.  
  371. /* side title */
  372. .title {
  373. position:fixed; z-index:3;
  374. left:50%; margin-left:-350px;
  375. top:50%; margin-top:-200px;
  376. letter-spacing:1.5px;
  377. font: normal normal bold 35px/35px 'Fredoka One', cursive;
  378. text-transform:uppercase;
  379. -webkit-transform: translateX(-50%);
  380. -ms-transform: translateX(-50%);
  381. transform: translateX(-50%);}
  382.  
  383. /* top color */
  384. #title-top {
  385. height:17px; z-index:2;
  386. overflow:hidden;
  387. color:{color:Title Top Color};
  388. text-shadow:
  389. /* outline blender */
  390. 1px 0px 0px {color:Title Outline}, /* right */
  391. -1px 0px 0px {color:Title Outline}, /* left */
  392. 0px 1px 0px {color:Title Outline}, /* bottom */
  393. 0px -1px 0px {color:Title Outline}; /* top */}
  394.  
  395. /* bottom color */
  396. #title-bottom {
  397. z-index:1;
  398. color:{color:Title Bottom Color};
  399. text-shadow:
  400. /* outline */
  401. 3px 0px 0px {color:Title Outline}, /* right */
  402. -3px 0px 0px {color:Title Outline}, /* left */
  403. 0px 3px 0px {color:Title Outline}, /* bottom */
  404. 0px -3px 0px {color:Title Outline}, /* top */
  405. 2px 2px 0px {color:Title Outline}, /* bottom right */
  406. -2px 2px 0px {color:Title Outline}, /* bottom left */
  407. 2px -2px 0px {color:Title Outline}, /* top right */
  408. -2px -2px 0px {color:Title Outline}, /* top left */
  409. /* vertical shadow */
  410. 3px 4px 0px {color:Title Shadow}, /* right */
  411. -3px 4px 0px {color:Title Shadow}, /* left */
  412. 2px 5px 0px {color:Title Shadow}, /* bottom right */
  413. -2px 5px 0px {color:Title Shadow}, /* bottom left */
  414. 0px 6px 0px {color:Title Shadow}, /* bottom */
  415. 3px 2px 0px {color:Title Shadow}, /* middle bottom right */
  416. -3px 2px 0px {color:Title Shadow}; /* middle bottom left */}
  417.  
  418. /* side container */
  419. #side {
  420. position:fixed;
  421. left:50%; margin-left:-470px;
  422. top:50%; margin-top:-150px;
  423. width:280px;}
  424.  
  425. /* whole description */
  426. #description {
  427. display:block; text-align:justify;
  428. font-size:10px; line-height:15px;
  429. color:{color:Description Text};
  430. width:200px; padding:20px;}
  431. #description b, #description strong {
  432. font-weight:normal;
  433. color:{color:Description Links};
  434. text-transform:uppercase;
  435. font-family:'Fredoka One', cursive;
  436. font-size:15px;}
  437. #description a, #description b a, #description a b,
  438. #description bstrong a, #description a strong {
  439. color:{color:Description Links} !important;}
  440. #description a:hover {
  441. color:{color:Description Links Hover} !important;}
  442.  
  443. /* desc text window */
  444. #description-hold {
  445. width:195px; padding-right:5px;
  446. max-height:120px; overflow:auto;}
  447. #description-hold::-webkit-scrollbar {
  448. height:3px; width:3px;
  449. background: transparent;}
  450. #description-hold::-webkit-scrollbar-thumb {
  451. background: {color:description scrollbar};
  452. border:none;}
  453.  
  454. /* desc cloud bg */
  455. #description-before {
  456. display:block; position:absolute;
  457. content:""; z-index:-1;
  458. margin: -20px 0px 0px -40px;
  459. width:220px; height:50%;
  460. background:{color:Description BG};
  461. border:20px solid {color:Description BG};
  462. border-width:0px 20px;
  463. box-shadow: 0px 5px 0px {color:Description Shadow};
  464. border-radius: 10% 10% 5% 10%/50% 50% 40% 50%;}
  465. #description-after {
  466. display:block; position:absolute;
  467. content:""; z-index:-1;
  468. margin: 20px 0px 0px -20px;
  469. width:220px; height:50%;
  470. -webkit-transform: translateY(-100%);
  471. -ms-transform: translateY(-100%);
  472. transform: translateY(-100%);
  473. background:{color:Description BG};
  474. border:20px solid {color:Description BG};
  475. border-width:0px 20px;
  476. box-shadow: 0px 5px 0px {color:Description Shadow};
  477. border-radius: 5% 10% 10% 10%/40% 50% 50% 50%;}
  478.  
  479. #side-image {
  480. position:absolute;
  481. margin-top:25px;
  482. height:150px; width:120px;
  483. border:10px solid {color:Side Image Border};
  484. background:{color:Side Image Border} url('{image:Side Image}') center/cover;
  485. border-radius:20px;}
  486.  
  487. /* sidebar links */
  488. #sidelinks {
  489. position:absolute;
  490. margin: 110px 0px 0px 150px;
  491. letter-spacing:.5px;
  492. width:150px; color:{color:Sidelinks Text};
  493. font: normal normal normal 10px/15px 'Fredoka One', cursive;
  494. text-transform:uppercase; text-align:left;
  495. -webkit-transform: scale(0.85, 1) translateXY(-50%);
  496. -ms-transform: scale(0.85, 1) translateY(-50%);
  497. transform: scale(0.85, 1) translateY(-50%);}
  498. #sidelinks a {
  499. font-size:15px; text-decoration:none;
  500. display:block; letter-spacing:1px;
  501. margin:-2px 0px 2px 0px;
  502. color:{color:Sidelinks};
  503. -webkit-transition: all 0.2s linear;
  504. -moz-transition: all 0.2s linear;
  505. transition: all 0.2s linear;}
  506. #sidelinks a:hover {
  507. color:{color:Sidelinks Hover};}
  508.  
  509. /* pagination */
  510. #pagination l {font-size:13px; margin:-1px 2px 0px 2px;}
  511. #pagination a {display:inline-block;}
  512. #pagination b {
  513. color:{color:Sidelinks Text}; font-size:15px;
  514. font-weight:normal;}
  515. #pagination b a, #pagination a b {color:{color:Sidelinks} !important;}
  516.  
  517. /* ------------------------------- POSTS --------------------------------- */
  518.  
  519. /* posts position */
  520. #entries {
  521. margin-top:80px;
  522. margin-left:50%;
  523. text-align:justify;}
  524. /* posts themselves */
  525. .posts {
  526. overflow:hidden;
  527. {block:IfNot400pxPosts}
  528. margin:0 0 90px -50px;
  529. width: 500px;
  530. {/block:IfNot400pxPosts}
  531. {block:If400pxPosts}
  532. margin:0 0 90px 0px;
  533. width: 400px;
  534. {/block:If400pxPosts}
  535. padding:20px;
  536. text-align:justify;
  537. border-radius:20px;
  538. background: {color:Posts BG} url('');
  539. box-shadow: 0px 5px 0px {color:Posts Shadow};}
  540.  
  541. /* ----------------------------- POST TYPES ------------------------------ */
  542.  
  543. /* text post */
  544. blockquote {
  545. padding:0px;
  546. padding-left:7px;
  547. margin:-3px 0 -1px 7px;
  548. border-left:2px solid {color:posts blockquote};}
  549. hr {display: block;
  550. margin: 30px 80px;
  551. border:1px solid {color:posts blockquote};}
  552.  
  553. /* bullet lists */
  554. ol {margin-left:-8px;
  555. list-style-type:decimal;}
  556. ul {margin-left:-20px;
  557. list-style-type:none;}
  558. ul li::before {
  559. content:"";
  560. margin:0px 10px 2px 0px;
  561. display:inline-block;
  562. height:4px; width:4px;
  563. border-radius:50%;
  564. background:{color:posts blockquote};}
  565. li {margin-bottom:3px;}
  566.  
  567. /* text-images */
  568. .posts img {
  569. vertical-align:middle;
  570. max-width:100%;}
  571. /* the credit below images that are from other people */
  572. .tmblr-full {margin:0;}
  573. .tmblr-attribution {
  574. opacity:.8;
  575. margin-top:0px;
  576. font-family:Calibri;
  577. font-size:8px; line-height:8px;
  578. text-transform:uppercase;
  579. letter-spacing:1px;}
  580. .tmblr-attribution::after {content: " >";}
  581.  
  582. /* link posts */
  583. .link-posts a {
  584. background: {color:Posts Links};
  585. display:inline-block;
  586. {block:IfNot400pxPosts}
  587. width: 480px;
  588. {/block:IfNot400pxPosts}
  589. {block:If400pxPosts}
  590. width: 380px;
  591. {/block:If400pxPosts}
  592. padding:10px;
  593. color:{color:Posts BG};
  594. text-shadow:none;}
  595. .link-posts a:hover {
  596. background: {color:Posts Links Hover};}
  597.  
  598. /* ask posts */
  599. .ask-posts img {
  600. vertical-align:middle;
  601. display:inline-block;
  602. margin-right:7px;
  603. max-width:64px;}
  604. .ask-posts .question {
  605. vertical-align:middle;
  606. display:inline-block;
  607. min-height:44px;
  608. {block:IfNot400pxPosts}
  609. width: 406px;
  610. {/block:IfNot400pxPosts}
  611. {block:If400pxPosts}
  612. width: 306px;
  613. {/block:If400pxPosts}
  614. padding: 10px;
  615. background: {color:Posts 2nd BG};}
  616. .ask-posts h2 {text-align:left; margin:0px 0px 5px 5px;}
  617.  
  618. /* quote posts */
  619. .quote-posts {
  620. padding:10px 0px;
  621. text-align:center}
  622. .quote {
  623. vertical-align:middle;
  624. {block:IfNot400pxPosts}
  625. width: 430px;
  626. {/block:IfNot400pxPosts}
  627. {block:If400pxPosts}
  628. width: 330px;
  629. {/block:If400pxPosts}
  630. display:inline-block;}
  631. .quote-posts .fa {
  632. font-size:20px;
  633. vertical-align:middle;
  634. display:inline-block;
  635. color:{color:Posts Blockquote}}
  636.  
  637. /* chat posts */
  638. .chat {margin:0px; padding:0px; line-height:14px;}
  639. .chat li {text-align:left;}
  640. .chat li::before {display:none;}
  641.  
  642. {block:IfNot2ndChatPostFormat}
  643. .chat li {
  644. padding:0px 0px 4px 4px;
  645. border-bottom:2px solid {color:Posts Blockquote};}
  646. .chat li:first-of-type {
  647. padding-top:4px;
  648. border-top:2px solid {color:Posts Blockquote};}
  649. {/block:IfNot2ndChatPostFormat}
  650. {block:If2ndChatPostFormat}
  651. .chat li {
  652. padding:5px 8px;
  653. margin-bottom:4px;
  654. background: {color:Posts 2nd BG};}
  655. {/block:If2ndChatPostFormat}
  656.  
  657. /* photo posts */
  658. .posts img, .posts .html_photoset, .posts #audio-pic {
  659. {block:IfFadePhotos}opacity:0.75;{/block:IfFadePhotos}
  660. {block:IfMonochromePhotos}
  661. -webkit-filter: grayscale(100%);
  662. -moz-filter: grayscale(100%);
  663. -ms-filter: grayscale(100%);
  664. -o-filter: grayscale(100%);
  665. filter: grayscale(100%);{/block:IfMonochromePhotos}
  666. -webkit-transition-duration: 0.5s;
  667. -moz-transition-duration:0.5s;
  668. -o-transition-duration:0.5s;
  669. transition-duration:0.5s;}
  670. .posts:hover img, .posts:hover .html_photoset, .posts:hover #audio-pic {
  671. opacity:1;
  672. -webkit-filter: grayscale(0%);
  673. -moz-filter: grayscale(0%);
  674. -ms-filter: grayscale(0%);
  675. -o-filter: grayscale(0%);
  676. filter: grayscale(0%);
  677. -webkit-transition-duration: 0.5s;
  678. -moz-transition-duration:0.5s;
  679. -o-transition-duration:0.5s;
  680. transition-duration:0.5s;}
  681.  
  682. /* photoset focused image background */
  683. .tmblr-lightbox {
  684. background-color:transparent !important;}
  685. .vignette {
  686. z-index:99998! important;
  687. opacity:.75 !important;
  688. background-color:{color:background} !important;
  689. background-image:none !important;}
  690. .tmblr-lightbox .lightbox-image {
  691. z-index:99999! important;
  692. border-radius:0px !important;
  693. background:{color:background} !important;
  694. box-shadow:0px 0px 0px 30px {color:background} !important;}
  695. .tmblr-lightbox .lightbox-caption {
  696. z-index:99999! important;
  697. font-family:consolas !important;
  698. font-size:10px !important;
  699. font-size: 15px !important;
  700. font-weight: bold !important;
  701. color: {color:posts title} !important;
  702. text-shadow: 0 4px 30px {color:background} !important;}
  703.  
  704. /* video posts */
  705. #youtube_iframe, .tumblr_video_container {
  706. margin-bottom:5px; max-width:100%;}
  707. .caption iframe, .caption #youtube_iframe, .caption .tumblr_video_container {
  708. margin:5px 0px; max-width:100%;}
  709.  
  710. /* audio posts */
  711. #audio-pic {
  712. display:inline-block;
  713. vertical-align:middle;
  714. margin-right:2px;
  715. width:135px; height:135px;
  716. background: url('{image:Default Audio Pic}');
  717. background-size:cover;}
  718. #info-container {
  719. display:inline-block;
  720. vertical-align:middle;
  721. text-align:left;
  722. font-size:8px; line-height:15px;
  723. {block:IfNot400pxPosts}
  724. width: 360px;
  725. {/block:IfNot400pxPosts}
  726. {block:If400pxPosts}
  727. width: 260px;
  728. {/block:If400pxPosts}
  729. text-transform:uppercase;
  730. letter-spacing:1px;}
  731. #info-container li {
  732. display:block;
  733. padding:4px 7px;
  734. margin:0px; margin-top:4px;
  735. background:{color:Posts 2nd BG};}
  736. .posts .audio_player {
  737. {block:IfNot400pxPosts}
  738. width: 360px;
  739. {/block:IfNot400pxPosts}
  740. {block:If400pxPosts}
  741. width: 260px;
  742. {/block:If400pxPosts}
  743. max-height:27px; margin:0px;
  744. background:{color:Audio Player};
  745. {block:IfMonochromePhotos}
  746. -webkit-filter: grayscale(100%);
  747. -moz-filter: grayscale(100%);
  748. -ms-filter: grayscale(100%);
  749. -o-filter: grayscale(100%);
  750. filter: grayscale(100%);{/block:IfMonochromePhotos}
  751. -webkit-transition: all 0.2s linear;
  752. -moz-transition: all 0.2s linear;
  753. transition: all 0.2s linear;}
  754. .posts:hover .audio_player {
  755. {block:IfMonochromePhotos}
  756. -webkit-filter: grayscale(0%);
  757. -moz-filter: grayscale(0%);
  758. -ms-filter: grayscale(0%);
  759. -o-filter: grayscale(0%);
  760. filter: grayscale(0%);{/block:IfMonochromePhotos}}
  761. .tumblr_audio_player {
  762. max-height:600px; opacity:.66;
  763. {block:IfNot400pxPosts}
  764. width: 360px;
  765. {/block:IfNot400pxPosts}
  766. {block:If400pxPosts}
  767. width: 260px;
  768. {/block:If400pxPosts}}
  769.  
  770. /* ----------------------------- POSTS INFO ------------------------------ */
  771.  
  772. /* if circles */
  773. #postinfo {
  774. position:absolute;
  775. margin-top:35px; margin-left:-20px;
  776. text-align:center;
  777. {block:IfNot400pxPosts}
  778. width: 540px;
  779. {/block:IfNot400pxPosts}
  780. {block:If400pxPosts}
  781. width: 440px;
  782. {/block:If400pxPosts}}
  783. /* individual circles */
  784. #postinfo a {
  785. display:inline-block; margin:0px 10px;
  786. height:20px; width:20px;
  787. padding:5px 6px 7px 6px;
  788. border-radius:50%;
  789. text-decoration:none; font-size:22px;
  790. color:{color:Postending Circles};
  791. background:{color:Postending Circles Background};
  792. -webkit-transition: all 0.2s linear;
  793. -moz-transition: all 0.2s linear;
  794. transition: all 0.2s linear;}
  795. #postinfo a:hover {
  796. margin:0px 15px;
  797. color:{color:Postending Circles Hover};}
  798.  
  799. /* circles like button */
  800. #postinfo #like {
  801. display:inline-block;}
  802. #postinfo .like_button {
  803. display:inline-block;
  804. position:relative;
  805. top:0px; left:0px;}
  806. #postinfo .like_button iframe {
  807. position:absolute;
  808. margin:1px 0px 0px -31px;
  809. display:inline-block;
  810. opacity:0; z-index:99;}
  811. #postinfo .like_button::before {
  812. content:"\f004";
  813. display:inline-block;
  814. margin-left:10px;
  815. height:20px; width:20px;
  816. padding:5px 6px 7px 6px;
  817. border-radius:50%;
  818. text-align:center;
  819. font-size:20px; line-height:24px;
  820. font-family:'FontAwesome';
  821. color:{color:Postending Circles};
  822. background:{color:Postending Circles Background};
  823. -webkit-transition: all 0.2s linear;
  824. -moz-transition: all 0.2s linear;
  825. transition: all 0.2s linear;}
  826. #postinfo .like_button:hover::before {
  827. margin-left:15px;
  828. color:{color:Postending Circles Hover};}
  829. #postinfo .like_button.liked::before {color:{color:Postending Circles Liked Post}; !important;}
  830.  
  831. /* if no circles */
  832. #postending {
  833. {block:IfNot400pxPosts}
  834. width: 500px;
  835. {/block:IfNot400pxPosts}
  836. {block:If400pxPosts}
  837. width: 400px;
  838. {/block:If400pxPosts}
  839. margin:15px 0px -10px -10px;
  840. background: {color:Postending BG};
  841. text-align:center;
  842. padding:10px; margin-top:15px;
  843. border-radius:0px 0px 10px 10px;
  844. font: normal normal normal 10px/15px 'Fredoka One', cursive;
  845. text-transform:uppercase; letter-spacing:1px;
  846. color: {color:Postending Text};}
  847. #postending a {
  848. color:{color:Postending Links};}
  849. #postending a:hover {
  850. color:{color:Postending Links Hover};}
  851.  
  852. /* text like button */
  853. #postending #like, #postending .like_button {
  854. display:inline-block;}
  855. #postending .like_button iframe {
  856. position:absolute;
  857. margin-left:-23px; margin-top:-2px;
  858. display:inline-block;
  859. opacity:0; z-index:99;
  860. -webkit-transition: all 0.5s ease-in-out;
  861. -moz-transition: all 0.5s ease-in-out;
  862. transition: all 0.5s ease-in-out;}
  863. #postending .like_button::before {
  864. content:"Like";
  865. display:inline-block;
  866. color:{color:Postending Links} !important;
  867. -webkit-transition: all 0.5s ease-in-out;
  868. -moz-transition: all 0.5s ease-in-out;
  869. transition: all 0.5s ease-in-out;}
  870. #postending .like_button:hover::before {
  871. color:{color:Postending Links Hover} !important;}
  872. #postending .like_button.liked::before {
  873. content:"Unlike";
  874. color:{color:Postending Circles Liked Post} !important;}
  875. #postending .like_button.liked iframe {
  876. margin-left:-30px;}
  877.  
  878. /* ---------------------------- PERMALINK -------------------------------- */
  879.  
  880. /* permalink position */
  881. #permalink {
  882. background:; /* if you want the post-notes to have a non-transparent bg */
  883. padding: 20px;
  884. {block:IfNot400pxPosts}
  885. margin:-90px 0px 0px -50px;
  886. width: 500px;
  887. {/block:IfNot400pxPosts}
  888. {block:If400pxPosts}
  889. margin:-90px 0px 0px 0px;
  890. width: 400px;
  891. {/block:If400pxPosts}}
  892.  
  893. /* post notes container */
  894. .notes {
  895. max-height:600px;
  896. overflow: auto; letter-spacing:0px;
  897. text-align:center; color:transparent;
  898. line-height:0px; font-size:0px;}
  899. .notes a {
  900. display:inline-block;
  901. letter-spacing:1px;
  902. font: normal normal normal 10px/15px 'Fredoka One', cursive;
  903. text-transform:uppercase;
  904. color:{color:Permalink Links};}
  905. .notes a:hover {
  906. color:{color:Permalink Links Hover};}
  907. .notes blockquote, .notes .answer_content {
  908. font: normal normal normal 10px/15px 'Fredoka One', cursive;
  909. text-transform:uppercase;
  910. letter-spacing:1px;
  911. max-width:350px;
  912. margin:3px auto; border:none;
  913. color:{color:Permalink Links};
  914. background:{color:Permalink Blockquote};}
  915. .notes blockquote {
  916. display:inline-block;
  917. padding:1px 10px 0px 10px;}
  918. .notes .answer_content {
  919. display:block;
  920. padding:2px 10px 1px 10px;}
  921. .notes img {display:none;}
  922. .notes li {margin-left:-10px;}
  923.  
  924. /* replaced regular sentences with fa symbols */
  925. .notes .like span a::after, .notes .reblog .tumblelog::after, .notes .reblog blockquote::before, .notes .reblog blockquote::after, .notes .answer_content::before, .notes .answer_content::after, .notes .reply .action a::after {
  926. font-weight:normal;
  927. vertical-align:middle;
  928. content:"";
  929. font-family:'FontAwesome';
  930. display:inline-block; margin:0px 5px;
  931. font-size:10px;
  932. color:{color:Permalink Text};}
  933. .notes .like span a::after {content:"\f004";}
  934. .notes .reblog .tumblelog::after {content: "\f079";}
  935. .notes .reblog blockquote::before, .notes .answer_content::before {content: "\f10d"; margin-top:-1px;}
  936. .notes .reblog blockquote::after, .notes .answer_content::after {content: "\f10e"; margin-top:-1px;}
  937. .notes .reply .action a::after {content: "\f063";}
  938.  
  939. /* permalink scrollbar */
  940. #permalink ::-webkit-scrollbar {
  941. height:5px; width:5px;
  942. background: transparent;}
  943. #permalink ::-webkit-scrollbar-thumb:vertical {
  944. background: {color:Permalink Scroll Thumb};
  945. border:none;}
  946.  
  947. </style>
  948. <body>
  949.  
  950. <div id="body-background"></div>
  951.  
  952. <!-------------------------------- CURSOR ---------------------------------->
  953. {block:IfCustomCursor}
  954. <style type="text/css"> body {cursor: url({image:Custom Cursor}), auto;} a, a:hover{cursor:url({image:Custom Cursor Links}), auto;}
  955. </style>
  956. <!-- Custom cursors don't show up on empty spaces, but this fixes that -->
  957. <div style="position:fixed; background:rgba(0,0,0,0); top:0px; left:0px; width:100%; height:100%; z-index: -99999999999999;"></div>{/block:IfCustomCursor}
  958.  
  959. <!-------------------------- CREDIT; DON'T REMOVE -------------------------->
  960. <a href="http://nyctothemes.tumblr.com/" title="© nyctothemes" id="credit">
  961. <l class="fa fa-star"></l>
  962. </a>
  963.  
  964. <!-------------------------------- SIDEBAR --------------------------------->
  965.  
  966. <div class="title" id="title-top">{text:Side Title}</div>
  967. <div class="title" id="title-bottom">{text:Side Title}</div>
  968.  
  969. <div id="moon"></div>
  970. <div class="star" id="star1"></div>
  971. <div class="star" id="star2"></div>
  972. <div class="star" id="star3"></div>
  973.  
  974. <div id="side">
  975. <!-- description -->
  976. <div id="description">
  977. <div id="description-before"></div>
  978. <div id="description-hold">{description}</div>
  979. <div id="description-after"></div>
  980. </div>
  981.  
  982. <div id="side-image"></div>
  983.  
  984. <!-- sidebar links -->
  985. <div id="sidelinks">
  986. Main Links
  987. <a href="/">Home</a>
  988. <a href="/ask">Message</a>
  989. <a href="/archive">Past</a>
  990. Extra Links
  991. <a href="{text:link 1 URL}">{text:link 1 Title}</a>
  992. <a href="{text:link 2 URL}">{text:link 2 Title}</a>
  993. <a href="{text:link 3 URL}">{text:link 3 Title}</a>
  994. <a href="{text:link 4 URL}">{text:link 4 Title}</a>
  995. {block:Pagination}Navigation<br>
  996. <div id="pagination">
  997. <b>{block:PreviousPage}<a href="{PreviousPage}">{/block:PreviousPage}
  998. <l class="fa fa-chevron-left" aria-hidden="true"></l>
  999. {block:PreviousPage}</a>{/block:PreviousPage}</b>
  1000. {block:JumpPagination length="5"}
  1001. {block:CurrentPage}
  1002. <b>{PageNumber}</b>
  1003. {/block:CurrentPage}
  1004. {block:JumpPage}
  1005. <a href="{URL}">{PageNumber}</a>
  1006. {/block:JumpPage}
  1007. {/block:JumpPagination}
  1008. <b>{block:NextPage}<a href="{NextPage}">{/block:NextPage}
  1009. <l class="fa fa-chevron-right" aria-hidden="true"></l>
  1010. {block:NextPage}</a>{/block:NextPage}</b>
  1011. </div>{/block:Pagination}
  1012. </div>
  1013.  
  1014. <div class="star" id="star4"></div>
  1015. <div class="star" id="star5"></div>
  1016. <div class="star" id="star6"></div>
  1017. </div>
  1018.  
  1019. <!--------------------------------- POSTS ---------------------------------->
  1020. <div id="entries">
  1021. {block:posts}
  1022.  
  1023. <div class="posts">
  1024.  
  1025. <!-- text posts -->
  1026. {block:Text}
  1027. {block:Title}<h1>{Title}</h1>{/block:Title}
  1028. <div class="caption">{Body}</div>
  1029. {/block:Text}
  1030.  
  1031. <!-- link posts -->
  1032. {block:Link}
  1033. {block:Thumbnail}<center>
  1034. <a href="{Thumbnail-HighRes}">
  1035. <img src="{Thumbnail}" class="photo-posts" style="margin-bottom:5px;">
  1036. </a>
  1037. </center>{/block:Thumbnail}
  1038. <div class="link-posts"><h1><a href="{URL}">
  1039. {Name}&nbsp;<l class="fa fa-arrow-right" style="font-size:16px; position:relative; top:-2px;"></l>
  1040. </a></h1></div>
  1041. {block:Description}<div class="caption">
  1042. <p>{Description}</p>
  1043. </div>{/block:Description}
  1044. {/block:Link}
  1045.  
  1046. <!-- ask posts -->
  1047. {block:Answer}
  1048. <div class="ask-posts">
  1049. <img src="{AskerPortraitURL-64}">
  1050. <div class="question">
  1051. <h2>{Asker} {text:Ask Verb}:</h2> {Question}
  1052. </div></div><br>
  1053. <div id="caption">{Answer}</div>
  1054. {/block:Answer}
  1055.  
  1056. <!-- quote posts -->
  1057. {block:Quote}
  1058. <h2 class="quote-posts">
  1059. <l class="fa fa-quote-left"></l>
  1060. <div class="quote">{Quote}</div>
  1061. <l class="fa fa-quote-right"></l>
  1062. </h2>
  1063. <div style="text-align:right; margin-right:20px">
  1064. {block:Source}<b>- {Source}</b>{/block:Source}
  1065. </div>
  1066. {/block:Quote}
  1067.  
  1068. <!-- chat posts -->
  1069. {block:Chat}
  1070. {block:Title}<h1>{Title}</h1>{/block:Title}
  1071. <ul class="chat">{block:Lines}
  1072. <li class="user_{UserNumber}">{block:Label}<b>{Label}</b>{/block:Label} {Line}</li>
  1073. {/block:Lines}</ul>
  1074. {/block:Chat}
  1075.  
  1076. <!-- photo posts -->
  1077. {block:Photo}
  1078. <center>
  1079. {block:HighRes}<a href="{PhotoURL-HighRes}">{/block:HighRes}
  1080. {block:IfNot400pxPosts}
  1081. <img src="{PhotoURL-500}" class="photo-posts"/>
  1082. {/block:IfNot400pxPosts}
  1083. {block:If400pxPosts}
  1084. <img src="{PhotoURL-400}" class="photo-posts"/>
  1085. {/block:If400pxPosts}
  1086. {block:HighRes}</a>{/block:HighRes}
  1087. </center>
  1088. {block:Caption}<br><div class="caption">{Caption}</div>{/block:Caption}{/block:Photo}
  1089.  
  1090. {block:Photoset}
  1091. <center>
  1092. {block:IfNot400pxPosts}
  1093. {Photoset-500}
  1094. {/block:IfNot400pxPosts}
  1095. {block:If400pxPosts}
  1096. {Photoset-400}
  1097. {/block:If400pxPosts}
  1098. </center>
  1099. {block:Caption}<br><div class="caption">{Caption}</div>{/block:Caption}{/block:Photoset}
  1100.  
  1101. <!-- video post -->
  1102. {block:Video}
  1103. {block:IfNot400pxPosts}
  1104. {Video-500}
  1105. {/block:IfNot400pxPosts}
  1106. {block:If400pxPosts}
  1107. {Video-400}
  1108. {/block:If400pxPosts}
  1109. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  1110. {/block:Video}
  1111.  
  1112. <!-- audio posts -->
  1113. {block:Audio}
  1114. <!--image-->
  1115. {block:IndexPage}<a href="{Permalink}">{/block:IndexPage}<div id="audio-pic" {block:AlbumArt}style="background:none"{/block:AlbumArt}>
  1116. {block:AlbumArt}<img src="{AlbumArtURL}">{/block:AlbumArt}
  1117. </div>{block:IndexPage}</a>{/block:IndexPage}
  1118. <div id="info-container">
  1119. <!--player-->
  1120. {block:ifDarkAudioPlayer}{AudioPlayerBlack}{/block:ifDarkAudioPlayer}
  1121. {block:ifNotDarkAudioPlayer}{AudioPlayerWhite}{/block:ifNotDarkAudioPlayer} <!--info-->
  1122. {block:TrackName}<li><b>Track:</b> {TrackName}</li>{/block:TrackName}
  1123. {block:Artist}<li><b>Artist:</b> {Artist}</li>{/block:Artist}
  1124. {block:Album}<li><b>Album:</b> {Album}</li>{/block:Album}
  1125. {block:PlayCount}<li><b>Plays:</b> {FormattedPlayCount}</li>{/block:PlayCount}
  1126. </div>
  1127. {block:Caption}<div class="caption" style="margin-top:5px;">{Caption}</div>{/block:Caption}{/block:Audio}
  1128.  
  1129. <!------------------------------ POST ENDING ------------------------------->
  1130.  
  1131. {block:PermalinkPage}{block:Date}<div id="postending">
  1132.  
  1133. <!-- date posted -->
  1134. <a href="/day/{Year}/{MonthNumberWithZero}/{DayOfMonthWithZero}">{ShortMonth}.{DayOfMonthWithZero}.{ShortYear}</a>
  1135. <!-- notes counter -->
  1136. {block:NoteCount}
  1137. || <a href="#permalink">{NoteCountWithLabel}</a>
  1138. {/block:NoteCount}
  1139. <!-- reblogged from -->
  1140. {block:RebloggedFrom}<br>
  1141. Via: <a href="{ReblogParentURL}">{ReblogParentName}</a>
  1142. {/block:RebloggedFrom}
  1143. <!-- original poster -->
  1144. {block:ContentSource}
  1145. || Source: <a href="{SourceURL}">{SourceTitle}</a>
  1146. {/block:ContentSource}
  1147. <!-- tags -->
  1148. {block:HasTags}<br><div style="padding:0px 20px 0px 20px">
  1149. Tags: {block:Tags}<a href="{TagURL}">{Tag}</a>, {/block:Tags}
  1150. </div>{/block:HasTags}
  1151.  
  1152. </div>{/block:Date}{/block:PermalinkPage}
  1153.  
  1154. <!------------- If Circles for Index Page ------------->
  1155. {block:IfPostendingCirclesForIndexpage}
  1156. {block:IndexPage}
  1157. <div id="postinfo">
  1158.  
  1159. <!-- date posted -->
  1160. {block:Date}
  1161. <a href="{Permalink}" title="{ShortMonth}.{DayOfMonthWithZero}.{ShortYear}"><l class="fa fa-clock-o"></l></a>
  1162. {/block:Date}
  1163. <!-- notes counter -->
  1164. {block:NoteCount}
  1165. <a href="{Permalink}" title="{NoteCountWithLabel}"><l class="fa fa-search-plus"></l></a>
  1166. {/block:NoteCount}
  1167. <!-- original poster -->
  1168. {block:ContentSource}
  1169. <a href="{SourceURL}" title="Source: {SourceTitle}"><l class="fa fa-copyright"></l></a>
  1170. {/block:ContentSource}
  1171. <!-- reblogged from -->
  1172. {block:RebloggedFrom}
  1173. <a href="{ReblogParentURL}" title="Via: {ReblogParentName}"><l class="fa fa-at"></l></a>
  1174. {/block:RebloggedFrom}
  1175. <!-- tags -->
  1176. {block:HasTags}
  1177. <a href="{Permalink}" title="# {block:Tags}{Tag}, {/block:Tags}"><l class="fa fa-compass"></l></a>
  1178. {/block:HasTags}
  1179. <!-- reblog and like -->
  1180. <a href="{ReblogURL}" title="Reblog"><l class="fa fa-refresh"></l></a>
  1181. <div id="like" title="like">{LikeButton size="30"}</div>
  1182.  
  1183. </div>
  1184. {/block:IndexPage}
  1185. {/block:IfPostendingCirclesForIndexpage}
  1186.  
  1187. <!------------- If NO Circles for Index Page ------------->
  1188. {block:IfNotPostendingCirclesForIndexpage}
  1189. {block:IndexPage}
  1190. {block:Date}<div id="postending">
  1191.  
  1192. <!-- date posted -->
  1193. <a href="{Permalink}">{ShortMonth}.{DayOfMonthWithZero}.{ShortYear}</a>
  1194. <!-- notes counter -->
  1195. {block:NoteCount}
  1196. || <a href="{Permalink}">{NoteCountWithLabel}</a>
  1197. {/block:NoteCount}
  1198. <!-- reblogged from -->
  1199. {block:RebloggedFrom}<br>
  1200. Via: <a href="{ReblogParentURL}">{ReblogParentName}</a>
  1201. {/block:RebloggedFrom}
  1202. <!-- original poster -->
  1203. {block:ContentSource}
  1204. || Source: <a href="{SourceURL}">{SourceTitle}</a>
  1205. {/block:ContentSource}
  1206. <!-- tags -->
  1207. {block:HasTags}<br><div style="padding:0px 20px 0px 20px">
  1208. Tags: {block:Tags}<a href="{TagURL}">{Tag}</a>, {/block:Tags}
  1209. </div>{/block:HasTags}
  1210. <!-- reblog and like -->
  1211. <a href="{ReblogURL}" title="Reblog">Reblog</a> ||
  1212. <div id="like">{LikeButton size="21"}</div>
  1213.  
  1214. </div>{/block:Date}
  1215. {/block:IndexPage}
  1216. {/block:IfNotPostendingCirclesForIndexpage}
  1217.  
  1218. </div> <!-- ending div tag for "posts" -->
  1219.  
  1220. {/block:Posts}
  1221.  
  1222. <!------------------------------- PERMALINK -------------------------------->
  1223.  
  1224. {block:PostNotes}
  1225. <div id="permalink">{PostNotes}</div>
  1226. {/block:PostNotes}
  1227.  
  1228. </div> <!-- ending div tag for "entries" -->
  1229.  
  1230. </body>
  1231. </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!