thetruththemes

Awaken 2.0 - Abomination

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