thetruththemes

Awaken 2.0 - Salvation

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