thetruththemes

Kingdom Key

Jan 29th, 2015
923
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 33.20 KB | None | 0 0
  1. <html>
  2. <!----------------------------------------------------------------------------
  3. ,,
  4. ,GG,
  5. GIIG
  6. Gl''lG
  7. ;G' 'G;
  8. GP YG
  9. oQ' 'Qo -Kɪɴɢᴅᴏᴍ Kᴇʏ ᴛʜᴇᴍᴇ ʙʏ
  10. *TGGGGGGGGGGGGQQQ, ,QQQGGGGGGGGGGGGP* ɴʏᴄᴛᴏᴛʜᴇᴍᴇs.ᴛᴜᴍʙʟʀ.ᴄᴏᴍ
  11. *TGo, '* *' ,oGP*
  12. *TGo, ɴʏᴄᴛ□ᴛʜᴇᴍᴇs ,oGP* -ᴘʟᴇᴀsᴇ ʀᴇғᴇʀ ᴛᴏ ᴏʀɪɢɪɴᴀʟ
  13. *TGio,, ,,oiGP* ᴘᴏsᴛ ʟɪɴᴋ ғᴏʀ ʀᴜʟᴇs ᴀɴᴅ ᴍɪsᴄ
  14. ;GGT' 'TGG:
  15. GG' ii 'GG -ᴅᴏ ɴᴏᴛ ʀᴇᴍᴏᴠᴇ ᴀɴʏ ᴏғ ᴛʜᴇ
  16. GG' ,GG, 'GG ᴄᴏᴅᴇ ᴄʀᴇᴅɪᴛ ᴏʀ ᴍᴏᴠᴇ ɪᴛ ᴛᴏ
  17. GG* oGGGGo. *GG ᴀ ᴘᴀɢᴇ.
  18. oG* oGG* *GGo. *Go
  19. ;GG;oGG* *GGo;GG;
  20. ,GGGT* *TGGG,
  21. ""' '""
  22.  
  23. ----------------------------------------------------------------------------->
  24. <link href="style-my-tooltips.css" rel="stylesheet" type="text/css" />
  25. <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>
  26.  
  27. <head>
  28.  
  29. {block:Ifcustomfavicon}<link rel="shortcut icon" href="{image:favicon}"/>{/block:Ifcustomfavicon}
  30. {block:IfNotcustomfavicon}<link rel="shortcut icon" href="{favicon}"/>{/block:IfNotcustomfavicon}
  31.  
  32. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  33. <title>{Title}</title>
  34. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  35.  
  36. <!--------------------------------- IMAGES ---------------------------------->
  37. <meta name="image:Album Art" content="https://31.media.tumblr.com/26a12b635fa21b1c335e22e1cd84e110/tumblr_inline_ni4vz2P0bz1rg1lxe.png"/>
  38. <meta name="image:Person on Handle" content="https://31.media.tumblr.com/54f2e4f53ce23545ed505769183339fb/tumblr_inline_niyb1oqOR31rg1lxe.png"/>
  39. <meta name="image:Custom Cursor 1" content="http://media.tumblr.com/ef1133ebcc2e3fd12ce41472897681b1/tumblr_inline_n4cu3fSX3l1rg1lxe.png"/>
  40. <meta name="image:Custom Cursor 2" content="http://media.tumblr.com/b0ad9785c33351ce63d8ca857ccc87e6/tumblr_inline_n4cu3lqZxW1rg1lxe.png"/>
  41. <meta name="image:Favicon" content="https://31.media.tumblr.com/682dbba20b472b01eee53db557561283/tumblr_inline_nilprmi9a21rg1lxe.png"/>
  42.  
  43. <!--------------------------------- COLORS ---------------------------------->
  44. <!-- Sidebar -->
  45. <meta name="color:Downbar Color" content="#151c27"/>
  46. <meta name="color:Description Text" content="#2d6596"/>
  47. <meta name="color:Description Link" content="#808080"/>
  48. <meta name="color:Description Link Hover" content="#aaaaaa"/>
  49. <meta name="color:Description Scroll Thumb" content="#333333"/>
  50. <meta name="color:Description Scroll Track" content="#181818"/>
  51. <meta name="color:Side Links Current Page" content="#9a794e"/>
  52. <meta name="color:Side Links" content="#c7af4b"/>
  53. <meta name="color:Side Links Hover" content="#9a794e"/>
  54. <!-- Posts -->
  55. <meta name="color:Posts BG" content="#181818"/>
  56. <meta name="color:Posts Title" content="#b6b6b6"/>
  57. <meta name="color:Posts Text" content="#7e7e7e"/>
  58. <meta name="color:Posts Bold" content="#aaaaaa"/>
  59. <meta name="color:Posts Italic" content="#909090"/>
  60. <meta name="color:Posts Code" content="#7e7e7e"/>
  61. <meta name="color:Posts Code BG" content="#0f0f0f"/>
  62. <meta name="color:Posts Links" content="#2d6596"/>
  63. <meta name="color:Posts Links Hover" content="#c7af4b"/>
  64. <meta name="color:Posts Blockquote" content="#0f0f0f"/>
  65. <meta name="color:Ask BG" content="#0f0f0f"/>
  66. <meta name="color:Audio Player" content="#28354b"/>
  67. <!-- Post Endings -->
  68. <meta name="color:Chain Link" content="#626262"/>
  69. <meta name="color:Chain Link Hover" content="#909090"/>
  70. <meta name="color:Postending" content="#0f0f0f"/>
  71. <meta name="color:Postending Text" content="#474747"/>
  72. <meta name="color:Postending Links" content="#626262"/>
  73. <meta name="color:Postending Links Hover" content="#7286a8"/>
  74. <!-- Permalink -->
  75. <meta name="color:Permalink Text" content="#333333"/>
  76. <meta name="color:Permalink Link" content="#474747"/>
  77. <meta name="color:Permalink Link Hover" content="#3a556e"/>
  78. <meta name="color:Permalink Blockquote" content="#151c27"/>
  79. <meta name="color:Permalink Scroll Thumb" content="#151c27"/>
  80. <!-- Misc. -->
  81. <meta name="color:Major Scroll BG" content="#000000"/>
  82. <meta name="color:Major Scroll Thumb" content="#20354e"/>
  83. <meta name="color:Link Hover BG" content="#0f0f0f"/>
  84. <meta name="color:Link Hover Text" content="#808080"/>
  85. <meta name="color:Selection BG" content="#837e74"/>
  86. <meta name="color:Selection Text" content="#bcb07b"/>
  87. <meta name="color:Selection Links" content="#7e8e71"/>
  88.  
  89. <!-------------------------------- OPTIONS ---------------------------------->
  90. <meta name="if:Kingdom Key D" content="0"/>
  91. <meta name="if:Monochrome Photos" content="1"/>
  92. <meta name="if:Fade Photos" content="1"/>
  93. <meta name="if:Keychain Postinfo" content="1"/>
  94. <meta name="if:Custom Cursor" content="1"/>
  95. <meta name="if:Custom Favicon" content="1"/>
  96. <meta name="if:Dark Audio Player" content="1"/>
  97. <meta name="if:Credit on the Right" content="0"/>
  98.  
  99. <!--------------------------------- TEXTS ----------------------------------->
  100. <meta name="text:Ask Verb" content="dreamt" />
  101. <meta name="text:link1 URL" content="/link1"/>
  102. <meta name="text:link1 hover" content="Link 1"/>
  103. <meta name="text:link1 Symbol" content="fa fa-key"/>
  104. <meta name="text:link2 URL" content="/link2"/>
  105. <meta name="text:link2 hover" content="Link 2"/>
  106. <meta name="text:link2 Symbol" content="fa fa-heart"/>
  107. <meta name="text:link3 URL" content="/link3"/>
  108. <meta name="text:link3 hover" content="Link 3"/>
  109. <meta name="text:link3 Symbol" content="fa fa-tags"/>
  110.  
  111. <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">
  112. <!-- custom font 1/3 -->
  113. <link href='http://fonts.googleapis.com/css?family=Orbitron:400,700,900,500' rel='stylesheet' type='text/css'>
  114.  
  115. </head>
  116.  
  117. <!-- custom font 2/3 -->
  118. <script type="text/javascript">
  119. WebFontConfig = {
  120. google: { families: [ 'Orbitron:400,700,900,500:latin' ] }
  121. };
  122. (function() {
  123. var wf = document.createElement('script');
  124. wf.src = ('https:' == document.location.protocol ? 'https' : 'http') +
  125. '://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js';
  126. wf.type = 'text/javascript';
  127. wf.async = 'true';
  128. var s = document.getElementsByTagName('script')[0];
  129. s.parentNode.insertBefore(wf, s);
  130. })(); </script>
  131.  
  132. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  133. <script type="text/javascript" src="http://static.tumblr.7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
  134. <script>(function($){$(document).ready(function(){$("[title]").style_my_tooltips();});})(jQuery);</script>
  135.  
  136. <style type="text/css">
  137.  
  138. /* custom fonts 3/3 */
  139. @import url(http://fonts.googleapis.com/css?family=Orbitron:400,700,900,500);
  140.  
  141. /* --------------------------- DECORATION ---------------------------- */
  142.  
  143. /* body */
  144. body {
  145. background-color:#000000;/*plz dont change omg looks so bad im so sorry*/
  146. color:{color:Posts Text};
  147. letter-spacing:.5px;
  148. font-family:Calibri;
  149. font-size:10px;
  150. line-height:12px;
  151. text-align:justify;}
  152.  
  153. /*-------------------------- CREDIT; DON'T REMOVE --------------------------*/
  154.  
  155. #credit {
  156. z-index:99999;
  157. position:fixed;
  158. bottom:10px;
  159. {block:IfNotCreditOnTheRight}left:10px;{/block:IfNotCreditOnTheRight}
  160. {block:IfCreditOnTheRight}right:10px;{/block:IfCreditOnTheRight}
  161. width:20px; height:20px;
  162. font-size:20px;
  163. letter-spacing:1px;
  164. font-weight:bold;}
  165. #credit a {
  166. color:{color:side links};
  167. text-shadow:0 2px 5px #000000;
  168. -webkit-transition: all 0.3s linear;
  169. -moz-transition: all 0.3s linear;
  170. transition: all 0.3s linear;}
  171. #credit a:hover {
  172. color:{color:side links hover};}
  173.  
  174. /* --------------------------- MINOR STUFF ---------------------------- */
  175.  
  176. /* hover text */
  177. #s-m-t-tooltip {
  178. z-index: 99999;
  179. display: block;
  180. margin-left: 25px;
  181. margin-top: 5px;
  182. max-width:200px;
  183. padding: 3px 5px 4px 6px;
  184. color: {color:Link Hover Text};
  185. font-family:Calibri;
  186. font-size:8px;
  187. line-height:10px;
  188. text-transform:uppercase;
  189. letter-spacing:1px;
  190. text-align:left;
  191. background: {color:Link Hover BG};
  192. border-radius: 1px;
  193. box-shadow: 0 0 5px rgba(0,0,0,.1);}
  194.  
  195. /* scrollbar */
  196. ::-webkit-scrollbar {
  197. height: 6px;
  198. width: 6px;
  199. background-color: {color:Major Scroll BG};}
  200. ::-webkit-scrollbar-thumb {
  201. background: {color:Major Scroll Thumb};
  202. border-radius: 1px;}
  203.  
  204. /* drag n' click selection */
  205. ::selection {
  206. background: {color:Selection BG};
  207. color: {color:Selection Text};}
  208. ::-moz-selection {
  209. background: {color:Selection BG};
  210. color: {color:Selection Text};}
  211. a::selection {
  212. background: {color:Selection BG};
  213. color: {color:Selection Links};}
  214. a::-moz-selection {
  215. background: {color:Selection BG};
  216. color: {color:Selection Links};}
  217.  
  218. /* ------------------------- FONT STUFF --------------------------- */
  219.  
  220. /* links */
  221. a:link, a:active, a:visited{
  222. color: {color:Posts Links};
  223. text-decoration:none;
  224. -webkit-transition: all 0.3s linear;
  225. -moz-transition: all 0.3s linear;
  226. transition: all 0.3s linear;}
  227. a:hover {
  228. color:{color:Posts Links hover};}
  229.  
  230. /* main font decorations */
  231. b, strong{color:{color:posts bold}}
  232. i, em {color:{color:posts italic}}
  233. pre {color:{color:posts code};
  234. font-size:10px;
  235. max-width:100%;
  236. font-family:consolas;
  237. word-break: break-all;
  238. text-align:left;
  239. background:{color:posts code bg};
  240. padding:4px 6px;
  241. white-space: pre-wrap;
  242. white-space: -moz-pre-wrap;
  243. white-space: -pre-wrap;
  244. white-space: -o-pre-wrap;
  245. word-wrap: break-word;}
  246.  
  247. /* text and link post titles */
  248. h1 {font-family: 'Orbitron', sans-serif;
  249. font-weight:700;
  250. text-transform:uppercase;
  251. text-align:center;
  252. letter-spacing:2px;
  253. color:{color:Posts Title};
  254. font-size:18px; line-height:18px;}
  255. /* quote and ask post titles */
  256. h2 {font-family: 'Orbitron', sans-serif;
  257. font-weight:400;
  258. letter-spacing:1px;
  259. text-align:center;
  260. font-size:16px; line-height:17px;}
  261. .posts h1:first-child, .posts h2:first-child {margin-top:0px;}
  262.  
  263. /* ----------------------------- DOWN-BAR ------------------------------- */
  264.  
  265. #downbar {
  266. position:fixed;
  267. margin-left:-8px;
  268. width:100%;
  269. height:160px;
  270. bottom:0px;
  271. background:{color:Downbar Color} url(https://31.media.tumblr.com/32ccafb8b0c84f009c0f3836f5c9448b/tumblr_inline_nep4t3yZmA1rg1lxe.png);
  272. z-index:-1;}
  273.  
  274. #chainborder {
  275. margin-left:-8px;
  276. position:fixed;
  277. width:100%;
  278. height:19px;
  279. bottom:150px;
  280. background:url(https://31.media.tumblr.com/ccab7a770418e0a6de1a45da083af57f/tumblr_inline_nep4ya8C1k1rg1lxe.png);
  281. z-index:-1;}
  282.  
  283. #keyblade {
  284. position: fixed;
  285. left:50%;
  286. margin-left:-570px;
  287. bottom:-5px;
  288. z-index:-1;}
  289.  
  290. #person {
  291. position: fixed;
  292. left:50%;
  293. margin-left:-662px;
  294. bottom:-13px;}
  295.  
  296. /* ----------------------------- SIDEBAR ------------------------------- */
  297.  
  298. /* whole sidebar */
  299. #side {}
  300. /* hover sign */
  301. #hoversign {
  302. position:fixed;
  303. left: 50%; margin-left:332px;
  304. bottom:154px;
  305. width:197px;
  306. opacity:1;
  307. text-align:center;
  308. {block:ifNotKingdomKeyD}
  309. color:#282828;
  310. text-shadow:1px 1px 0px #888888;
  311. {/block:ifNotKingdomKeyD}
  312. {block:ifKingdomKeyD}
  313. color:#382412;
  314. text-shadow:1px 1px 0px #a58241;
  315. {/block:ifKingdomKeyD}
  316. letter-spacing:7px;
  317. -webkit-transition: all 0.4s linear;
  318. -moz-transition: all 0.4s linear;
  319. transition: all 0.4s linear;}
  320. #side:hover #hoversign {
  321. opacity:0;
  322. letter-spacing:14px;}
  323.  
  324. /* keyblade-riser */
  325. #sidebar {
  326. position:fixed;
  327. left: 50%; margin-left:310px;
  328. height:126px; width:200px;
  329. padding:20px 20px 0 20px;
  330. bottom:173px;
  331. overflow:hidden;
  332. text-align: center;
  333. -webkit-transition: all 0.4s linear;
  334. -moz-transition: all 0.4s linear;
  335. transition: all 0.4s linear;}
  336. #side:hover #sidebar {
  337. height:250px;}
  338.  
  339. /* description box */
  340. #description {
  341. max-height:100px;
  342. width:170px;
  343. margin:9px 0 6px 15px;
  344. padding-right:5px;
  345. overflow:auto;
  346. color:{color:Description Text};
  347. text-align:justify;
  348. font-family:Calibri;
  349. line-height:13px;
  350. font-size:8px;
  351. text-transform:uppercase;}
  352. #description b, #description strong {color:{color:Description Text};}
  353. #description i, #description em {color:{color:Description Text};}
  354. #description a {color:{color:Description Link};}
  355. #description a:hover {color:{color:Description Link Hover};}
  356. #sidebar ::-webkit-scrollbar {
  357. height: 3px;
  358. width: 3px;
  359. background: {color:Description Scroll Track};
  360. border:1px solid #000000;}
  361. #sidebar ::-webkit-scrollbar-thumb:vertical {
  362. background: {color:Description Scroll Thumb};
  363. border-radius: 4px;}
  364.  
  365. /* sidebar links */
  366. #sidelinks {
  367. position:fixed;
  368. left: 50%; margin-left:332px;
  369. bottom:110px;
  370. width:197px;
  371. padding-top:50px;
  372. {block:PermalinkPage}padding-bottom:16px;{/block:PermalinkPage}
  373. opacity:0;
  374. color:{color:Side links Current Page};
  375. text-shadow: 0 2px 5px #000000;
  376. font-size:15px;
  377. text-align:center;
  378. letter-spacing:6px;
  379. -webkit-transition: all 0.4s linear;
  380. -moz-transition: all 0.4s linear;
  381. transition: all 0.4s linear;}
  382. #side:hover #sidelinks {
  383. bottom:90px;
  384. opacity:1;}
  385. #sidelinks a {
  386. color:{color:side links};}
  387. #sidelinks a:hover {
  388. color:{color:side links hover};}
  389. #pagination {
  390. margin-top:10px;
  391. letter-spacing:4px;
  392. font-weight:bold;}
  393.  
  394. /* ------------------------- POSTS --------------------------- */
  395.  
  396. /* position */
  397. #entries {
  398. width:100%;
  399. margin-top:40px;
  400. text-align: justify;}
  401. /* posts themselves */
  402. .posts {
  403. margin: 0 0 50px 18px;
  404. overflow:hidden;
  405. width: 500px;
  406. text-align: justify;
  407. padding: 20px;
  408. background: {color:Posts BG} url('https://31.media.tumblr.com/541858b9e65e17e700e6ec3b57819a78/tumblr_inline_nep1s1DiRT1rg1lxe.png');
  409. border-radius:3px;
  410. border:1px solid rgba(0,0,0,0.3);
  411. box-shadow: 0 5px 20px rgba(0,0,0,1), 0 5px 25px rgba(0,0,0,0.5);}
  412.  
  413. /* keyblade chain */
  414. #chaininfo {
  415. font-family:Calibri;
  416. font-size:8px;
  417. font-weight:bold;
  418. text-transform:uppercase;
  419. position:absolute;
  420. text-align:left;
  421. left: 50%;
  422. margin-left:280px;
  423. color:{color:Chain Link};
  424. text-shadow:0 0 3px rgba(0,0,0,1), 0 0 5px rgba(0,0,0,1);}
  425. #chaininfo a {color:{color:Chain Link};}
  426. #chaininfo a:hover {color:{color:Chain Link Hover};}
  427.  
  428. /* indiviual links */
  429. #chainlink {
  430. display:block;}
  431. #chainlink img {
  432. vertical-align: middle;}
  433. /* ------------------------------ POST TYPES ------------------------------ */
  434.  
  435.  
  436. /* text post */
  437. blockquote {
  438. padding:0px;
  439. padding-left:6px;
  440. margin:-3px 0 -1px 6px;
  441. border-left:3px solid {color:Posts Blockquote};}
  442. hr {display: block;
  443. margin-top: 0.5em;
  444. margin-bottom: 0.5em;
  445. margin-left: auto;
  446. margin-right: auto;
  447. border-style: solid;
  448. border-width: 1px;
  449. border-color: {color:postsblockquote};}
  450.  
  451. /* bullet lists */
  452. ul {margin-left:-20px;
  453. list-style-type:circle;}
  454. ol {margin-left:-20px;
  455. list-style-type:decimal;}
  456. li {margin-bottom:3px;}
  457.  
  458. /* text-images */
  459. .posts img {
  460. max-width:100%;
  461. {block:IfFadePhotos}opacity:0.85;{/block:IfFadePhotos}
  462. -webkit-transition-duration: 0.2s;
  463. -moz-transition-duration:0.2s;
  464. -o-transition-duration:0.2s;
  465. transition-duration:0.2s;}
  466. .posts:hover img {opacity:1;}
  467. /* the credit below images that are from other people */
  468. .tmblr-full {margin:0;}
  469. .tmblr-attribution {
  470. opacity:.8;
  471. margin-top:0px;
  472. font-family:Calibri;
  473. font-size:8px; line-height:8px;
  474. text-transform:uppercase;
  475. letter-spacing:1px;}
  476. .tmblr-attribution::before {content: "└";}
  477. .tmblr-attribution::after {content: " >";}
  478. img a{border:none; max-width:100%;}
  479.  
  480. /* link posts */
  481. .link-posts a {
  482. background: {color:Posts Links};
  483. display:inline-block;
  484. width: 480px;
  485. border-radius:3px;
  486. padding:10px;
  487. color:{color:Posts BG};}
  488. .link-posts a:hover {
  489. background: {color:Posts Links Hover}}
  490.  
  491. /* ask posts */
  492. .ask-posts {
  493. min-height:64px;
  494. padding: 10px;
  495. background: {color:ask bg};
  496. border-radius:3px;}
  497. .ask-posts img {
  498. border-radius:2px;
  499. max-width:64px;}
  500. .ask-posts .question {
  501. margin-top:-64px; margin-left:74px;
  502. width:406px;}
  503. .ask-posts h2 {text-align:left; margin:0px 0px 5px 0px;}
  504.  
  505. /* quote posts */
  506. .quote-posts {
  507. border-top:3px solid {color:Posts Blockquote};
  508. border-bottom:3px solid {color:Posts Blockquote};
  509. margin:0px 0px 5px 0px;
  510. padding:10px;
  511. text-align:center}
  512. .fa-quote-left {float:left; color:{color:Posts Blockquote}}
  513. .fa-quote-right {float:right; color:{color:Posts Blockquote}}
  514.  
  515. /* chat posts */
  516. ul.chat, .chat ol, .chat li {
  517. list-style:none;
  518. margin:0px;
  519. padding:4px 0px 4px 2px;}
  520. ul.chat, .chat ol {margin:-2px 0px;}
  521. .chat li {
  522. border-bottom:2px solid {color:Posts Blockquote};}
  523. .chat li:first-of-type {
  524. border-top:2px solid {color:Posts Blockquote};}
  525. .person {
  526. color:{color:Posts Bold};
  527. font-weight:bold}
  528.  
  529. /* photo posts */
  530. .posts .photo-posts {
  531. {block:IfFadePhotos}opacity:0.85;{/block:IfFadePhotos}
  532. {block:IfMonochromePhotos}-webkit-filter: grayscale(100%);{/block:IfMonochromePhotos}
  533. -webkit-transition-duration: 0.5s;
  534. -moz-transition-duration:0.5s;
  535. transition-duration:0.5s;
  536. -o-transition-duration:0.5s;}
  537. .posts:hover .photo-posts {
  538. opacity:1;
  539. -webkit-filter: grayscale(0%);
  540. -webkit-transition-duration: 0.5s;
  541. -moz-transition-duration:0.5s;
  542. transition-duration:0.5s;
  543. -o-transition-duration:0.5s;}
  544. .posts .html_photoset {
  545. {block:IfFadePhotos}opacity:0.7;{/block:IfFadePhotos}
  546. {block:IfMonochromePhotos}-webkit-filter: grayscale(100%);{/block:IfMonochromePhotos}
  547. -webkit-transition-duration: 0.5s;
  548. -moz-transition-duration:0.5s;
  549. transition-duration:0.5s;
  550. -o-transition-duration:0.5s;}
  551. .posts:hover .html_photoset {
  552. opacity:1;
  553. -webkit-filter: grayscale(0%);
  554. -webkit-transition-duration: 0.5s;
  555. -moz-transition-duration:0.5s;
  556. transition-duration:0.5s;
  557. -o-transition-duration:0.5s;}
  558.  
  559. /* video posts */
  560. .caption #youtube_iframe, .caption iframe {
  561. margin:5px 0px 5px 0px;
  562. max-width:100%;}
  563.  
  564. /* audio posts */
  565. /* album image */
  566. #albumart {
  567. position:absolute;
  568. margin-right:10px;
  569. width:100px; height:100px;
  570. background: url('{image:Album Art}');
  571. background-size:cover;
  572. border-radius:1px;}
  573. .posts #albumart {
  574. {block:IfMonochromePhotos}-webkit-filter: grayscale(100%);{/block:IfMonochromePhotos}
  575. {block:IfFadePhotos}opacity:.7;{/block:IfFadePhotos}
  576. -webkit-transition: all 0.2s linear;
  577. -moz-transition: all 0.2s linear;
  578. transition: all 0.2s linear;}
  579. .posts:hover #albumart {
  580. -webkit-filter: grayscale(0%);
  581. opacity:1;}
  582. /* music player */
  583. .posts #audio-player {
  584. margin-left:110px;
  585. max-width:207px;
  586. max-height:27px;
  587. {block:IfMonochromePhotos}background:#808080;{/block:IfMonochromePhotos}
  588. {block:IfNotMonochromePhotos}background:{color:Audio Player};{/block:IfNotMonochromePhotos}
  589. border-radius:1px;
  590. -webkit-transition: all 0.2s linear;
  591. -moz-transition: all 0.2s linear;
  592. transition: all 0.2s linear;}
  593. .posts:hover #audio-player {
  594. background:{color:Audio Player}}
  595. /* audio information */
  596. #audioinfo {
  597. height:66px;
  598. margin:-3px 0px 5px 110px;
  599. text-transform:uppercase;
  600. font-family:Calibri;
  601. font-size:8px;
  602. line-height:13px;
  603. letter-spacing:1px;}
  604.  
  605. /* ------------------------- POST ENDINGS --------------------------- */
  606.  
  607. /* if no keychains */
  608. #postending {
  609. border-radius:3px;
  610. padding:10px;
  611. width:500px;
  612. padding:10px;
  613. margin:15px 0px -10px -10px;
  614. background: {color:Postending};
  615. text-align:center;
  616. border-radius:1px;
  617. margin-top:15px;
  618. text-transform:uppercase;
  619. font-family:Calibri;
  620. font-size:8px;
  621. letter-spacing:1px;
  622. color: {color:Postending Text};}
  623. #postending a {
  624. color:{color:Postending Links};}
  625. #postending a:hover {
  626. color:{color:Postending Links Hover};}
  627.  
  628. /* -------------------------- PERMALINK ----------------------------- */
  629.  
  630. /* permalink etc */
  631. .notes img {
  632. width: 10px;
  633. position: relative;
  634. vertical-align: middle;
  635. padding-right: 5px;}
  636. ol.notes, .notes li {
  637. width: 480px;
  638. list-style: none;
  639. margin: 0px 5px 0px 5px;
  640. padding-left: 5px}
  641.  
  642. /* permalink position */
  643. #permalink {
  644. padding-top:40px;
  645. width:520px;
  646. max-height:530px;
  647. border-radius:5px;
  648. background:rgba(0,0,0,0.93);
  649. text-align:left;
  650. font-family:Calibri;
  651. line-height:13px;
  652. font-size:8px;
  653. font-weight:bold;
  654. text-transform:uppercase;}
  655.  
  656. /* permalink font stuff */
  657. #notescontainer {
  658. width:500px;
  659. max-height:500px;
  660. padding-right:10px;
  661. overflow: auto;
  662. line-height:14px;
  663. text-shadow:0 0 3px rgba(0,0,0,1), 0 0 5px rgba(0,0,0,1);
  664. color:{color:permalink text};}
  665. #notescontainer a {
  666. color:{color:permalink link}}
  667. #notescontainer a:hover {
  668. color:{color:permalink link hover}}
  669. #notescontainer blockquote {
  670. margin-top:3px;
  671. margin-bottom:3px;
  672. border-left:3px solid {color:permalink blockquote};}
  673.  
  674. /* permalink scrollbar */
  675. #permalink ::-webkit-scrollbar {
  676. height: 6px;
  677. width: 6px;
  678. background-color: transparent;}
  679. #permalink ::-webkit-scrollbar-thumb:vertical {
  680. background: {color:Permalink Scroll Thumb};
  681. border-radius: 1px;}
  682.  
  683. </style>
  684. <body>
  685. <!--------------------------------- CURSOR --------------------------------->
  686.  
  687. {block:IfCustomCursor}
  688. <style type="text/css"> body {cursor: url({image:Custom Cursor}), auto;} a, a:hover{cursor:url({image:Custom Cursor Links}), auto;}
  689. </style>
  690. <!-- Custom cursors don't show up on empty spaces, but this fixes that -->
  691. <div style="position:fixed; background:rgba(0,0,0,0); top:0px; left:0px; width:100%; height:100%; z-index: -99999999999999;"></div>{/block:IfCustomCursor}
  692.  
  693. <!------------------------- CREDIT; DON'T REMOVE ---------------------------->
  694.  
  695. <div id="credit">
  696. <a href="http://nyctothemes.tumblr.com/" title="© nyctothemes">
  697. <l class="fa fa-th"></l>
  698. </a>
  699. </div>
  700.  
  701. <!-------------------------------- DOWN-BAR -------------------------------->
  702.  
  703. <div id="downbar"></div>
  704. <div id="chainborder"></div>
  705. {block:IfNotKingdomKeyD}
  706. <div id="keyblade"><img src="http://static.tumblr.com/u5vz4xb/FZGnepcdw/keyblade1_2.png" style="margin-left:8px; margin-bottom:-4px; z-index:-1;"><br><img src="http://static.tumblr.com/u5vz4xb/sGVnepcgy/keyblade1_3.png"></div>
  707. {/block:IfNotKingdomKeyD}
  708. {block:IfKingdomKeyD}
  709. <div id="keyblade"><img src="http://static.tumblr.com/u5vz4xb/uH8niwiwl/keyblade_d_3.png" style="margin-left:8px; margin-bottom:-4px; z-index:-1;"><br><img src="http://static.tumblr.com/u5vz4xb/dZSniwiw8/keyblade_d_2.png"></div>
  710. {/block:IfKingdomKeyD}
  711. <div id="person"><img src="{image:Person on Handle}"></div>
  712.  
  713. <!---------------------------------- SIDEBAR -------------------------------->
  714. <div id="side">
  715.  
  716. <!-- description and blade that slides in and out -->
  717. <div id="sidebar">
  718. {block:IfNotKingdomKeyD}
  719. <img src="http://static.tumblr.com/u5vz4xb/6j5nixeyw/keyblade_n_4.png" style="z-index:-3;">
  720. {/block:IfNotKingdomKeyD}
  721. {block:IfKingdomKeyD}
  722. <img src="http://static.tumblr.com/u5vz4xb/dbKnixezp/keyblade_d_4.png" style="z-index:-3;">
  723. {/block:IfKingdomKeyD}
  724. <div id="description">
  725. {description}
  726. </div>
  727. <br><br>
  728. </div>
  729.  
  730. <div id="hoversign">HOVER</div>
  731.  
  732. <!-- sidebar links -->
  733. <div id="sidelinks">
  734. <a href="/" title="Home"><l class="fa fa-home"></l></a>
  735. <a href="/ask" title="Message"><l class="fa fa-envelope"></l></a>
  736. <a href="/archive" title="Archive"><l class="fa fa-clock-o"></l></a>
  737. <a href="{text:link1 URL}" title="{text:link1 hover}"><l class="{text:link1 Symbol}"></l></a>
  738. <a href="{text:link2 URL}" title="{text:link2 hover}"><l class="{text:link2 Symbol}"></l></a>
  739. <a href="{text:link3 URL}" title="{text:link3 hover}"><l class="{text:link3 Symbol}"></l></a>
  740.  
  741. <!-- page navigation -->
  742. <div id="pagination">
  743. {block:Pagination}
  744. {block:PreviousPage}
  745. <a href="{PreviousPage}" title="previous"><l class="fa fa-chevron-left"></a>
  746. {/block:PreviousPage}
  747. {block:JumpPagination length="5"}
  748. {block:CurrentPage}
  749. <span class="current_page">{PageNumber}</span>
  750. {/block:CurrentPage}
  751. {block:JumpPage}
  752. <a class="jump_page" href="{URL}">{PageNumber}</a>
  753. {/block:JumpPage}
  754. {/block:JumpPagination}
  755. {block:NextPage}
  756. <a href="{NextPage}" title="next"><l class="fa fa-chevron-right"></l></a>
  757. {/block:NextPage}
  758. {/block:Pagination}
  759. </div>
  760. </div>
  761. </div>
  762.  
  763. <!------------------------------- POST SIDES -------------------------------->
  764.  
  765. <div id="entries"><center>
  766. {block:posts}
  767.  
  768. <!------------- If Chain for Index Page ------------->
  769. {block:IfKeychainPostinfo}
  770. {block:IndexPage}
  771. <div id="chaininfo">
  772. <img src="https://31.media.tumblr.com/9c09e82e0b85a07fd6917bb1bd8112df/tumblr_inline_netkxhgm311rg1lxe.png" style="margin-bottom:-4px"><br>
  773.  
  774. <!-- time posted -->
  775. {block:Date}<div id="chainlink">
  776. <img src="https://31.media.tumblr.com/61d784f17a8d09c68d22be9798c2953b/tumblr_inline_netkhlNhdC1rg1lxe.png"><a href="{Permalink}" title="{ShortMonth}‧{DayOfMonthWithZero}‧{ShortYear}">Date</a>
  777. </div>{/block:Date}
  778.  
  779. <!-- notes counter -->
  780. {block:NoteCount}<div id="chainlink">
  781. <img src="https://31.media.tumblr.com/61d784f17a8d09c68d22be9798c2953b/tumblr_inline_netkhlNhdC1rg1lxe.png"><a href="{Permalink}" title="{NoteCount}">Notes</a>
  782. </div>{/block:NoteCount}
  783.  
  784. <!-- original poster -->
  785. {block:ContentSource}<div id="chainlink">
  786. <img src="https://31.media.tumblr.com/61d784f17a8d09c68d22be9798c2953b/tumblr_inline_netkhlNhdC1rg1lxe.png"><a href="{SourceURL}" title="{SourceTitle}">Source</a>
  787. </div>{/block:ContentSource}
  788.  
  789. <!-- reblogged from -->
  790. {block:RebloggedFrom}<div id="chainlink">
  791. <img src="https://31.media.tumblr.com/61d784f17a8d09c68d22be9798c2953b/tumblr_inline_netkhlNhdC1rg1lxe.png"><a href="{ReblogParentURL}" title="{ReblogParentName}">Via</a>
  792. </div>{/block:RebloggedFrom}
  793.  
  794. <!-- tags -->
  795. {block:HasTags}<div id="chainlink">
  796. <img src="https://31.media.tumblr.com/61d784f17a8d09c68d22be9798c2953b/tumblr_inline_netkhlNhdC1rg1lxe.png"><a href="{Permalink}" title="# {block:Tags}{Tag}, {/block:Tags}">Tags</a>
  797. </div>{/block:HasTags}
  798.  
  799. <img src="https://31.media.tumblr.com/96cf311022eb5029f280d40c9cf809f8/tumblr_inline_netkhhx98Q1rg1lxe.png">
  800. </div>
  801. {/block:IndexPage}
  802. {/block:IfKeychainPostinfo}
  803.  
  804. <!--------------------------------- POSTS ----------------------------------->
  805. <div class="posts">
  806.  
  807. <!-- text posts -->
  808. {block:Text}
  809. {block:Title}<h1>{Title}</h1>{/block:Title}
  810. <div class="caption">{Body}</div>
  811. {/block:Text}
  812.  
  813. <!-- link posts -->
  814. {block:Link}
  815. {block:Thumbnail}<center>
  816. <a href="{Thumbnail-HighRes}">
  817. <img src="{Thumbnail}" class="photo-posts" style="margin-bottom:5px; border-radius:3px">
  818. </a>
  819. </center>{/block:Thumbnail}
  820. <div class="link-posts"><h1><a href="{URL}">
  821. {Name}&nbsp;&nbsp;<l class="fa fa-long-arrow-right"></l></l>
  822. </a></h1></div>
  823. {block:Description}<div class="caption">
  824. <p>{Description}</p>
  825. </div>{/block:Description}
  826. {/block:Link}
  827.  
  828. <!-- ask posts -->
  829. {block:Answer}
  830. <div class="ask-posts">
  831. <img src="{AskerPortraitURL-64}">
  832. <div class="question">
  833. <h2>{Asker} {text:Ask Verb}:</h2> {Question}
  834. </div></div><br>
  835. <div id="caption">{Answer}</div>
  836. {/block:Answer}
  837.  
  838. <!-- quote posts -->
  839. {block:Quote}
  840. <h2 class="quote-posts">
  841. <l class="fa fa-quote-left"></l>
  842. <l class="fa fa-quote-right"></l>
  843. {Quote}</h2>
  844. <div style="text-align:right; margin-right:20px">
  845. {block:Source}<b>- {Source}</b>{/block:Source}
  846. </div>
  847. {/block:Quote}
  848.  
  849. <!-- chat posts -->
  850. {block:Chat}
  851. {block:Title}<h1>{Title}</h1>{/block:Title}
  852. <ul class="chat">{block:Lines}
  853. <li class="user_{UserNumber}">{block:Label}<span class="person">{Label}</span>{/block:Label} {Line}</li>
  854. {/block:Lines}</ul>
  855. {/block:Chat}
  856.  
  857. <!-- photo posts -->
  858. {block:Photo}
  859. <center>
  860. {block:HighRes}<a href="{PhotoURL-HighRes}">{/block:HighRes}<img src="{PhotoURL-500}" class="photo-posts"/>{block:HighRes}</a>{/block:HighRes}
  861. </center>
  862. {block:Caption}<br><div class="caption">{Caption}</div>{/block:Caption}{/block:Photo}
  863.  
  864. {block:Photoset}
  865. <center>
  866. {Photoset-500}
  867. </center>
  868. {block:Caption}<br><div class="caption">{Caption}</div>{/block:Caption}{/block:Photoset}
  869.  
  870. <!-- video post -->
  871. {block:Video}
  872. {Video-500}
  873. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  874. {/block:Video}
  875.  
  876. <!-- audio post -->
  877. {block:Audio}
  878. <!--image-->
  879. {block:IndexPage}<a href="{Permalink}">{/block:IndexPage}<div id="albumart" {block:AlbumArt}style="background:none"{/block:AlbumArt}>
  880. {block:AlbumArt}<img src="{AlbumArtURL}">{/block:AlbumArt}
  881. </div>{block:IndexPage}</a>{/block:IndexPage}
  882. <!--player-->
  883. <div id="audio-player"><div style="opacity:0.66">
  884. {block:ifDarkAudioPlayer}{AudioPlayerBlack}{/block:ifDarkAudioPlayer}
  885. {block:ifNotDarkAudioPlayer}{AudioPlayerWhite}{/block:ifNotDarkAudioPlayer}
  886. </div></div>
  887. </br>
  888. <!--info-->
  889. <div id="audioinfo">
  890. {block:TrackName}<b>Track:</b> {TrackName}</br>{/block:TrackName}
  891. {block:Artist}<b>Artist:</b> {Artist}</br>{/block:Artist}
  892. {block:Album}<b>Album:</b> {Album}</br>{/block:Album}
  893. {block:PlayCount}<b>Plays:</b> {FormattedPlayCount}{/block:PlayCount}
  894. </div>
  895. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:Audio}
  896.  
  897. <!------------------------------ POST ENDING ------------------------------->
  898.  
  899. {block:PermalinkPage}{block:Date}<div id="postending">
  900.  
  901. <!-- date posted -->
  902. <a href="/day/{Year}/{MonthNumberWithZero}/{DayOfMonthWithZero}">{ShortMonth}.{DayOfMonthWithZero}.{ShortYear}</a>
  903. <!-- notes counter -->
  904. {block:NoteCount}
  905. || {NoteCountWithLabel}
  906. {/block:NoteCount}
  907. <!-- reblogged from -->
  908. {block:RebloggedFrom}<br>
  909. Via: <a href="{ReblogParentURL}">{ReblogParentName}</a>
  910. {/block:RebloggedFrom}
  911. <!-- original poster -->
  912. {block:ContentSource}
  913. || Source: <a href="{SourceURL}">{SourceTitle}</a>
  914. {/block:ContentSource}
  915. <!-- tags -->
  916. {block:HasTags}<br><div style="padding:0px 20px 0px 20px">
  917. Tags: {block:Tags}<a href="{TagURL}">{Tag}</a>, {/block:Tags}
  918. </div>{/block:HasTags}
  919.  
  920. </div>{/block:Date}{/block:PermalinkPage}
  921.  
  922. <!------------- If NO Chain for Index Page ------------->
  923. {block:IfNotKeychainPostinfo}
  924. {block:IndexPage}
  925. {block:Date}<div id="postending">
  926.  
  927. <!-- date posted -->
  928. <a href="{Permalink}">{ShortMonth}.{DayOfMonthWithZero}.{ShortYear}</a>
  929. <!-- notes counter -->
  930. {block:NoteCount}
  931. || {NoteCountWithLabel}
  932. {/block:NoteCount}
  933. <!-- reblogged from -->
  934. {block:RebloggedFrom}<br>
  935. Via: <a href="{ReblogParentURL}">{ReblogParentName}</a>
  936. {/block:RebloggedFrom}
  937. <!-- original poster -->
  938. {block:ContentSource}
  939. || Source: <a href="{SourceURL}">{SourceTitle}</a>
  940. {/block:ContentSource}
  941. <!-- tags -->
  942. {block:HasTags}<br><div style="padding:0px 20px 0px 20px">
  943. Tags: {block:Tags}<a href="{TagURL}">{Tag}</a>, {/block:Tags}
  944. </div>{/block:HasTags}
  945.  
  946. </div>{/block:Date}
  947. {/block:IndexPage}
  948. {/block:IfNotKeychainPostinfo}
  949.  
  950. </div> <!-- ending div tag for "posts" -->
  951.  
  952. {/block:Posts}
  953.  
  954. {block:PostNotes}<div id="permalink"><div id="notescontainer">{PostNotes}</div><br></div>{/block:PostNotes}
  955.  
  956. </div> <!-- ending div tag for "entries" -->
  957. </center>
  958.  
  959. </body>
  960. </html>
Advertisement
Add Comment
Please, Sign In to add comment