thetruththemes

Sheikah - Resurrection

Jun 23rd, 2016 (edited)
3,741
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 56.43 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 -Sʜᴇɪᴋᴀʜ ᴛʜᴇᴍᴇ ʙʏ
  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 2/2 -->
  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:Default Audio Pic" content="http://static.tumblr.com/u5vz4xb/a8Go99awi/image01.png"/>
  42. <meta name="image:Background" content="http://static.tumblr.com/u5vz4xb/a8Go99awi/image01.png"/>
  43. <meta name="image:Custom Cursor" content="http://static.tumblr.com/u5vz4xb/1fZo99aws/force_cursor.png"/>
  44. <meta name="image:Custom Cursor Links" content="http://static.tumblr.com/u5vz4xb/1fZo99aws/force_cursor.png"/>
  45. <meta name="image:Favicon" content="http://static.tumblr.com/u5vz4xb/Wh7o99ax2/favicon.png"/>
  46.  
  47. <!-------------------------------- COLORS ---------------------------------->
  48. <!-- Full Body -->
  49. <meta name="color:Background" content="#080808"/>
  50. <meta name="color:Scroll BG" content="#080808"/>
  51. <meta name="color:Scroll Thumb" content="#00c1d5"/>
  52. <!-- Sidebar -->
  53. <meta name="color:Link BG" content="#00c1d5"/>
  54. <meta name="color:Link Rings 1" content="#acbf97"/>
  55. <meta name="color:Link BG Hover" content="#acbf97"/>
  56. <meta name="color:Link Rings 1 Hover" content="#00c1d5"/>
  57. <meta name="color:Link Rings 2" content="#080808"/>
  58. <meta name="color:Link Connecting Lines" content="#5d5d53"/>
  59. <meta name="color:Eye Shape" content="#273a43"/>
  60. <meta name="color:Eye Triangles" content="#273a43"/>
  61. <meta name="color:Eye Tear" content="#273a43"/>
  62. <meta name="color:Eye Iris" content="#00c1d5"/>
  63. <meta name="color:Eye Iris Ring" content="#acbf97"/>
  64. <meta name="color:Description Text" content="#4e565d"/>
  65. <meta name="color:Description Links" content="#00c1d5"/>
  66. <meta name="color:Description Links Hover" content="#acbf97"/>
  67. <!-- Posts -->
  68. <meta name="color:Posts BG" content="#0f0f0f"/>
  69. <meta name="color:Posts 2nd BG" content="#191919"/>
  70. <meta name="color:Posts Title" content="#9ec3c3"/>
  71. <meta name="color:Posts Text" content="#5e5f60"/>
  72. <meta name="color:Posts Bold" content="#4c6068"/>
  73. <meta name="color:Posts Italic" content="#5e5f60"/>
  74. <meta name="color:Posts Code" content="#5d5d5d"/>
  75. <meta name="color:Posts Code BG" content="#2b2b2b"/>
  76. <meta name="color:Posts Links" content="#00c1d5"/>
  77. <meta name="color:Posts Links Hover" content="#acbf97"/>
  78. <meta name="color:Posts Blockquote" content="#5d5d53"/>
  79. <meta name="color:Audio Player" content="#6b6b6b"/>
  80. <!-- Post Endings -->
  81. <meta name="color:Postending Text" content="#02a3c2"/>
  82. <meta name="color:Postending BG" content="#252d32"/>
  83. <meta name="color:Postending Links" content="#acbf97"/>
  84. <meta name="color:Postending Links Hover" content="#c8dcb1"/>
  85. <!-- Permalink -->
  86. <meta name="color:Permalink Text" content="#00c1d5"/>
  87. <meta name="color:Permalink Links" content="#4e525d"/>
  88. <meta name="color:Permalink Links Hover" content="#acbf97"/>
  89. <meta name="color:Permalink Blockquote" content="#0f0f0f"/>
  90. <meta name="color:Permalink Scroll Thumb" content="#02a3c2"/>
  91. <!-- Misc. -->
  92. <meta name="color:Link Hover Title BG" content="#000000"/>
  93. <meta name="color:Link Hover Title Text" content="#f7f7f7"/>
  94. <meta name="color:Selection BG" content="#000000"/>
  95. <meta name="color:Selection Text" content="#4adbea"/>
  96. <meta name="color:Selection Links" content="#f7f7f7"/>
  97.  
  98. <!------------------------------- OPTIONS ---------------------------------->
  99. <meta name="if:Hover for Link Connectors" content="1"/>
  100. <meta name="if:Hover for Sheikah Eye" content="1"/>
  101. <meta name="if:Hover for Description" content="1"/>
  102. <meta name="if:Description Text Centered" content="0"/>
  103. <meta name="if:Monochrome Photos" content="1"/>
  104. <meta name="if:Fade Photos" content="1"/>
  105. <meta name="if:2nd Chat Post Format" content="1"/>
  106. <meta name="if:Postending Circles for Indexpage" content="1"/>
  107. <meta name="if:Custom Cursor" content="1"/>
  108. <meta name="if:Custom Favicon" content="1"/>
  109. <meta name="if:Dark Audio Player" content="1"/>
  110. <meta name="if:Credit on the Right" content="1"/>
  111.  
  112. <!-------------------------------- TEXTS ----------------------------------->
  113. <meta name="text:Link 1 URL" content="/" />
  114. <meta name="text:Link 1 Hover" content="Link 1" />
  115. <meta name="text:Link 2 URL" content="/" />
  116. <meta name="text:Link 2 Hover" content="Link 2" />
  117. <meta name="text:Link 3 URL" content="/" />
  118. <meta name="text:Link 3 Hover" content="Link 3" />
  119. <meta name="text:Link 4 URL" content="/" />
  120. <meta name="text:Link 4 Hover" content="Link 4" />
  121. <meta name="text:Ask Verb" content="wondered" />
  122.  
  123. <!-- symbol font (like the credit) -->
  124. <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">
  125. <!-- custom font 1/3 -->
  126. <link href='https://fonts.googleapis.com/css?family=Montserrat:400,700|Cinzel|Cinzel+Decorative' rel='stylesheet' type='text/css'>
  127.  
  128. </head>
  129. <!-- custom font 2/3 -->
  130. <script type="text/javascript">
  131. WebFontConfig = {
  132. google: { families: [ 'Montserrat:400,700:latin', 'Cinzel::latin', 'Cinzel+Decorative::latin' ] }
  133. };
  134. (function() {
  135. var wf = document.createElement('script');
  136. wf.src = 'https://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js';
  137. wf.type = 'text/javascript';
  138. wf.async = 'true';
  139. var s = document.getElementsByTagName('script')[0];
  140. s.parentNode.insertBefore(wf, s);
  141. })(); </script>
  142.  
  143. <style type="text/css">
  144.  
  145. /* custom font 3/3 */
  146. @import url(https://fonts.googleapis.com/css?family=Montserrat:400,700|Cinzel|Cinzel+Decorative);
  147.  
  148. /* ------------------------------ DECORATION ---------------------------- */
  149.  
  150. /* body */
  151. body {
  152. color:{color:Posts Text};
  153. background:{color:background} url('{image:background}') fixed;
  154. font: normal normal normal 11px/17px 'Montserrat', sans-serif;
  155. text-align:justify;}
  156.  
  157. /* ------------------------ CREDIT; DON'T REMOVE ------------------------- */
  158.  
  159. #credit {
  160. z-index:99999; position:fixed;
  161. bottom:10px;
  162. {block:IfNotCreditOnTheRight}left:10px;{/block:IfNotCreditOnTheRight}
  163. {block:IfCreditOnTheRight}right:10px;{/block:IfCreditOnTheRight}
  164. position:fixed; z-index:1;
  165. background:{color:Link BG};
  166. border-radius:50%;
  167. margin: 4px 0px 0px -272px; padding:8px;
  168. box-shadow:0px 0px 0px 2.5px {color:Link Rings 2}, 0px 0px 0px 4px {color:Link Rings 1}, 0px 0px 0px -1px {color:Link Rings 2} inset;
  169. -webkit-transition: all 0.3s linear;
  170. -moz-transition: all 0.3s linear;
  171. transition: all 0.3s linear;}
  172. #credit:hover {
  173. background:{color:Link BG Hover};
  174. box-shadow:0px 0px 0px 5px {color:Link Rings 2}, 0px 0px 0px 7px {color:Link Rings 1 Hover}, 0px 0px 0px 1px {color:Link Rings 2} inset !important;}
  175.  
  176. /* ------------------------------ MINOR STUFF ---------------------------- */
  177.  
  178. /* hover text */
  179. #s-m-t-tooltip {
  180. z-index: 99999; display: block;
  181. margin-left: 15px; margin-top: 5px;
  182. max-width:150px;
  183. padding: 3px 5px 4px 6px;
  184. font-size:9px;
  185. color: {color:Link Hover Title Text};
  186. text-transform:uppercase;
  187. letter-spacing:1px;
  188. text-align:center;
  189. background: {color:Link Hover Title BG};}
  190.  
  191. /* scrollbar */
  192. ::-webkit-scrollbar {
  193. height:14px; width:14px;
  194. background: {color:Scroll BG};}
  195. ::-webkit-scrollbar-thumb {
  196. background: {color:Scroll Thumb};
  197. border:4px solid {color:Scroll BG};}
  198.  
  199. /* drag n' click selection */
  200. ::selection {
  201. background: {color:Selection BG};
  202. color: {color:Selection Text};}
  203. ::-moz-selection {
  204. background: {color:Selection BG};
  205. color: {color:Selection Text};}
  206. a::selection {
  207. background: {color:Selection BG};
  208. color: {color:Selection Links};}
  209. a::-moz-selection {
  210. background: {color:Selection BG};
  211. color: {color:Selection Links};}
  212.  
  213. /* ----------------------------- FONT STUFF ------------------------------ */
  214.  
  215. /* main font decorations */
  216. .posts p:last-child {
  217. margin-bottom:0px;}
  218. .posts p:first-child {
  219. margin-top:0px;}
  220. b, strong {color:{color:Posts Bold};}
  221. i, em {color:{color:Posts Italic};}
  222.  
  223. /* links */
  224. a:link, a:active, a:visited{
  225. text-decoration:none;
  226. color:{color:Posts Links};
  227. -webkit-transition: all 0.35s linear;
  228. -moz-transition: all 0.35s linear;
  229. transition: all 0.35s linear;}
  230. a:hover {
  231. color:{color:Posts Links Hover};}
  232. a i, i a, a em, em a, a b, b a, a strong, strong a {
  233. color:{color:Posts Links} !important;
  234. -webkit-transition: all 0.35s linear;
  235. -moz-transition: all 0.35s linear;
  236. transition: all 0.35s linear;}
  237. a i:hover, i a:hover, a em:hover, em a:hover, a b:hover, b a:hover, a strong:hover, strong a:hover {
  238. color:{color:Posts Links Hover} !important;}
  239.  
  240. pre {
  241. padding: 6px 9px;
  242. color:{color:Posts Code};
  243. font-size:10px; max-width:100%;
  244. font-family:consolas;
  245. text-align:left;
  246. background:{color:Posts Code BG};
  247. border-left: 7px solid {color:posts blockquote};
  248. white-space: pre-wrap;
  249. white-space: -moz-pre-wrap;
  250. white-space: -pre-wrap;
  251. white-space: -o-pre-wrap;
  252. word-wrap: break-word;}
  253. code {
  254. color:{color:Posts Code};
  255. font-size:10px;
  256. font-family:consolas;
  257. background:{color:Posts Code BG};
  258. padding:1px 2px;}
  259. sup, sub, small {font-size:9px;}
  260.  
  261. /* text and link post titles */
  262. h1 {font: normal normal 400 20px/20px Cinzel Decorative;
  263. color:{color:Posts Title};
  264. text-align:center; text-transform:capitalize;
  265. letter-spacing:2px;}
  266. /* quote and ask post titles */
  267. h2 {font: normal normal 400 18px/18px Cinzel;
  268. color:{color:Posts Bold};
  269. text-align:center; text-transform:lowercase;
  270. letter-spacing:0.5px;}
  271.  
  272. h1 small, h2 small, small h2, small h1 {
  273. font-family:Cinzel !important;
  274. font-size:13px !important; line-height:13px !important;
  275. letter-spacing:0.5px !important;}
  276. h2 sup, h2 sub {
  277. font-family:Cinzel !important;
  278. font-size:11px !important; line-height:11px !important;
  279. letter-spacing:0.5px !important;}
  280. h2 b, h2 strong {text-shadow:0px 0px 0px {color:Posts Bold}, 1px 0px 0px {color:Posts Bold};}
  281.  
  282. /* -------------------------------- SIDEBAR ------------------------------ */
  283.  
  284. /* WHOLE side */
  285. #side {
  286. position:fixed;
  287. left:50%; margin-left:-507px;
  288. top:50%; margin-top:-195px;
  289. height:272px; width:274px;
  290. border-radius:50%;}
  291.  
  292. /* horizontal middle lines */
  293. #side .horizontal {
  294. position:fixed; z-index:-2;
  295. height:2px; width:21px;
  296. top:50%; margin-top:-59px;
  297. left:50%;}
  298. #side .horizontal#left {
  299. margin-left:-465px;
  300. {block:IfHoverforLinkConnectors}
  301. box-shadow:0px 0px 0px 0px {color:Link Connecting Lines} inset;
  302. {/block:IfHoverforLinkConnectors}
  303. {block:IfNotHoverforLinkConnectors}
  304. box-shadow:-21px 0px 0px 0px {color:Link Connecting Lines} inset;
  305. {/block:IfNotHoverforLinkConnectors}
  306. -webkit-transition: all 0.2s ease-in;
  307. -moz-transition: all 0.2s ease-in;
  308. transition: all 0.2s ease-in;
  309. -webkit-transition-delay: .6s;
  310. -moz-transition-delay: .6s;
  311. transition-delay: .6s;}
  312. #side:hover .horizontal#left {
  313. box-shadow:-21px 0px 0px 0px {color:Link Connecting Lines} inset;
  314. -webkit-transition-delay: .0s;
  315. -moz-transition-delay: .0s;
  316. transition-delay: .0s;}
  317. #side .horizontal#right {
  318. margin-left:-297px;
  319. {block:IfHoverforLinkConnectors}
  320. box-shadow:0px 0px 0px 0px {color:Link Connecting Lines} inset;
  321. {/block:IfHoverforLinkConnectors}
  322. {block:IfNotHoverforLinkConnectors}
  323. box-shadow:21px 0px 0px 0px {color:Link Connecting Lines} inset;
  324. {/block:IfNotHoverforLinkConnectors}
  325. -webkit-transition: all 0.2s ease-in;
  326. -moz-transition: all 0.2s ease-in;
  327. transition: all 0.2s ease-in;
  328. -webkit-transition-delay: .6s;
  329. -moz-transition-delay: .6s;
  330. transition-delay: .6s;}
  331. #side:hover .horizontal#right {
  332. box-shadow:21px 0px 0px 0px {color:Link Connecting Lines} inset;
  333. -webkit-transition-delay: .0s;
  334. -moz-transition-delay: .0s;
  335. transition-delay: .0s;}
  336.  
  337. /* circular outline */
  338. #side #outline {
  339. position:fixed; z-index:-2;
  340. left:50%; margin-left:-477px;
  341. top:50%; margin-top:-164px;
  342. height:212px; width:214px;
  343. {block:IfHoverforLinkConnectors}
  344. box-shadow:0px 0px 0px 0px {color:Link Connecting Lines};
  345. {/block:IfHoverforLinkConnectors}
  346. {block:IfNotHoverforLinkConnectors}
  347. box-shadow:0px 0px 0px 2px {color:Link Connecting Lines};
  348. {/block:IfNotHoverforLinkConnectors}
  349. border-radius:50%;
  350. -webkit-transition: all 0.2s ease-in;
  351. -moz-transition: all 0.2s ease-in;
  352. transition: all 0.2s ease-in;
  353. -webkit-transition-delay: .4s;
  354. -moz-transition-delay: .4s;
  355. transition-delay: .4s;}
  356. #side:hover #outline {
  357. box-shadow:0px 0px 0px 2px {color:Link Connecting Lines};
  358. -webkit-transition-delay: .2s;
  359. -moz-transition-delay: .2s;
  360. transition-delay: .2s;}
  361.  
  362. /* lines that aren't perpendicular */
  363. #side .rotated {
  364. position:fixed; z-index:0;
  365. top:50%; left:50%; width:2px;
  366. {block:IfHoverforLinkConnectors}
  367. box-shadow:0px 0px 0px 0px {color:Link Connecting Lines} inset;
  368. {/block:IfHoverforLinkConnectors}
  369. {block:IfNotHoverforLinkConnectors}
  370. box-shadow:0px -31px 0px 0px {color:Link Connecting Lines} inset;
  371. {/block:IfNotHoverforLinkConnectors}
  372. transform-origin: 50% 0%;
  373. -webkit-transform-origin: 50% 0%;
  374. -moz-transform-origin: 50% 0%;
  375. -webkit-transition: all 0.2s ease-in;
  376. -moz-transition: all 0.2s ease-in;
  377. transition: all 0.2s ease-in;
  378. -webkit-transition-delay: .2s;
  379. -moz-transition-delay: .2s;
  380. transition-delay: .2s;}
  381. #side:hover .rotated {
  382. box-shadow:0px -31px 0px 0px {color:Link Connecting Lines} inset;
  383. -webkit-transition-delay: .4s;
  384. -moz-transition-delay: .4s;
  385. transition-delay: .4s;}
  386.  
  387. #side .rotated#one {
  388. margin-left:-447px; margin-top:-27px;
  389. height:26px;
  390. transform: rotate(65deg);
  391. -webkit-transform: rotate(65deg);
  392. -moz-transform: rotate(65deg);}
  393. #side .rotated#two {
  394. margin-left:-428px; margin-top:-1px;
  395. height:14px;
  396. transform: rotate(45deg);
  397. -webkit-transform: rotate(45deg);
  398. -moz-transform: rotate(45deg);}
  399. #side .rotated#three {
  400. margin-left:-400px; margin-top:13px;
  401. height:21px;
  402. transform: rotate(25deg);
  403. -webkit-transform: rotate(25deg);
  404. -moz-transform: rotate(25deg);}
  405. #side .rotated#four {
  406. margin-left:-341px; margin-top:13px;
  407. height:31px;
  408. transform: rotate(-22deg);
  409. -webkit-transform: rotate(-22deg);
  410. -moz-transform: rotate(-22deg);}
  411.  
  412. /* inner curve */
  413. #side #incurve {
  414. position:fixed; z-index:-2;
  415. top:50%; left:50%;
  416. margin:-52px 0px 0px -450px;
  417. width:160px; height:70px;
  418. border-radius:0px 0px 50% 50%/0px 0px 100% 100%;
  419. {block:IfHoverforLinkConnectors}
  420. box-shadow:0px 0px 0px 0px {color:Link Connecting Lines}, 0px 0px 0px 0px {color:Link Connecting Lines}, 0px 0px 0px 0px {color:Link Connecting Lines};
  421. {/block:IfHoverforLinkConnectors}
  422. {block:IfNotHoverforLinkConnectors}
  423. box-shadow:0px 2px 0px 0px {color:Link Connecting Lines}, 2px 0px 0px 0px {color:Link Connecting Lines}, -2px 0px 0px 0px {color:Link Connecting Lines};
  424. {/block:IfNotHoverforLinkConnectors}
  425. -webkit-transition: all 0.2s ease-in;
  426. -moz-transition: all 0.2s ease-in;
  427. transition: all 0.2s ease-in;
  428. -webkit-transition-delay: .0s;
  429. -moz-transition-delay: .0s;
  430. transition-delay: .0s;}
  431. #side:hover #incurve {
  432. box-shadow:0px 2px 0px 0px {color:Link Connecting Lines}, 2px 0px 0px 0px {color:Link Connecting Lines}, -2px 0px 0px 0px {color:Link Connecting Lines};
  433. -webkit-transition-delay: .6s;
  434. -moz-transition-delay: .6s;
  435. transition-delay: .6s;}
  436.  
  437. /* "disconnects" the connecting lines */
  438. #side .disconnect {
  439. position:fixed; z-index:-1;
  440. top:50%; left:50%;
  441. background:{color:background} url('{image:background}') fixed;}
  442. #side .disconnect#top {
  443. margin-left:-402px; margin-top:-166px;
  444. height:7px; width:64px;}
  445. #side .disconnect#top-left {
  446. border-radius:0px 0px 0px 100%;
  447. margin-left:-431px; margin-top:-154px;
  448. height:9px; width:11px;}
  449. #side .disconnect#left {
  450. margin-left:-479px; margin-top:-47px;
  451. height:10px; width:5px;}
  452. #side .disconnect#bottom-left {
  453. border-radius:5px 100% 0px 0px;
  454. margin-left:-471px; margin-top:-17px;
  455. height:55px; width:51px;}
  456. #side .disconnect#bottom {
  457. margin-left:-402px; margin-top:39px;
  458. height:11px; width:74px;}
  459. #side .disconnect#right {
  460. margin-left:-266px; margin-top:-80px;
  461. height:10px; width:5px;}
  462. #side .disconnect#inner-left {
  463. margin-left:-452px; margin-top:-52px;
  464. height:25px; width:10px;}
  465. #side .disconnect#inner-right {
  466. margin-left:-309px; margin-top:-52px;
  467. height:46px; width:21px;}
  468. #side .disconnect#inner-bottom {
  469. margin-left:-399px; margin-top:10px;
  470. height:11px; width:58px;}
  471.  
  472. /* ALL sidebar links */
  473. #circles a {
  474. position:fixed; z-index:1;
  475. background:{color:Link BG};
  476. border-radius:50%;
  477. box-shadow:0px 0px 0px 2px {color:Link Rings 2}, 0px 0px 0px 4px {color:Link Rings 1}, 0px 0px 0px -1px {color:Link Rings 2} inset;
  478. left:50%; top:50%;
  479. -webkit-transition: all 0.6s ease-in-out;
  480. -moz-transition: all 0.6s ease-in-out;
  481. transition: all 0.6s ease-in-out;}
  482. #circles a:hover {
  483. background:{color:Link BG Hover};
  484. box-shadow:0px 0px 0px 5px {color:Link Rings 2}, 0px 0px 0px 7px {color:Link Rings 1 Hover}, 0px 0px 0px 1px {color:Link Rings 2} inset !important;
  485. -webkit-transition: all 0.3s ease-in-out;
  486. -moz-transition: all 0.3s ease-in-out;
  487. transition: all 0.3s ease-in-out;}
  488.  
  489. /* INDIVIDUAL sidebar links */
  490. #circles a:nth-of-type(1) {
  491. margin: -164px 0px 0px -419px; padding:7px;
  492. box-shadow:0px 0px 0px 2px {color:Link Rings 2}, 0px 0px 0px 3.5px {color:Link Rings 1}, 0px 0px 0px -1px {color:Link Rings 2} inset;}
  493. #circles a:nth-of-type(2) {
  494. margin: -163px 0px 0px -335px; padding:6px;
  495. box-shadow:0px 0px 0px 2px {color:Link Rings 2}, 0px 0px 0px 3.5px {color:Link Rings 1}, 0px 0px 0px -1px {color:Link Rings 2} inset;}
  496. #circles a:nth-of-type(3) {
  497. margin: -66px 0px 0px -272px; padding:8px;
  498. box-shadow:0px 0px 0px 2.5px {color:Link Rings 2}, 0px 0px 0px 4px {color:Link Rings 1}, 0px 0px 0px -1px {color:Link Rings 2} inset;}
  499. #circles a:nth-of-type(4) {
  500. margin: -7px 0px 0px -321px; padding:5.5px;
  501. box-shadow:0px 0px 0px 2px {color:Link Rings 2}, 0px 0px 0px 3.5px {color:Link Rings 1}, 0px 0px 0px -1px {color:Link Rings 2} inset;}
  502. #circles a:nth-of-type(5) {
  503. margin: 35px 0px 0px -419px; padding:7px;
  504. box-shadow:0px 0px 0px 2px {color:Link Rings 2}, 0px 0px 0px 3.5px {color:Link Rings 1}, 0px 0px 0px -1px {color:Link Rings 2} inset;}
  505. #circles a:nth-of-type(6) {
  506. margin: 14px 0px 0px -451px; padding:4.5px;
  507. box-shadow:0px 0px 0px 1.5px {color:Link Rings 2}, 0px 0px 0px 2.5px {color:Link Rings 1}, 0px 0px 0px -1px {color:Link Rings 2} inset;}
  508. #circles a:nth-of-type(7) {
  509. margin: -66px 0px 0px -485px; padding:8px;
  510. box-shadow:0px 0px 0px 2.5px {color:Link Rings 2}, 0px 0px 0px 4px {color:Link Rings 1}, 0px 0px 0px -1px {color:Link Rings 2} inset;}
  511.  
  512. /* eye iris */
  513. #side #iris {
  514. position:fixed; z-index:3;
  515. left:50%; margin-left:-388px;
  516. top:50%; margin-top:-75px;
  517. height:35px; width:35px;
  518. border-radius:50%;
  519. background:{color:Link Rings 2};
  520. {block:IfHoverforSheikahEye}
  521. box-shadow:0px 0px 0px 18px {color:Link BG} inset, 0px 0px 0px 5px {color:Link Rings 2}, 0px 0px 0px 8px {color:Link Rings 1};
  522. {/block:IfHoverforSheikahEye}
  523. {block:IfNotHoverforSheikahEye}
  524. box-shadow:0px 0px 0px 11px {color:Eye Iris} inset, 0px 0px 0px 6px {color:Link Rings 2}, 0px 0px 0px 8px {color:Eye Iris Ring};
  525. {/block:IfNotHoverforSheikahEye}
  526. -webkit-transition: all 0.2s ease-in;
  527. -moz-transition: all 0.2s ease-in;
  528. transition: all 0.2s ease-in;
  529. -webkit-transition-delay: .2s;
  530. -moz-transition-delay: .2s;
  531. transition-delay: .2s;}
  532.  
  533. #side #iris::before {
  534. content:"";
  535. position:fixed; z-index:4;
  536. left:50%; margin-left:-349px;
  537. top:50%; margin-top:-59px;
  538. border-radius:50%;
  539. {block:IfHoverforSheikahEye}
  540. box-shadow:0px 0px 0px 0px {color:Link Rings 2}; opacity:0;
  541. {/block:IfHoverforSheikahEye}
  542. {block:IfNotHoverforSheikahEye}
  543. box-shadow:0px 0px 0px 4px {color:Link Rings 2}; opacity:1;
  544. {/block:IfNotHoverforSheikahEye}
  545. padding:2px; background:{color:Eye Iris};
  546. -webkit-transition: all 0.2s ease-in;
  547. -moz-transition: all 0.2s ease-in;
  548. transition: all 0.2s ease-in;
  549. -webkit-transition-delay: .0s;
  550. -moz-transition-delay: .0s;
  551. transition-delay: .0s;}
  552. #side #iris::after {
  553. content:"";
  554. position:fixed; z-index:4;
  555. left:50%; margin-left:-396px;
  556. top:50%; margin-top:-59px;
  557. border-radius:50%;
  558. {block:IfHoverforSheikahEye}
  559. box-shadow:0px 0px 0px 0px {color:Link Rings 2}; opacity:0;
  560. {/block:IfHoverforSheikahEye}
  561. {block:IfNotHoverforSheikahEye}
  562. box-shadow:0px 0px 0px 4px {color:Link Rings 2}; opacity:1;
  563. {/block:IfNotHoverforSheikahEye}
  564. padding:2px; background:{color:Eye Iris};
  565. -webkit-transition: all 0.2s ease-in;
  566. -moz-transition: all 0.2s ease-in;
  567. transition: all 0.2s ease-in;
  568. -webkit-transition-delay: .0s;
  569. -moz-transition-delay: .0s;
  570. transition-delay: .0s;}
  571. #side:hover #iris {
  572. box-shadow:0px 0px 0px 11px {color:Eye Iris} inset, 0px 0px 0px 6px {color:Link Rings 2}, 0px 0px 0px 8px {color:Eye Iris Ring};
  573. -webkit-transition-delay: .0s;
  574. -moz-transition-delay: .0s;
  575. transition-delay: .0s;}
  576. #side:hover #iris::after {
  577. box-shadow:0px 0px 0px 4px {color:Link Rings 2}; opacity:1;
  578. -webkit-transition-delay: .2s;
  579. -moz-transition-delay: .2s;
  580. transition-delay: .2s;}
  581. #side:hover #iris::before {
  582. box-shadow:0px 0px 0px 4px {color:Link Rings 2}; opacity:1;
  583. -webkit-transition-delay: .2s;
  584. -moz-transition-delay: .2s;
  585. transition-delay: .2s;}
  586.  
  587. /* triangle eye lashes */
  588. #side .trilash {
  589. position:fixed; z-index:2;
  590. left:50%; top:50%;
  591. height:0px; width:2px;
  592. border:20px solid {color:Eye Triangles};
  593. border-radius:100% 100% 5px 5px/100% 100% 5px 5px;
  594. border-color:transparent transparent {color:Eye Triangles} transparent;
  595. border-width:0px 12px 29px 12px;
  596. transform-origin: 50% 0%;
  597. -webkit-transform-origin: 50% 0%;
  598. -moz-transform-origin: 50% 0%;
  599. -webkit-transition: all 0.4s ease-in;
  600. -moz-transition: all 0.4s ease-in;
  601. transition: all 0.4s ease-in;
  602. -webkit-transition-delay: .0s;
  603. -moz-transition-delay: .0s;
  604. transition-delay: .0s;}
  605. #side .trilash#middle {
  606. {block:IfHoverforSheikahEye}
  607. margin:-114px 0px 0px -384px; opacity:0;
  608. {/block:IfHoverforSheikahEye}
  609. {block:IfNotHoverforSheikahEye}
  610. margin:-129px 0px 0px -384px;
  611. {/block:IfNotHoverforSheikahEye}}
  612. #side:hover .trilash#middle {
  613. margin:-129px 0px 0px -384px; opacity:1;
  614. -webkit-transition-delay: .1s;
  615. -moz-transition-delay: .1s;
  616. transition-delay: .1s;}
  617. #side .trilash#left {
  618. {block:IfHoverforSheikahEye}
  619. margin:-101px 0px 0px -435px; opacity:0;
  620. {/block:IfHoverforSheikahEye}
  621. {block:IfNotHoverforSheikahEye}
  622. margin:-116px 0px 0px -435px;
  623. {/block:IfNotHoverforSheikahEye}
  624. transform: rotate(-29deg);
  625. -webkit-transform: rotate(-29deg);
  626. -moz-transform: rotate(-29deg);}
  627. #side:hover .trilash#left {
  628. margin:-116px 0px 0px -435px; opacity:1;
  629. -webkit-transition-delay: .1s;
  630. -moz-transition-delay: .1s;
  631. transition-delay: .1s;}
  632. #side .trilash#right {
  633. {block:IfHoverforSheikahEye}
  634. margin:-101px 0px 0px -333px; opacity:0;
  635. {/block:IfHoverforSheikahEye}
  636. {block:IfNotHoverforSheikahEye}
  637. margin:-116px 0px 0px -333px;
  638. {/block:IfNotHoverforSheikahEye}
  639. transform: rotate(29deg);
  640. -webkit-transform: rotate(29deg);
  641. -moz-transform: rotate(29deg);}
  642. #side:hover .trilash#right {
  643. margin:-116px 0px 0px -333px; opacity:1;
  644. -webkit-transition-delay: .1s;
  645. -moz-transition-delay: .1s;
  646. transition-delay: .1s;}
  647.  
  648. /* side eye lashes */
  649. #side #left-lash {
  650. position:fixed; z-index:2;
  651. height:13px; width:14px;
  652. left:50%; top:50%;
  653. background:{color:background} url('{image:background}') fixed;
  654. {block:IfHoverforSheikahEye}
  655. margin:-67px 0px 0px -433px; opacity:0;
  656. {/block:IfHoverforSheikahEye}
  657. {block:IfNotHoverforSheikahEye}
  658. margin:-79px 0px 0px -433px;
  659. {/block:IfNotHoverforSheikahEye}
  660. box-shadow: -2px 2px 0px 2px {color:Eye Shape}, -2px 6px 0px 2px {color:Eye Shape}, -3px 4px 0px 2px {color:Eye Shape};
  661. border-radius:40% 0px 50% 40%/40% 0px 50% 40%;
  662. -webkit-transition: all 0.4s ease-in;
  663. -moz-transition: all 0.4s ease-in;
  664. transition: all 0.4s ease-in;}
  665. #side:hover #left-lash {
  666. margin:-79px 0px 0px -433px; opacity:1;}
  667. #side #right-lash {
  668. position:fixed; z-index:2;
  669. height:13px; width:14px;
  670. left:50%; top:50%;
  671. {block:IfHoverforSheikahEye}
  672. margin:-67px 0px 0px -323px; opacity:0;
  673. {/block:IfHoverforSheikahEye}
  674. {block:IfNotHoverforSheikahEye}
  675. margin:-79px 0px 0px -323px;
  676. {/block:IfNotHoverforSheikahEye}
  677. box-shadow: 2px 2px 0px 2px {color:Eye Shape}, 2px 6px 0px 2px {color:Eye Shape}, 3px 4px 0px 2px {color:Eye Shape};
  678. border-radius:0px 40% 40% 50%/0px 40% 40% 50%;
  679. -webkit-transition: all 0.4s ease-in;
  680. -moz-transition: all 0.4s ease-in;
  681. transition: all 0.4s ease-in;}
  682. #side:hover #right-lash {
  683. margin:-79px 0px 0px -323px; opacity:1;}
  684.  
  685. /* eyeshape */
  686. #side #shape-top {
  687. position:fixed; z-index:2;
  688. left:50%; top:50%;
  689. height:33px; width:105px;
  690. {block:IfHoverforSheikahEye}
  691. margin:-81px 0px 0px -423px; opacity:0;
  692. {/block:IfHoverforSheikahEye}
  693. {block:IfNotHoverforSheikahEye}
  694. margin:-91px 0px 0px -423px;
  695. {/block:IfNotHoverforSheikahEye}
  696. border-radius:50% 50% 0px 0px/100% 100% 0px 0px;
  697. box-shadow:-6px 7px 0px {color:Eye Shape} inset, 6px 7px 0px {color:Eye Shape} inset;
  698. -webkit-transition: all 0.4s ease-in;
  699. -moz-transition: all 0.4s ease-in;
  700. transition: all 0.4s ease-in;}
  701. #side:hover #shape-top {
  702. margin:-91px 0px 0px -423px; opacity:1;}
  703. #side #shape-bottom {
  704. position:fixed; z-index:2;
  705. left:50%; top:50%; opacity:1;
  706. height:32px; width:103px;
  707. {block:IfHoverforSheikahEye}
  708. margin: -69px 0px 0px -422px; opacity:0;
  709. {/block:IfHoverforSheikahEye}
  710. {block:IfNotHoverforSheikahEye}
  711. margin:-59px 0px 0px -422px;
  712. {/block:IfNotHoverforSheikahEye}
  713. border-radius: 0px 0px 50% 50%/0px 0px 100% 100%;
  714. box-shadow:-5px -4px 0px {color:Eye Shape} inset, 5px -4px 0px {color:Eye Shape} inset;
  715. -webkit-transition: all 0.4s ease-in;
  716. -moz-transition: all 0.4s ease-in;
  717. transition: all 0.4s ease-in;}
  718. #side:hover #shape-bottom {
  719. margin:-59px 0px 0px -422px; opacity:1;}
  720.  
  721. /* tear */
  722. #side #tear {
  723. position:fixed; z-index:2;
  724. left:50%; top:50%;
  725. {block:IfHoverforSheikahEye}
  726. margin: -26px 0px 0px -381px; opacity:0;
  727. {/block:IfHoverforSheikahEye}
  728. {block:IfNotHoverforSheikahEye}
  729. margin: -6px 0px 0px -381px;
  730. {/block:IfNotHoverforSheikahEye}
  731. height:44px; width:22px;
  732. background:{color:Eye Tear};
  733. border-radius: 50% 50% 60% 60%/75% 75% 50% 50%;
  734. -webkit-transition: all 0.2s ease-in;
  735. -moz-transition: all 0.2s ease-in;
  736. transition: all 0.2s ease-in;
  737. -webkit-transition-delay: .0s;
  738. -moz-transition-delay: .0s;
  739. transition-delay: .0s;}
  740. #side #tear::before {
  741. content:""; position:fixed;
  742. left:50%; top:50%;
  743. {block:IfHoverforSheikahEye}
  744. margin: -37px 0px 0px -378px;
  745. {/block:IfHoverforSheikahEye}
  746. {block:IfNotHoverforSheikahEye}
  747. margin: -27px 0px 0px -378px;
  748. {/block:IfNotHoverforSheikahEye}
  749. width:8px; height:0px;
  750. border:3px solid {color:Eye Tear};
  751. border-width:0px 4px 26px 4px;
  752. border-color: transparent transparent {color:Eye Tear} transparent;
  753. -webkit-transition: all 0.2s ease-in;
  754. -moz-transition: all 0.2s ease-in;
  755. transition: all 0.2s ease-in;
  756. -webkit-transition-delay: .0s;
  757. -moz-transition-delay: .0s;
  758. transition-delay: .0s;}
  759. #side:hover #tear {
  760. opacity:1; margin: -6px 0px 0px -381px;
  761. -webkit-transition: all 0.2s ease-in;
  762. -moz-transition: all 0.2s ease-in;
  763. transition: all 0.2s ease-in;
  764. -webkit-transition-delay: .2s;
  765. -moz-transition-delay: .2s;
  766. transition-delay: .2s;}
  767. #side:hover #tear::before {
  768. margin: -27px 0px 0px -378px;
  769. -webkit-transition-delay: .2s;
  770. -moz-transition-delay: .2s;
  771. transition-delay: .2s;}
  772.  
  773. /* description */
  774. #description {
  775. position:fixed; z-index:4;
  776. left:50%; top:50%;
  777. margin:150px 0px 0px -435px;
  778. width:120px;
  779. font-size:10px; line-height:13px;
  780. color:{color:Description Text};
  781. {block:IfHoverforDescription}
  782. padding:5px 10px 10px 10px; opacity:0;
  783. {/block:IfHoverforDescription}
  784. {block:IfNotHoverforDescription}
  785. padding:10px 10px 10px 10px; opacity:1;
  786. {/block:IfNotHoverforDescription}
  787. letter-spacing:0.5px;
  788. {block:IfDescriptionTextCentered}
  789. text-align:center;
  790. {/block:IfDescriptionTextCentered}
  791. {block:IfNotDescriptionTextCentered}
  792. text-align:justify;
  793. {/block:IfNotDescriptionTextCentered}
  794. -webkit-transition: all 0.2s ease-in;
  795. -moz-transition: all 0.2s ease-in;
  796. transition: all 0.2s ease-in;}
  797. #side:hover #description {
  798. padding:10px 10px 10px 10px; opacity:1;}
  799. #description a {color:{color:Description Links};}
  800. #description a:hover {color:{color:Description Links Hover};}
  801. #description b, #description strong, #description i, #description em {
  802. color:{color:Description Text};}
  803.  
  804. #description::before {
  805. display:block; content:"";
  806. position:fixed; z-index:3;
  807. left:50%; top:50%;
  808. margin:146px 0px 0px -437px;
  809. padding:5px;
  810. {block:IfHoverforDescription}
  811. opacity:0;
  812. box-shadow:0px 0px 0px 0px {color:Link Rings 2}, 0px 0px 0px 0px {color:Link Rings 1};
  813. {/block:IfHoverforDescription}
  814. {block:IfNotHoverforDescription}
  815. box-shadow:0px 0px 0px 2px {color:Link Rings 2}, 0px 0px 0px 3.5px {color:Link Rings 1};
  816. background: {color:Link BG}; opacity:1;
  817. {/block:IfNotHoverforDescription}
  818. border-radius:50%;
  819. -webkit-transition: all 0.2s ease-in;
  820. -moz-transition: all 0.2s ease-in;
  821. transition: all 0.2s ease-in;}
  822. #side:hover #description::before {
  823. box-shadow:0px 0px 0px 2px {color:Link Rings 2}, 0px 0px 0px 3.5px {color:Link Rings 1};
  824. background: {color:Link BG}; opacity:1;}
  825.  
  826. #description::after {
  827. display:block; content:"";
  828. position:fixed; z-index:2;
  829. left:50%; top:50%;
  830. margin:150px 0px 0px -425px;
  831. width:124px; height:2px;
  832. {block:IfHoverforDescription}
  833. box-shadow:0px 0px 0px {color:Link Connecting Lines} inset;
  834. {/block:IfHoverforDescription}
  835. {block:IfNotHoverforDescription}
  836. box-shadow: 124px 0px 0px {color:Link Connecting Lines} inset;
  837. {/block:IfNotHoverforDescription}
  838. -webkit-transition: all 0.8s ease-in-out;
  839. -moz-transition: all 0.8s ease-in-out;
  840. transition: all 0.8s ease-in-out;}
  841. #side:hover #description::after {
  842. box-shadow: 124px 0px 0px {color:Link Connecting Lines} inset;}
  843.  
  844. /* pagination */
  845. #pagination {
  846. z-index: 9; position:fixed;
  847. top:0px; left:50%;
  848. margin-left:-57px;
  849. width:550px; padding:10px 1px;
  850. overflow:hidden;
  851. background:{color:background} url('{image:background}') fixed;
  852. letter-spacing:1px; text-align:center;}
  853. .active {
  854. display:inline-block;
  855. min-width:18px;
  856. line-height:10px;
  857. padding:7px 2px 7px 2px;
  858. letter-spacing:1px;
  859. border-radius:2px;}
  860. #pagination a .active {
  861. background:transparent;
  862. border:1px solid transparent;
  863. -webkit-transition: all 0.3s linear;
  864. -moz-transition: all 0.3s linear;
  865. transition: all 0.3s linear;}
  866. #pagination a .active:hover {
  867. color:{color:posts links hover};
  868. background:{color:Posts BG};
  869. border:1px solid {color:Posts BG};}
  870.  
  871. /* ------------------------------- POSTS --------------------------------- */
  872.  
  873. /* posts position */
  874. #entries {
  875. margin-top:70px; margin-left:50%;}
  876. /* posts themselves */
  877. .posts {
  878. margin:0 0 80px -50px;
  879. overflow:hidden;
  880. width: 500px;
  881. text-align:justify;
  882. padding:20px;
  883. background: {color:Posts BG} url('');}
  884.  
  885. /* ----------------------------- POST TYPES ------------------------------ */
  886.  
  887. /* text post */
  888. blockquote {
  889. padding:0px;
  890. padding-left:6px;
  891. margin:-3px 0 -1px 6px;
  892. border-left:2px solid {color:posts blockquote};}
  893. hr {display: block;
  894. margin: 30px 80px;
  895. border:1px solid {color:posts blockquote};}
  896.  
  897. /* bullet lists */
  898. ol {margin-left:-8px;
  899. list-style-type:decimal;}
  900. ul {margin-left:-20px;
  901. list-style-type:none;}
  902. ul li::before {
  903. content:"";
  904. margin:0px 10px 2px 0px;
  905. display:inline-block;
  906. height:4px; width:4px;
  907. border-radius:50%;
  908. background:{color:posts blockquote};}
  909. li {margin-bottom:3px;}
  910.  
  911. /* text-images */
  912. .posts img {
  913. vertical-align:middle;
  914. max-width:100%;}
  915. /* the credit below images that are from other people */
  916. .tmblr-full {margin:0;}
  917. .tmblr-attribution {
  918. opacity:.8;
  919. margin-top:0px;
  920. font-family:Calibri;
  921. font-size:8px; line-height:8px;
  922. text-transform:uppercase;
  923. letter-spacing:1px;}
  924. .tmblr-attribution::after {content: " >";}
  925.  
  926. /* link posts */
  927. .link-posts a {
  928. background: {color:Posts Links};
  929. display:inline-block;
  930. width: 480px;
  931. padding:10px;
  932. color:{color:Posts BG};}
  933. .link-posts a:hover {
  934. background: {color:Posts Links Hover}}
  935.  
  936. /* ask posts */
  937. .ask-posts img {
  938. vertical-align:middle;
  939. display:inline-block;
  940. margin-right:7px;
  941. max-width:64px;}
  942. .ask-posts .question {
  943. vertical-align:middle;
  944. display:inline-block;
  945. min-height:44px; width:402px;
  946. padding: 10px;
  947. background: {color:Posts 2nd BG};}
  948. .ask-posts h2 {text-align:left; margin:0px 0px 5px 5px;}
  949.  
  950. /* quote posts */
  951. .quote-posts {
  952. padding:10px 0px;
  953. text-align:center}
  954. .quote {
  955. vertical-align:middle;
  956. width:430px;
  957. display:inline-block;}
  958. .quote-posts .fa {
  959. font-size:20px;
  960. vertical-align:middle;
  961. display:inline-block;
  962. color:{color:Posts Blockquote}}
  963.  
  964. /* chat posts */
  965. .chat {margin:0px; padding:0px; line-height:14px;}
  966. .chat li {text-align:left;}
  967. .chat li::before {display:none;}
  968.  
  969. {block:IfNot2ndChatPostFormat}
  970. .chat li {
  971. padding:0px 0px 4px 4px;
  972. border-bottom:2px solid {color:Posts Blockquote};}
  973. .chat li:first-of-type {
  974. padding-top:4px;
  975. border-top:2px solid {color:Posts Blockquote};}
  976. {/block:IfNot2ndChatPostFormat}
  977. {block:If2ndChatPostFormat}
  978. .chat li {
  979. padding:5px 8px;
  980. margin-bottom:4px;
  981. background: {color:Posts 2nd BG};}
  982. {/block:If2ndChatPostFormat}
  983.  
  984. /* photo posts */
  985. .posts img, .posts .html_photoset, .posts #audio-pic {
  986. {block:IfFadePhotos}opacity:0.75;{/block:IfFadePhotos}
  987. {block:IfMonochromePhotos}
  988. -webkit-filter: grayscale(100%);
  989. -moz-filter: grayscale(100%);
  990. -ms-filter: grayscale(100%);
  991. -o-filter: grayscale(100%);
  992. filter: grayscale(100%);{/block:IfMonochromePhotos}
  993. -webkit-transition-duration: 0.5s;
  994. -moz-transition-duration:0.5s;
  995. -o-transition-duration:0.5s;
  996. transition-duration:0.5s;}
  997. .posts:hover img, .posts:hover .html_photoset, .posts:hover #audio-pic {
  998. opacity:1;
  999. -webkit-filter: grayscale(0%);
  1000. -moz-filter: grayscale(0%);
  1001. -ms-filter: grayscale(0%);
  1002. -o-filter: grayscale(0%);
  1003. filter: grayscale(0%);
  1004. -webkit-transition-duration: 0.5s;
  1005. -moz-transition-duration:0.5s;
  1006. -o-transition-duration:0.5s;
  1007. transition-duration:0.5s;}
  1008.  
  1009. /* photoset focused image background */
  1010. .tmblr-lightbox {
  1011. background-color:transparent !important;}
  1012. .vignette {
  1013. z-index:99998! important;
  1014. opacity:.75 !important;
  1015. background-color:{color:background} !important;
  1016. background-image:none !important;}
  1017. .tmblr-lightbox .lightbox-image {
  1018. z-index:99999! important;
  1019. border-radius:0px !important;
  1020. background:{color:background} !important;
  1021. box-shadow:0px 0px 0px 30px {color:background} !important;}
  1022. .tmblr-lightbox .lightbox-caption {
  1023. z-index:99999! important;
  1024. font-family:consolas !important;
  1025. font-size:10px !important;
  1026. font-size: 15px !important;
  1027. font-weight: bold !important;
  1028. color: {color:posts title} !important;
  1029. text-shadow: 0 4px 30px {color:background} !important;}
  1030.  
  1031. /* video posts */
  1032. #youtube_iframe, .tumblr_video_container {
  1033. margin-bottom:5px; max-width:100%;}
  1034. .caption iframe, .caption #youtube_iframe, .caption .tumblr_video_container {
  1035. margin:5px 0px; max-width:100%;}
  1036.  
  1037. /* audio posts */
  1038. #audio-pic {
  1039. display:inline-block;
  1040. vertical-align:middle;
  1041. margin-right:2px;
  1042. width:135px; height:135px;
  1043. background: url('{image:Default Audio Pic}');
  1044. background-size:cover;}
  1045. #info-container {
  1046. display:inline-block;
  1047. vertical-align:middle;
  1048. text-align:left;
  1049. font-size:8px; line-height:15px;
  1050. width:355px;
  1051. text-transform:uppercase;
  1052. letter-spacing:1px;}
  1053. #info-container li {
  1054. display:block;
  1055. padding:4px 7px;
  1056. margin:0px; margin-top:4px;
  1057. background:{color:Posts 2nd BG};}
  1058. .posts .audio_player {
  1059. max-width:355px; max-height:27px;
  1060. margin:0px;
  1061. background:{color:Audio Player};
  1062. {block:IfMonochromePhotos}
  1063. -webkit-filter: grayscale(100%);
  1064. -moz-filter: grayscale(100%);
  1065. -ms-filter: grayscale(100%);
  1066. -o-filter: grayscale(100%);
  1067. filter: grayscale(100%);{/block:IfMonochromePhotos}
  1068. -webkit-transition: all 0.2s linear;
  1069. -moz-transition: all 0.2s linear;
  1070. transition: all 0.2s linear;}
  1071. .posts:hover .audio_player {
  1072. {block:IfMonochromePhotos}
  1073. -webkit-filter: grayscale(0%);
  1074. -moz-filter: grayscale(0%);
  1075. -ms-filter: grayscale(0%);
  1076. -o-filter: grayscale(0%);
  1077. filter: grayscale(0%);{/block:IfMonochromePhotos}}
  1078. .tumblr_audio_player {
  1079. width:355px; opacity:.66;}
  1080.  
  1081. /* ----------------------------- POSTS INFO ------------------------------ */
  1082.  
  1083. /* if circles */
  1084. #postinfo {
  1085. margin-top:20px;
  1086. position:absolute;
  1087. text-align:center;
  1088. margin-left:-20px;
  1089. width:534px; padding-top:17px;}
  1090. /* individual circles */
  1091. #postinfo a {
  1092. display:inline-block;
  1093. font-size:20px;
  1094. height:20px; width:20px;
  1095. color:{color:Link BG};
  1096. background:{color:Link Rings 2};
  1097. margin:0px 12px; border-radius:50%;
  1098. box-shadow:0px 0px 0px 0px {color:Link Rings 2}, 0px 0px 0px 0px {color:Link Rings 1};
  1099. -webkit-transition: all 0.2s linear;
  1100. -moz-transition: all 0.2s linear;
  1101. transition: all 0.2s linear;}
  1102. #postinfo a:hover {
  1103. color:{color:Link BG Hover};
  1104. box-shadow:0px 0px 0px 3px {color:Link Rings 2}, 0px 0px 0px 4.5px {color:Link Rings 1 Hover} !important;}
  1105.  
  1106. /* circles like button */
  1107. #postinfo #like {
  1108. display:inline-block;}
  1109. #postinfo .like_button {
  1110. display:inline-block;
  1111. position:relative;
  1112. top:0px; left:0px;}
  1113. #postinfo .like_button iframe {
  1114. position:absolute;
  1115. margin:-2px 0px 0px -22px;
  1116. display:inline-block;
  1117. opacity:0; z-index:99;}
  1118. #postinfo .like_button::before {
  1119. content:"\f08a";
  1120. display:inline-block;
  1121. font-size:18px; line-height:21px;
  1122. height:20px; width:20px;
  1123. margin-left:12px;
  1124. font-family:'FontAwesome';
  1125. color:{color:Link BG};
  1126. background:{color:Link Rings 2};
  1127. box-shadow:0px 0px 0px 0px {color:Link Rings 2}, 0px 0px 0px 0px {color:Link Rings 1};
  1128. border-radius:50%;
  1129. -webkit-transition: all 0.2s linear;
  1130. -moz-transition: all 0.2s linear;
  1131. transition: all 0.2s linear;}
  1132. #postinfo .like_button:hover::before {
  1133. color:{color:Link BG Hover};
  1134. box-shadow:0px 0px 0px 3px {color:Link Rings 2}, 0px 0px 0px 4.5px {color:Link Rings 1 Hover} !important;}
  1135. #postinfo .like_button.liked::before {content:"\f004";}
  1136.  
  1137. /* line connectors */
  1138. #postline1 {
  1139. position:absolute; z-index:-3;
  1140. margin:-17px 0px 0px 91px;
  1141. height:26px; width:26px;
  1142. border-radius:0 0 0 100%;
  1143. border:2px solid {color:Link Connecting Lines};
  1144. border-width:0px 0px 2px 2px;
  1145. -webkit-transition: all 0.2s ease-in-out;
  1146. -moz-transition: all 0.2s ease-in-out;
  1147. transition: all 0.2s ease-in-out;
  1148. -webkit-transition-delay: .5s;
  1149. -moz-transition-delay: .5s;
  1150. transition-delay: .5s;
  1151. -webkit-transform-origin: 100% 0%;
  1152. -moz-transform-origin: 100% 0%;
  1153. transform-origin: 100% 0%;
  1154. -webkit-transform: rotate(90deg);
  1155. -moz-transform: rotate(90deg);
  1156. transform: rotate(90deg);}
  1157. .posts:hover #postline1 {
  1158. -webkit-transform: rotate(0deg);
  1159. -moz-transform: rotate(0deg);
  1160. transform: rotate(0deg);
  1161. -webkit-transition-delay: .0s;
  1162. -moz-transition-delay: .0s;
  1163. transition-delay: .0s;}
  1164. #postline2 {
  1165. position:absolute; z-index:-3;
  1166. margin:9px 0px 0px 119px;
  1167. height:2px; width:330px;
  1168. /*background:{color:Link Connecting Lines};*/
  1169. box-shadow:0px 0px 0px {color:Link Connecting Lines} inset;
  1170. -webkit-transition: all 0.5s ease-in-out;
  1171. -moz-transition: all 0.5s ease-in-out;
  1172. transition: all 0.5s ease-in-out;
  1173. -webkit-transition-delay: .0s;
  1174. -moz-transition-delay: .0s;
  1175. transition-delay: .0s;}
  1176. .posts:hover #postline2 {
  1177. box-shadow:330px 0px 0px {color:Link Connecting Lines} inset;
  1178. -webkit-transition-delay: .2s;
  1179. -moz-transition-delay: .2s;
  1180. transition-delay: .2s;}
  1181.  
  1182. /* if no circles */
  1183. #postending {
  1184. padding:10px; width:500px;
  1185. margin:15px 0px -10px -10px;
  1186. background: {color:Postending BG};
  1187. text-align:center;
  1188. margin-top:15px;
  1189. font-size:9px;
  1190. text-transform:uppercase;
  1191. letter-spacing:1px;
  1192. color: {color:Postending Text};}
  1193. #postending a {
  1194. color:{color:Postending Links};}
  1195. #postending a:hover {
  1196. color:{color:Postending Links Hover};}
  1197.  
  1198. /* ---------------------------- PERMALINK -------------------------------- */
  1199.  
  1200. /* permalink position */
  1201. #permalink {
  1202. background:; /* if you want the post-notes to have a non-transparent bg */
  1203. margin:-70px 0px 0px -50px;
  1204. width: 500px; padding: 20px;}
  1205.  
  1206. /* post notes container */
  1207. .notes {
  1208. max-height:600px;
  1209. overflow: auto; text-align:center;
  1210. line-height:0px; font-size:0px;
  1211. color:transparent; letter-spacing:0px;}
  1212. .notes a {
  1213. font-size:10px; line-height:14px;
  1214. letter-spacing:1px;
  1215. font-weight:bold;
  1216. color:{color:Permalink Links};}
  1217. .notes a:hover {
  1218. color:{color:Permalink Links Hover};}
  1219. .notes blockquote, .notes .answer_content {
  1220. font-size:10px; line-height:17px;
  1221. letter-spacing:1px;
  1222. max-width:350px;
  1223. margin:3px auto; border:none;
  1224. color:{color:Permalink Links};
  1225. background:{color:Permalink Blockquote};}
  1226. .notes blockquote {
  1227. display:inline-block;
  1228. padding:1px 10px 0px 10px;}
  1229. .notes .answer_content {
  1230. display:block;
  1231. padding:2px 10px 1px 10px;}
  1232. .notes img {display:none;}
  1233. .notes li {margin-left:-10px;}
  1234.  
  1235. /* replaced regular sentences with fa symbols */
  1236. .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 {
  1237. font-weight:normal;
  1238. vertical-align:middle;
  1239. content:"";
  1240. font-family:'FontAwesome';
  1241. display:inline-block; margin:0px 5px;
  1242. font-size:10px;
  1243. color:{color:Permalink Text};}
  1244. .notes .like span a::after {content:"\f004";}
  1245. .notes .reblog .tumblelog::after {content: "\f079";}
  1246. .notes .reblog blockquote::before, .notes .answer_content::before {content: "\f10d"; margin-top:-1px;}
  1247. .notes .reblog blockquote::after, .notes .answer_content::after {content: "\f10e"; margin-top:-1px;}
  1248. .notes .reply .action a::after {content: "\f063";}
  1249.  
  1250. /* permalink scrollbar */
  1251. #permalink ::-webkit-scrollbar {
  1252. height:5px; width:5px;
  1253. background: transparent;}
  1254. #permalink ::-webkit-scrollbar-thumb:vertical {
  1255. background: {color:Permalink Scroll Thumb};
  1256. border:none;}
  1257.  
  1258. </style>
  1259. <body>
  1260.  
  1261. <!-------------------------------- CURSOR ---------------------------------->
  1262. {block:IfCustomCursor}
  1263. <style type="text/css"> body {cursor: url({image:Custom Cursor}), auto;} a, a:hover{cursor:url({image:Custom Cursor Links}), auto;}
  1264. </style>
  1265. <!-- Custom cursors don't show up on empty spaces, but this fixes that -->
  1266. <div style="position:fixed; background:rgba(0,0,0,0); top:0px; left:0px; width:100%; height:100%; z-index: -99999999999999;"></div>{/block:IfCustomCursor}
  1267.  
  1268. <!-------------------------- CREDIT; DON'T REMOVE -------------------------->
  1269. <a href="http://nyctothemes.tumblr.com/" title="© nyctothemes" id="credit"></a>
  1270.  
  1271. <!-------------------------------- SIDEBAR --------------------------------->
  1272.  
  1273. <div id="side">
  1274.  
  1275. <!-- connecting lines -->
  1276. <div id="outline"></div>
  1277. <div class="horizontal" id="left"></div>
  1278. <div class="horizontal" id="right"></div>
  1279.  
  1280. <div class="disconnect" id="top"></div>
  1281. <div class="disconnect" id="top-left"></div>
  1282. <div class="disconnect" id="left"></div>
  1283. <div class="disconnect" id="bottom-left"></div>
  1284. <div class="disconnect" id="bottom"></div>
  1285. <div class="disconnect" id="right"></div>
  1286. <div class="disconnect" id="inner-left"></div>
  1287. <div class="disconnect" id="inner-bottom"></div>
  1288. <div class="disconnect" id="inner-right"></div>
  1289.  
  1290. <div class="rotated" id="one"></div>
  1291. <div class="rotated" id="two"></div>
  1292. <div class="rotated" id="three"></div>
  1293. <div class="rotated" id="four"></div>
  1294. <div id="incurve"></div>
  1295.  
  1296. <!-- circle links -->
  1297. <div id="circles">
  1298. <a href="/" title="Index"></a>
  1299. <a href="/ask" title="Ask"></a>
  1300. <a href="/archive" title="Archive"></a>
  1301. <a href="{text:link 1 URL}" title="{text:link 1 hover}"></a>
  1302. <a href="{text:link 2 URL}" title="{text:link 2 hover}"></a>
  1303. <a href="{text:link 3 URL}" title="{text:link 3 hover}"></a>
  1304. <a href="{text:link 4 URL}" title="{text:link 4 hover}"></a>
  1305. </div>
  1306.  
  1307. <!-- eye -->
  1308. <div id="iris"></div>
  1309. <div id="right-lash"></div>
  1310. <div id="left-lash"></div>
  1311. <div class="trilash" id="left"></div>
  1312. <div class="trilash" id="middle"></div>
  1313. <div class="trilash" id="right"></div>
  1314. <div id="shape-top"></div>
  1315. <div id="shape-bottom"></div>
  1316. <div id="tear"></div>
  1317.  
  1318. <!-- description -->
  1319. <div id="description">
  1320. {description}
  1321. </div>
  1322.  
  1323. </div> <!-- "side" -->
  1324.  
  1325. <!-- Page navigation -->
  1326. {block:Pagination}<div id="pagination">
  1327. {block:PreviousPage}<a href="{PreviousPage}" title="Retreat">{/block:PreviousPage}<div class="active">◀</div>{block:PreviousPage}</a>{/block:PreviousPage}
  1328. world <b>{CurrentPage}</b> of <b>{TotalPages}</b>
  1329. {block:NextPage}<a href="{NextPage}" title="Go Forth">{/block:NextPage}<div class="active">▶</div>{block:NextPage}</a>{/block:NextPage}
  1330. </div>{/block:Pagination}
  1331.  
  1332. <!-- description -->
  1333. <div id="side-window">
  1334. </div>
  1335.  
  1336. <!-- sidebar links -->
  1337. <div id="sidelinks">
  1338. <a href="/" title="Index"></a>
  1339. <a href="/ask" title="Ask"></a>
  1340. <a href="/archive" title="Archive"></a>
  1341. <a href="{text:link 1 URL}" title="{text:link 1 hover}"></a>
  1342. <a href="{text:link 2 URL}" title="{text:link 2 hover}"></a>
  1343. <a href="{text:link 3 URL}" title="{text:link 3 hover}"></a>
  1344. <a href="{text:link 4 URL}" title="{text:link 4 hover}"></a>
  1345. </div>
  1346.  
  1347. <div id="moon"></div>
  1348.  
  1349. <!--------------------------------- POSTS ---------------------------------->
  1350. <div id="entries">
  1351. {block:posts}
  1352.  
  1353. <div class="posts">
  1354.  
  1355. <!-- text posts -->
  1356. {block:Text}
  1357. {block:Title}<h1>{Title}</h1>{/block:Title}
  1358. <div class="caption">{Body}</div>
  1359. {/block:Text}
  1360.  
  1361. <!-- link posts -->
  1362. {block:Link}
  1363. {block:Thumbnail}<center>
  1364. <a href="{Thumbnail-HighRes}">
  1365. <img src="{Thumbnail}" class="photo-posts" style="margin-bottom:5px;">
  1366. </a>
  1367. </center>{/block:Thumbnail}
  1368. <div class="link-posts"><h1><a href="{URL}">
  1369. {Name}&nbsp;&nbsp;&#8594;
  1370. </a></h1></div>
  1371. {block:Description}<div class="caption">
  1372. <p>{Description}</p>
  1373. </div>{/block:Description}
  1374. {/block:Link}
  1375.  
  1376. <!-- ask posts -->
  1377. {block:Answer}
  1378. <div class="ask-posts">
  1379. <img src="{AskerPortraitURL-64}">
  1380. <div class="question">
  1381. <h2>{Asker} {text:Ask Verb}:</h2> {Question}
  1382. </div></div><br>
  1383. <div id="caption">{Answer}</div>
  1384. {/block:Answer}
  1385.  
  1386. <!-- quote posts -->
  1387. {block:Quote}
  1388. <h2 class="quote-posts">
  1389. <l class="fa fa-quote-left"></l>
  1390. <div class="quote">{Quote}</div>
  1391. <l class="fa fa-quote-right"></l>
  1392. </h2>
  1393. <div style="text-align:right; margin-right:20px">
  1394. {block:Source}<b>- {Source}</b>{/block:Source}
  1395. </div>
  1396. {/block:Quote}
  1397.  
  1398. <!-- chat posts -->
  1399. {block:Chat}
  1400. {block:Title}<h1>{Title}</h1>{/block:Title}
  1401. <ul class="chat">{block:Lines}
  1402. <li class="user_{UserNumber}">{block:Label}<b>{Label}</b>{/block:Label} {Line}</li>
  1403. {/block:Lines}</ul>
  1404. {/block:Chat}
  1405.  
  1406. <!-- photo posts -->
  1407. {block:Photo}
  1408. <center>
  1409. {block:HighRes}<a href="{PhotoURL-HighRes}">{/block:HighRes}<img src="{PhotoURL-500}" class="photo-posts"/>{block:HighRes}</a>{/block:HighRes}
  1410. </center>
  1411. {block:Caption}<br><div class="caption">{Caption}</div>{/block:Caption}{/block:Photo}
  1412.  
  1413. {block:Photoset}
  1414. <center>
  1415. {Photoset-500}
  1416. </center>
  1417. {block:Caption}<br><div class="caption">{Caption}</div>{/block:Caption}{/block:Photoset}
  1418.  
  1419. <!-- video post -->
  1420. {block:Video}
  1421. {Video-500}
  1422. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  1423. {/block:Video}
  1424.  
  1425. <!-- audio posts -->
  1426. {block:Audio}
  1427. <!--image-->
  1428. {block:IndexPage}<a href="{Permalink}">{/block:IndexPage}<div id="audio-pic" {block:AlbumArt}style="background:none"{/block:AlbumArt}>
  1429. {block:AlbumArt}<img src="{AlbumArtURL}">{/block:AlbumArt}
  1430. </div>{block:IndexPage}</a>{/block:IndexPage}
  1431. <div id="info-container">
  1432. <!--player-->
  1433. {block:ifDarkAudioPlayer}{AudioPlayerBlack}{/block:ifDarkAudioPlayer}
  1434. {block:ifNotDarkAudioPlayer}{AudioPlayerWhite}{/block:ifNotDarkAudioPlayer} <!--info-->
  1435. {block:TrackName}<li><b>Track:</b> {TrackName}</li>{/block:TrackName}
  1436. {block:Artist}<li><b>Artist:</b> {Artist}</li>{/block:Artist}
  1437. {block:Album}<li><b>Album:</b> {Album}</li>{/block:Album}
  1438. {block:PlayCount}<li><b>Plays:</b> {FormattedPlayCount}</li>{/block:PlayCount}
  1439. </div>
  1440. {block:Caption}<div class="caption" style="margin-top:5px;">{Caption}</div>{/block:Caption}{/block:Audio}
  1441.  
  1442. <!------------------------------ POST ENDING ------------------------------->
  1443.  
  1444. {block:PermalinkPage}{block:Date}<div id="postending">
  1445.  
  1446. <!-- date posted -->
  1447. <a href="/day/{Year}/{MonthNumberWithZero}/{DayOfMonthWithZero}">{ShortMonth}.{DayOfMonthWithZero}.{ShortYear}</a>
  1448. <!-- notes counter -->
  1449. {block:NoteCount}
  1450. || <a href="#permalink">{NoteCountWithLabel}</a>
  1451. {/block:NoteCount}
  1452. <!-- reblogged from -->
  1453. {block:RebloggedFrom}<br>
  1454. Via: <a href="{ReblogParentURL}">{ReblogParentName}</a>
  1455. {/block:RebloggedFrom}
  1456. <!-- original poster -->
  1457. {block:ContentSource}
  1458. || Source: <a href="{SourceURL}">{SourceTitle}</a>
  1459. {/block:ContentSource}
  1460. <!-- tags -->
  1461. {block:HasTags}<br><div style="padding:0px 20px 0px 20px">
  1462. Tags: {block:Tags}<a href="{TagURL}">{Tag}</a>, {/block:Tags}
  1463. </div>{/block:HasTags}
  1464.  
  1465. </div>{/block:Date}{/block:PermalinkPage}
  1466.  
  1467. <!------------- If Circles for Index Page ------------->
  1468. {block:IfPostendingCirclesForIndexpage}
  1469. {block:IndexPage}
  1470. <div id="postinfo">
  1471. <div id="postline1"></div>
  1472. <div id="postline2"></div>
  1473.  
  1474. <!-- date posted -->
  1475. {block:Date}
  1476. <a href="{Permalink}" title="{ShortMonth}.{DayOfMonthWithZero}.{ShortYear}"><l class="fa fa-clock-o"></l></a>
  1477. {/block:Date}
  1478. <!-- notes counter -->
  1479. {block:NoteCount}
  1480. <a href="{Permalink}" title="{NoteCountWithLabel}"><l class="fa fa-times-circle-o" style="
  1481. transform: rotate(45deg);
  1482. -webkit-transform: rotate(45deg);
  1483. -moz-transform: rotate(45deg);"></l></a>
  1484. {/block:NoteCount}
  1485. <!-- tags -->
  1486. {block:HasTags}
  1487. <a href="{Permalink}" title="# {block:Tags}{Tag}, {/block:Tags}"><l class="fa fa-compass"></l></a>
  1488. {/block:HasTags}
  1489. <!-- reblogged from -->
  1490. {block:RebloggedFrom}
  1491. <a href="{ReblogParentURL}" title="Via: {ReblogParentName}"><l class="fa fa-at"></l></a>
  1492. {/block:RebloggedFrom}
  1493. <!-- original poster -->
  1494. {block:ContentSource}
  1495. <a href="{SourceURL}" title="Source: {SourceTitle}"><l class="fa fa-copyright"></l></a>
  1496. {/block:ContentSource}
  1497. <!-- reblog and like -->
  1498. <a href="{ReblogURL}" title="Reblog"><l class="fa fa-refresh" style="font-size:19px"></l></a>
  1499. <div id="like" title="like">{LikeButton size="24"}</div>
  1500.  
  1501. </div>
  1502. {/block:IndexPage}
  1503. {/block:IfPostendingCirclesForIndexpage}
  1504.  
  1505. <!------------- If NO Circles for Index Page ------------->
  1506. {block:IfNotPostendingCirclesForIndexpage}
  1507. {block:IndexPage}
  1508. {block:Date}<div id="postending">
  1509.  
  1510. <!-- date posted -->
  1511. <a href="{Permalink}">{ShortMonth}.{DayOfMonthWithZero}.{ShortYear}</a>
  1512. <!-- notes counter -->
  1513. {block:NoteCount}
  1514. || <a href="{Permalink}">{NoteCountWithLabel}</a>
  1515. {/block:NoteCount}
  1516. <!-- reblogged from -->
  1517. {block:RebloggedFrom}<br>
  1518. Via: <a href="{ReblogParentURL}">{ReblogParentName}</a>
  1519. {/block:RebloggedFrom}
  1520. <!-- original poster -->
  1521. {block:ContentSource}
  1522. || Source: <a href="{SourceURL}">{SourceTitle}</a>
  1523. {/block:ContentSource}
  1524. <!-- tags -->
  1525. {block:HasTags}<br><div style="padding:0px 20px 0px 20px">
  1526. Tags: {block:Tags}<a href="{TagURL}">{Tag}</a>, {/block:Tags}
  1527. </div>{/block:HasTags}
  1528.  
  1529. </div>{/block:Date}
  1530. {/block:IndexPage}
  1531. {/block:IfNotPostendingCirclesForIndexpage}
  1532.  
  1533. </div> <!-- ending div tag for "posts" -->
  1534.  
  1535. {/block:Posts}
  1536.  
  1537. <!------------------------------- PERMALINK -------------------------------->
  1538.  
  1539. {block:PostNotes}
  1540. <div id="permalink">{PostNotes}</div>
  1541. {/block:PostNotes}
  1542.  
  1543. </div> <!-- ending div tag for "entries" -->
  1544.  
  1545. </body>
  1546. </html>
Add Comment
Please, Sign In to add comment