thetruththemes

Destiny Islands tumblr theme - Dusk

Dec 5th, 2014
1,098
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 35.59 KB | None | 0 0
  1. <html>
  2. <!---------------------------------------------------------------------------
  3. ,,
  4. ,GG,
  5. GIIG
  6. Gl''lG
  7. ;G' 'G;
  8. GP YG
  9. oQ' 'Qo -Dᴇsᴛɪɴʏ Isʟᴀɴᴅs ᴛʜᴇᴍᴇ ʙʏ
  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.  
  25. <link href="style-my-tooltips.css" rel="stylesheet" type="text/css" />
  26. <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>
  27.  
  28. <head>
  29. {block:Ifcustomfavicon}<link rel="shortcut icon" href="{image:Favicon}"/>{/block:Ifcustomfavicon}
  30. {block:IfNotcustomfavicon}<link rel="shortcut icon" href="{favicon}"/>{/block:IfNotcustomfavicon}
  31. <link rel="alternate" type="application/rss+xml" href="{RSS}"/>
  32. <title>{Title}</title>
  33. {block:Description}<meta name="description" content="{MetaDescription}"/>{/block:Description}
  34.  
  35. <!--------------------------------- IMAGES ---------------------------------->
  36. <meta name="image:Background" content="https://31.media.tumblr.com/a325a10bf0dad9edccca8b906efb17ca/tumblr_inline_nfu8e3NkTY1rg1lxe.png"/>
  37. <meta name="image:Sidebar" content="https://31.media.tumblr.com/65dbb07634683bddc2f7c3b02f37c3b7/tumblr_inline_nfu7y9iS3b1rg1lxe.gif"/>
  38. <meta name="image:Album Art" content="https://31.media.tumblr.com/26a12b635fa21b1c335e22e1cd84e110/tumblr_inline_nfuaycxzuk1rg1lxe.png"/>
  39. <meta name="image:Custom Cursor 1" content="http://media.tumblr.com/f94827acef27d523eadec9b7f10387cb/tumblr_inline_n4cu2vC5Mq1rg1lxe.png"/>
  40. <meta name="image:Custom Cursor 2" content="http://media.tumblr.com/9eb9df7f1fa6dbf69946846b01fad70b/tumblr_inline_n4cu37FyjY1rg1lxe.png"/>
  41. <meta name="image:Favicon" content="https://31.media.tumblr.com/0c3fac9adc40f05c6e63bfce4928ea65/tumblr_inline_nilpruOG6u1rg1lxe.png"/>
  42.  
  43. <!--------------------------------- COLORS ---------------------------------->
  44. <!-- Full Body -->
  45. <meta name="color:Background" content="#c1787a"/>
  46. <meta name="color:Content Shadows" content="#b06769"/>
  47. <meta name="color:Scroll BG" content="#fef8d2"/>
  48. <meta name="color:Scroll Thumb" content="#8c84c4"/>
  49. <!-- Sidebar -->
  50. <meta name="color:Sidebar BG" content="#8c84c4"/>
  51. <meta name="color:Sidebar Borders" content="#fef8d2"/>
  52. <meta name="color:Sidebar Shadows" content="#515481"/>
  53. <meta name="color:Fishcontainer Border" content="#fef8d2"/>
  54. <meta name="color:Description BG" content="#fef8d2"/>
  55. <meta name="color:Description Title" content="#515481"/>
  56. <meta name="color:Description Text" content="#8c84c4"/>
  57. <meta name="color:Description Links" content="#cf8e71"/>
  58. <meta name="color:Description Links Hover" content="#aa5e63"/>
  59. <meta name="color:Sidelinks" content="#c5becb"/>
  60. <meta name="color:Sidelinks Hover" content="#fef8d2"/>
  61. <!-- Posts -->
  62. <meta name="color:Posts BG" content="#fef8d2"/>
  63. <meta name="color:Posts Title" content="#515481"/>
  64. <meta name="color:Posts Text" content="#8c84c4"/>
  65. <meta name="color:Posts Bold" content="#6e6ca2"/>
  66. <meta name="color:Posts Italic" content="#8c84c4"/>
  67. <meta name="color:Posts Code" content="#8c84c4"/>
  68. <meta name="color:Posts Code BG" content="#f6deba"/>
  69. <meta name="color:Posts Links" content="#cf8e71"/>
  70. <meta name="color:Posts Links Hover" content="#aa5e63"/>
  71. <meta name="color:Posts Blockquote" content="#f6deba"/>
  72. <meta name="color:Ask BG" content="#f6deba"/>
  73. <meta name="color:Audio Player" content="#808080"/>
  74. <!-- Post Endings -->
  75. <meta name="color:Info Circles" content="#e0b8a6"/>
  76. <meta name="color:Info Circles Hover" content="#fafefe"/>
  77. <meta name="color:Ending BG" content="#f6deba"/>
  78. <meta name="color:Ending Text" content="#8c84c4"/>
  79. <meta name="color:Ending Links" content="#a16781"/>
  80. <meta name="color:Ending Links Hover" content="#5d4967"/>
  81. <!-- Permalink -->
  82. <meta name="color:Permalink Text" content="#fef8d2"/>
  83. <meta name="color:Permalink Links" content="#634e69"/>
  84. <meta name="color:Permalink Links Hover" content="#42314d"/>
  85. <meta name="color:Permalink Blockquote" content="#f6deba"/>
  86. <meta name="color:Permalink Scroll Thumb" content="#fef8d2"/>
  87. <!-- Misc. -->
  88. <meta name="color:Link Hover BG" content="#634e69"/>
  89. <meta name="color:Link Hover Text" content="#fef8d2"/>
  90. <meta name="color:Selection BG" content="#f2e593"/>
  91. <meta name="color:Selection Text" content="#877c77"/>
  92. <meta name="color:Selection Links" content="#bd874f"/>
  93.  
  94. <!--------------------------------- TEXTS ----------------------------------->
  95. <meta name="text:Second Title" content="“At least the waves sound the same.”"/>
  96. <meta name="text:Link 1 URL" content="/" />
  97. <meta name="text:Link 1 Hover" content="Link 1" />
  98. <meta name="text:Link 2 URL" content="/" />
  99. <meta name="text:Link 2 Hover" content="Link 2" />
  100. <meta name="text:Link 3 URL" content="/" />
  101. <meta name="text:Link 3 Hover" content="Link 3" />
  102. <meta name="text:Ask Verb" content="asked" />
  103.  
  104. <!-------------------------------- OPTIONS ---------------------------------->
  105. <meta name="if:Monochrome Photos" content="1"/>
  106. <meta name="if:Fade Photos" content="1"/>
  107. <meta name="if:Info Circles for Indexpage" content="1"/>
  108. <meta name="if:More BG Shadows" content="1"/>
  109. <meta name="if:Custom Cursor" content="1"/>
  110. <meta name="if:Custom Favicon" content="1"/>
  111. <meta name="if:Dark Audio Player" content="0"/>
  112. <meta name="if:Credit on the Right" content="1"/>
  113.  
  114. <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">
  115.  
  116. </head>
  117. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  118. <script type="text/javascript" src="http://static.tumblr.7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
  119. <script>(function($){$(document).ready(function(){$("[title]").style_my_tooltips();});})(jQuery);</script>
  120. <style type="text/css">
  121.  
  122. /* ------------------------------ DECORATION ----------------------------- */
  123.  
  124. /* body */
  125. body {
  126. color:{color:Posts Text};
  127. background:{color:background} url('{image:background}') fixed;
  128. font-family:Calibri;
  129. font-size:10px;
  130. line-height:12px;
  131. text-align:justify;}
  132.  
  133. /*------------------------- CREDIT; DON'T REMOVE --------------------------*/
  134.  
  135. #credit {
  136. z-index:99999;
  137. position:fixed;
  138. bottom:10px;
  139. {block:IfNotCreditOnTheRight}left:10px;{/block:IfNotCreditOnTheRight}
  140. {block:IfCreditOnTheRight}right:10px;{/block:IfCreditOnTheRight}
  141. width:20px; height:20px;
  142. font-size:20px;
  143. letter-spacing:1px;
  144. font-weight:bold;}
  145. #credit a {
  146. color:{color:Info Circles};
  147. text-shadow: 0 0 3px {color:Content Shadows};
  148. -webkit-transition: all 0.3s linear;
  149. -moz-transition: all 0.3s linear;
  150. transition: all 0.3s linear;}
  151. #credit a:hover {
  152. color:{color:Info Circles Hover};
  153. text-shadow: 0 0 3px {color:Content Shadows};}
  154.  
  155. /* --------------------------- MINOR STUFF ---------------------------- */
  156.  
  157. /* hover text */
  158. #s-m-t-tooltip {
  159. z-index: 99999;
  160. display: block;
  161. margin-left: 25px;
  162. margin-top: 5px;
  163. max-width:150px;
  164. padding: 2px 4px 3px 5px;
  165. color: {color:Link Hover Text};
  166. font-family:Calibri;
  167. font-size:8px;
  168. line-height:10px;
  169. text-transform:uppercase;
  170. letter-spacing:1px;
  171. text-align:left;
  172. background: {color:Link Hover BG};
  173. border-radius: 2px;
  174. box-shadow: 0 0 5px rgba(0,0,0,.15);}
  175.  
  176. /* scrollbar */
  177. ::-webkit-scrollbar {
  178. height: 12px;
  179. width: 12px;
  180. background: {color:Scroll BG};}
  181. ::-webkit-scrollbar-thumb {
  182. background: {color:Scroll Thumb};
  183. border:3px solid {color:Scroll BG};
  184. border-radius:5px;}
  185.  
  186. /* drag n' click selection */
  187. ::selection {
  188. background: {color:Selection BG};
  189. color: {color:Selection Text};
  190. text-shadow:none}
  191. ::-moz-selection {
  192. background: {color:Selection BG};
  193. color: {color:Selection Text};
  194. text-shadow:none}
  195. a::selection {
  196. background: {color:Selection BG};
  197. color: {color:Selection Links};
  198. text-shadow:none}
  199. a::-moz-selection {
  200. background: {color:Selection BG};
  201. color: {color:Selection Links};
  202. text-shadow:none}
  203.  
  204. /* ------------------------- FONT STUFF --------------------------- */
  205.  
  206. /* links */
  207. a:link, a:active, a:visited{
  208. color:{color:Posts Links};
  209. -webkit-transition: all 0.5s linear;
  210. -moz-transition: all 0.5s linear;
  211. transition: all 0.5s linear;}
  212. a:hover {
  213. color:{color:Posts Links Hover};
  214. -webkit-transition: all 0.2s linear;
  215. -moz-transition: all 0.2s linear;
  216. transition: all 0.2s linear;}
  217.  
  218. /* main font decorations */
  219. b, strong{color:{color:Posts Bold};}
  220. i, em {color:{color:Posts Italic};}
  221. pre {color:{color:Posts Code};
  222. font-size:10px;
  223. max-width:100%;
  224. font-family:consolas;
  225. word-break: break-all;
  226. background:{color:Posts Code BG};
  227. padding: 4px 6px;
  228. white-space: pre-wrap;
  229. white-space: -moz-pre-wrap;
  230. white-space: -pre-wrap;
  231. white-space: -o-pre-wrap;
  232. word-wrap: break-word;}
  233. code {
  234. color:{color:Posts Code};
  235. font-size:10px;
  236. font-family:consolas;
  237. background:{color:Posts Code BG};
  238. padding:0px 1px 0px 1px;}
  239.  
  240. .posts p:last-child {
  241. margin-bottom:0px;}
  242. .posts p:first-child {
  243. margin-top:0px;}
  244.  
  245. /* text and link post titles */
  246. h1 {font: italic normal bold 18px/18px Georgia;
  247. color:{color:Posts Title};
  248. text-align:center;
  249. letter-spacing:0px;}
  250. /* quote and ask post titles */
  251. h2 {font: italic normal bold 16px/16px Georgia;
  252. color:{color:Posts Bold};
  253. text-align:center;
  254. letter-spacing:0px;}
  255. .posts h1:first-child, .posts h2:first-child {margin-top:0px;}
  256.  
  257. /* -------------------------------- SIDEBAR ------------------------------ */
  258.  
  259. #side {
  260. position:fixed;
  261. bottom:0px;
  262. left:50%;
  263. margin-left:-494px;
  264. width:350px;
  265. height:100%;
  266. overflow:hidden;
  267. background:{color:Sidebar BG} url('{image:sidebar}') no-repeat;
  268. background-position:center bottom;
  269. border-right:30px solid {color:Sidebar Borders};
  270. border-left:30px solid {color:Sidebar Borders};
  271. box-shadow:0 0 20px {color:Content Shadows}{block:IfMoreBGShadows}, 0 0 10px {color:Content Shadows}{/block:IfMoreBGShadows};
  272. border-radius: 0px 0px 0px 0px;}
  273.  
  274. /* ----------------------------- DESCRIPTION ----------------------------- */
  275.  
  276. /* circle 4 fishies */
  277. #fishcontainer {
  278. position:fixed;
  279. left:50%;
  280. margin-left:-434px;
  281. top:30%;
  282. margin-top:-130px;
  283. z-index:1;
  284. border-radius:250px;
  285. overflow:hidden;
  286. background:{color:Fishcontainer Border};
  287. width:250px;
  288. height:250px;
  289. border:20px solid {color:Fishcontainer Border};
  290. box-shadow:0 0 30px {color:Sidebar Shadows};}
  291.  
  292. #fishcontainer-water {
  293. z-index:1;
  294. background: url(https://31.media.tumblr.com/f64ca7b29052e010db224b7f4346ddcf/tumblr_inline_nfrzjcIgrk1rg1lxe.gif);
  295. opacity:.66;
  296. width:250px;
  297. height:250px;
  298. margin-top:-254px;}
  299.  
  300. /* hover description */
  301. #desccontainer {
  302. position:fixed;
  303. z-index:4;
  304. left:50%;
  305. margin-left:-415px;
  306. top:30%;
  307. margin-top:-111px;
  308. z-index:2;
  309. width:252px;
  310. height:252px;
  311. text-align:justify;
  312. overflow:hidden;
  313. border-radius:250px;
  314. background:{color:Description BG};
  315. opacity:0;
  316. -webkit-transition: all 0.3s linear;
  317. -moz-transition: all 0.3s linear;
  318. transition: all 0.3s linear;}
  319. #desccontainer:hover {
  320. opacity:1;}
  321.  
  322. /* description title */
  323. #desctitle {
  324. margin-top:26px;
  325. text-align:center;
  326. width:250px;
  327. height:54px;
  328. overflow:hidden;
  329. font-family:Georgia;
  330. font-weight:bold;
  331. font-style: italic;
  332. letter-spacing:0px;
  333. color:{color:Description Title};
  334. font-size:18px;
  335. line-height:18px;}
  336. /* space to fit in circle */
  337. .lefttitlespace {float:left; clear:left; height:18px;}
  338. .righttitlespace {float:right; clear:right; height:18px;}
  339.  
  340. /* description */
  341. #desc {
  342. width:250px;
  343. height:140px;
  344. font-family:Calibri;
  345. color:{color:Description Text};
  346. text-shadow:0 0 0 {color:Description Text};
  347. font-size:8px;
  348. text-transform:uppercase;
  349. overflow:hidden;
  350. margin-left:1px;
  351. margin-top:25px;}
  352. #desc a {
  353. color:{color:Description Links};}
  354. #desc a:hover {
  355. color:{color:Description Links Hover};}
  356. /* space to fit in circle */
  357. .leftdescspace {float:left; clear:left; height:13px;}
  358. .rightdescspace {float:right; clear:right; height:13px;}
  359.  
  360. /* ------------------------------- SIDELINKS ------------------------------ */
  361.  
  362. /* sidelinks container */
  363. #sidelinks {
  364. z-index:3;
  365. position:fixed;
  366. left:50%;
  367. margin-left:-374px;
  368. top:30%;
  369. margin-top:150px;
  370. letter-spacing:60px;
  371. width:170px;
  372. height:30px;
  373. text-align:center;}
  374. #sidelinks a {
  375. text-decoration:none;}
  376.  
  377. /* individual links */
  378. #sidelink {
  379. display:block;
  380. position:fixed;
  381. width:10px;
  382. height:10px;
  383. border-radius:5px;
  384. background:{color:Sidelinks};
  385. box-shadow:0 0 10px {color:Sidebar Shadows}, 0 0 5px {color:Sidebar Shadows};
  386. -webkit-transition: all 0.2s linear;
  387. -moz-transition: all 0.2s linear;
  388. transition: all 0.2s linear;}
  389. #sidelink:hover {
  390. background:{color:Sidelinks Hover};}
  391.  
  392. /* page navigation */
  393. #pagination {
  394. z-index:3;
  395. position:fixed;
  396. left:50%;
  397. margin-left:-400px;
  398. top:30%;
  399. margin-top:130px;
  400. width:220px;
  401. height:15px;
  402. font-size:14px;}
  403. #pagination a {
  404. background:none;
  405. color:{color:Sidelinks};
  406. -webkit-transition: all 0.2s linear;
  407. -moz-transition: all 0.2s linear;
  408. transition: all 0.2s linear;}
  409. #pagination a:hover {
  410. color:{color:Sidelinks Hover};}
  411.  
  412. /* individual links 4 page navigation */
  413. #next {
  414. float:right;
  415. text-shadow:0 0 10px {color:Sidebar Shadows}, 0 0 5px {color:Sidebar Shadows}, 0 0 1px {color:Sidebar Shadows};
  416. transform: rotate(-45deg);
  417. -moz-transform: rotate(-45deg);
  418. -webkit-transform: rotate(-45deg);
  419. -o-transform: rotate(-45deg);}
  420. #previous {
  421. float:left;
  422. text-shadow:0 0 10px {color:Sidebar Shadows}, 0 0 5px {color:Sidebar Shadows}, 0 0 1px {color:Sidebar Shadows};
  423. transform: rotate(45deg);
  424. -moz-transform: rotate(45deg);
  425. -webkit-transform: rotate(45deg);
  426. -o-transform: rotate(45deg);}
  427.  
  428. /* ----------------------------- POSTS ------------------------------- */
  429.  
  430. /* position */
  431. #entries {
  432. margin-top:70px;
  433. margin-left:50%;
  434. text-align:justify;}
  435. /* posts themselves */
  436. .posts {
  437. margin:0 0 70px -44px;
  438. overflow:hidden;
  439. width: 500px;
  440. min-height:33px;
  441. text-align:justify;
  442. padding:20px;
  443. background:{color:Posts BG};
  444. border-radius:2px;
  445. box-shadow:0 0 20px {color:Content Shadows}{block:IfMoreBGShadows}, 0 0 10px {color:Content Shadows}{/block:IfMoreBGShadows};}
  446.  
  447.  
  448. /* ------------------------------ POST TYPES --------------------------- */
  449.  
  450. /* text post */
  451. blockquote {
  452. padding:0px;
  453. padding-left:6px;
  454. margin:-3px 0 -1px 6px;
  455. border-left:3px solid {color:posts blockquote};}
  456. hr {display: block;
  457. margin-top: 0.5em;
  458. margin-bottom: 0.5em;
  459. margin-left: auto;
  460. margin-right: auto;
  461. border-style: solid;
  462. border-width: 1px;
  463. border-color: {color:posts blockquote};}
  464.  
  465. /* bullet lists */
  466. ul {margin-left:-20px;
  467. list-style-type:circle;}
  468. ol {margin-left:-20px;
  469. list-style-type:decimal;}
  470. li {margin-bottom:3px;}
  471.  
  472. /* text-images */
  473. .posts img {
  474. max-width:100%;
  475. {block:IfFadePhotos}opacity:0.85;{/block:IfFadePhotos}
  476. -webkit-transition-duration: 0.2s;
  477. -moz-transition-duration:0.2s;
  478. -o-transition-duration:0.2s;
  479. transition-duration:0.2s;}
  480. .posts:hover img {opacity:1;}
  481. /* the credit below images that are from other people */
  482. .tmblr-full {margin:0;}
  483. .tmblr-attribution {
  484. opacity:.8;
  485. margin-top:0px;
  486. font-family:Calibri;
  487. font-size:8px; line-height:8px;
  488. text-transform:uppercase;
  489. letter-spacing:1px;}
  490. .tmblr-attribution::before {content: "└";}
  491. .tmblr-attribution::after {content: " >";}
  492. img a{border:none; max-width:100%;}
  493.  
  494. /* link posts */
  495. .link-posts a {
  496. background: {color:Posts Links};
  497. text-decoration:none;
  498. display:inline-block;
  499. width: 480px;
  500. border-radius:3px;
  501. padding:10px;
  502. color:{color:Posts BG};}
  503. .link-posts a:hover {
  504. background: {color:Posts Links Hover}}
  505.  
  506. /* ask posts */
  507. .ask-posts {
  508. min-height:64px;
  509. padding: 10px;
  510. background: {color:ask bg};
  511. border-radius:3px;}
  512. .ask-posts img {
  513. border-radius:2px;
  514. max-width:64px;}
  515. .ask-posts .question {
  516. margin-top:-64px; margin-left:74px;
  517. width:406px;}
  518. .ask-posts h2 {text-align:left; margin:0px 0px 5px 0px;}
  519.  
  520. /* quote posts */
  521. .quote-posts {
  522. border-top:3px solid {color:Posts Blockquote};
  523. border-bottom:3px solid {color:Posts Blockquote};
  524. margin:0px 0px 5px 0px;
  525. padding:10px;
  526. text-align:center}
  527. .fa-quote-left {float:left; color:{color:Posts Blockquote}}
  528. .fa-quote-right {float:right; color:{color:Posts Blockquote}}
  529.  
  530. /* chat posts */
  531. ul.chat, .chat ol, .chat li {
  532. list-style:none;
  533. margin:0px;
  534. padding:4px 0px 4px 2px;}
  535. ul.chat, .chat ol {margin:-2px 0px;}
  536. .chat li {
  537. border-bottom:2px solid {color:Posts Blockquote};}
  538. .chat li:first-of-type {
  539. border-top:2px solid {color:Posts Blockquote};}
  540. .person {
  541. color:{color:Posts Bold};
  542. font-weight:bold}
  543.  
  544. /* photo posts */
  545. .posts .photo-posts {
  546. {block:IfFadePhotos}opacity:0.85;{/block:IfFadePhotos}
  547. {block:IfMonochromePhotos}-webkit-filter: grayscale(100%);{/block:IfMonochromePhotos}
  548. -webkit-transition-duration: 0.5s;
  549. -moz-transition-duration:0.5s;
  550. transition-duration:0.5s;
  551. -o-transition-duration:0.5s;}
  552. .posts:hover .photo-posts {
  553. opacity:1;
  554. -webkit-filter: grayscale(0%);
  555. -webkit-transition-duration: 0.5s;
  556. -moz-transition-duration:0.5s;
  557. transition-duration:0.5s;
  558. -o-transition-duration:0.5s;}
  559. .posts .html_photoset {
  560. {block:IfFadePhotos}opacity:0.7;{/block:IfFadePhotos}
  561. {block:IfMonochromePhotos}-webkit-filter: grayscale(100%);{/block:IfMonochromePhotos}
  562. -webkit-transition-duration: 0.5s;
  563. -moz-transition-duration:0.5s;
  564. transition-duration:0.5s;
  565. -o-transition-duration:0.5s;}
  566. .posts:hover .html_photoset {
  567. opacity:1;
  568. -webkit-filter: grayscale(0%);
  569. -webkit-transition-duration: 0.5s;
  570. -moz-transition-duration:0.5s;
  571. transition-duration:0.5s;
  572. -o-transition-duration:0.5s;}
  573.  
  574. /* video posts */
  575. .caption #youtube_iframe, .caption iframe {
  576. margin:5px 0px 5px 0px;
  577. max-width:100%;}
  578.  
  579. /* audio posts */
  580. /* album image */
  581. #albumart {
  582. position:absolute;
  583. margin-right:10px;
  584. width:100px; height:100px;
  585. background: url('{image:Album Art}');
  586. background-size:cover;
  587. border-radius:1px;}
  588. .posts #albumart {
  589. {block:IfMonochromePhotos}-webkit-filter: grayscale(100%);{/block:IfMonochromePhotos}
  590. {block:IfFadePhotos}opacity:.7;{/block:IfFadePhotos}
  591. -webkit-transition: all 0.2s linear;
  592. -moz-transition: all 0.2s linear;
  593. transition: all 0.2s linear;}
  594. .posts:hover #albumart {
  595. -webkit-filter: grayscale(0%);
  596. opacity:1;}
  597. /* music player */
  598. .posts #audio-player {
  599. margin-left:110px;
  600. max-width:207px;
  601. max-height:27px;
  602. {block:IfMonochromePhotos}background:#808080;{/block:IfMonochromePhotos}
  603. {block:IfNotMonochromePhotos}background:{color:Audio Player};{/block:IfNotMonochromePhotos}
  604. border-radius:1px;
  605. -webkit-transition: all 0.2s linear;
  606. -moz-transition: all 0.2s linear;
  607. transition: all 0.2s linear;}
  608. .posts:hover #audio-player {
  609. background:{color:Audio Player}}
  610. /* audio information */
  611. #audioinfo {
  612. height:66px;
  613. margin:-3px 0px 5px 110px;
  614. text-transform:uppercase;
  615. font-family:Calibri;
  616. font-size:8px;
  617. line-height:13px;
  618. letter-spacing:1px;}
  619.  
  620. /* ------------------------------- POSTS INFO ---------------------------- */
  621.  
  622. /* if circles */
  623. #postinfo {
  624. margin-top:30px;
  625. position:absolute;
  626. text-align:center;
  627. margin-left:-20px;
  628. width:540px;
  629. height:10px;
  630. letter-spacing:20px;}
  631. #postinfo a {
  632. text-decoration:none;
  633. background:none;}
  634. #postfact {
  635. display:inline-block;
  636. width:10px;
  637. height:10px;
  638. border-radius:5px;
  639. background:{color:Info Circles};
  640. box-shadow:{block:IfMoreBGShadows}0 0 20px {color:Content Shadows},{/block:IfMoreBGShadows} 0 0 10px {color:Content Shadows}, 0 0 1px {color:Content Shadows};
  641. -webkit-transition: all 0.5s linear;
  642. -moz-transition: all 0.5s linear;
  643. transition: all 0.5s linear;}
  644. #postfact:hover {
  645. background:{color:Info Circles Hover};
  646. -webkit-transition: all 0.2s linear;
  647. -moz-transition: all 0.2s linear;
  648. transition: all 0.2s linear;}
  649.  
  650. /* if not circles */
  651. #postending {
  652. background:{color:Ending BG};
  653. text-align:center;
  654. border-radius:1px;
  655. margin-top:15px;
  656. padding:10px;
  657. text-transform:uppercase;
  658. font-family:Calibri;
  659. letter-spacing:1px;
  660. font-size:8px;
  661. color:{color:Ending Text};}
  662. #postending a {
  663. text-decoration:none;
  664. background:transparent;
  665. color:{color:Ending Links};
  666. text-shadow:0 0 0 {color:Ending Links};}
  667. #postending a:hover {
  668. color:{color:Ending Links Hover};
  669. text-shadow:0 0 0 {color:Ending Links Hover};}
  670.  
  671. /* -------------------------- PERMALINK ----------------------------- */
  672.  
  673. /* permalink position */
  674. #permalink {
  675. margin-top:-70px;
  676. max-height:600px;
  677. padding-top:20px;
  678. padding-bottom:20px;
  679. width: 540px;
  680. max-width: 540px;
  681. text-transform:uppercase;
  682. margin-left:-45px;
  683. font-family:Calibri;
  684. letter-spacing:1px;
  685. font-size:8px;
  686. text-align:left;
  687. text-shadow:0 0 0 {color:Permalink Text};
  688. color:{color:Permalink Text};}
  689. #permalink a {
  690. font-weight:bold;
  691. text-decoration:none;
  692. color:{color:Permalink Links};
  693. text-shadow:0 0 0 {color:Permalink Links};}
  694. #permalink a:hover {
  695. color:{color:Permalink Links Hover};
  696. text-shadow:0 0 0 {color:Permalink Links Hover};}
  697.  
  698. /* post notes container */
  699. #notescontainer {
  700. width: 500px;
  701. max-height:580px;
  702. padding-right:20px;
  703. overflow: auto;
  704. line-height:14px;}
  705. #notescontainer blockquote {
  706. margin-top:3px;
  707. margin-bottom:3px;
  708. border-left:3px solid {color:Permalink Blockquote};}
  709.  
  710. /* permalink etc */
  711. .notes img {
  712. width: 10px;
  713. position: relative;
  714. vertical-align: middle;
  715. padding-right: 5px;}
  716. ol.notes, .notes li {
  717. width: 480px;
  718. list-style: none;
  719. margin: 0px 5px 0px 5px;
  720. padding-left: 5px}
  721.  
  722. /* permalink scrollbar */
  723. #permalink ::-webkit-scrollbar {
  724. height: 5px;
  725. width: 5px;
  726. background: transparent;}
  727. #permalink ::-webkit-scrollbar-thumb:vertical {
  728. background: {color:Permalink Scroll Thumb};
  729. border:none;
  730. border-radius: 1px;}
  731.  
  732. </style>
  733. <body>
  734.  
  735. {block:ifcustomcursor}
  736. <!-- custom cursor -->
  737. <style type="text/css"> body {cursor: url({image:custom cursor 1}), auto;} a, a:hover {cursor:url({image:custom cursor 2}), auto;}
  738. </style>
  739. <!-- thing so that the custom cursor will actually SHOW in certain parts. A LOT of custom cursors don't show up on empty spaces, so this fixes that -->
  740. <img src="http://static.tumblr.com/u5vz4xb/C4Kn6ao9p/00delete.png" style="position:fixed; width:100%; height:100%; opacity:0; z-index: -10;">
  741. {/block:ifcustomcursor}
  742.  
  743. <!------------------------- CREDIT; DON'T REMOVE ---------------------------->
  744.  
  745. <div id="credit">
  746. <a href="http://nyctothemes.tumblr.com/" title="© nyctothemes">
  747. <l class="fa fa-th"></l>
  748. </a>
  749. </div>
  750.  
  751. <!------------------------------ LOW SIDEBAR -------------------------------->
  752. <div id="side"></div>
  753.  
  754. <div id="fishcontainer">
  755. <object type="application/x-shockwave-flash" style="outline:none; z-index:-1;" data="http://cdn.abowman.com/widgets/fish/fish.swf?up_fishColor1=000000&up_backgroundColor=dc6a62&up_fishColor8=55381b&up_fishColor7=2f2f1f&up_fishColor4=000000&up_fishColor9=2f2f1f&up_fishColor5=55381b&up_backgroundImage=https://31.media.tumblr.com/5d1edf05fdcb5a7ba1ed7b06438e4fdd/tumblr_inline_nfry4oB6co1rg1lxe.png&up_numFish=10&up_fishColor3=55381b&up_fishColor6=000000&up_foodColor=000000&up_fishColor10=2f2f1f&up_fishName=Fish&up_fishColor2=000000&" width="250" height="250">
  756. <param name="movie" value="http://cdn.abowman.com/widgets/fish/fish.swf?up_fishColor1=000000&up_backgroundColor=dc6a62&up_fishColor8=55381b&up_fishColor7=2f2f1f&up_fishColor4=000000&up_fishColor9=2f2f1f&up_fishColor5=55381b&up_backgroundImage=http://&up_numFish=10&up_fishColor3=55381b&up_fishColor6=000000&up_foodColor=000000&up_fishColor10=2f2f1f&up_fishName=Fish&up_fishColor2=000000&"></param>
  757. <param name="AllowScriptAccess" value="always"></param>
  758. <param name="wmode" value="opaque"></param>
  759. <param name="scale" value="noscale"/>
  760. <param name="salign" value="tl"/></object>
  761. <div id="fishcontainer-water"></div>
  762. </div>
  763.  
  764. <div id="desccontainer">
  765.  
  766. <div id="desctitle">
  767. <div class="lefttitlespace" style="width:52px;"></div>
  768. <div class="righttitlespace" style="width:52px;"></div>
  769.  
  770. <div class="lefttitlespace" style="width:31px;"></div>
  771. <div class="righttitlespace" style="width:31px;"></div>
  772.  
  773. <div class="lefttitlespace" style="width:20px;"></div>
  774. <div class="righttitlespace" style="width:20px;"></div>
  775.  
  776. {text:second title}
  777. </div>
  778.  
  779. <div id="desc">
  780. <div class="leftdescspace" style="width:2px;"></div>
  781. <div class="rightdescspace" style="width:2px;"></div>
  782.  
  783. <div class="leftdescspace" style="width:2px;"></div>
  784. <div class="rightdescspace" style="width:2px;"></div>
  785.  
  786. <div class="leftdescspace" style="width:2px;"></div>
  787. <div class="rightdescspace" style="width:2px;"></div>
  788.  
  789. <div class="leftdescspace" style="width:3px;"></div>
  790. <div class="rightdescspace" style="width:3px;"></div>
  791.  
  792. <div class="leftdescspace" style="width:7px;"></div>
  793. <div class="rightdescspace" style="width:7px;"></div>
  794.  
  795. <div class="leftdescspace" style="width:13px;"></div>
  796. <div class="rightdescspace" style="width:13px;"></div>
  797.  
  798. <div class="leftdescspace" style="width:19px;"></div>
  799. <div class="rightdescspace" style="width:19px;"></div>
  800.  
  801. <div class="leftdescspace" style="width:29px;"></div>
  802. <div class="rightdescspace" style="width:29px;"></div>
  803.  
  804. <div class="leftdescspace" style="width:43px;"></div>
  805. <div class="rightdescspace" style="width:43px;"></div>
  806.  
  807. <div class="leftdescspace" style="width:58px;"></div>
  808. <div class="rightdescspace" style="width:58px;"></div>
  809.  
  810. <div class="leftdescspace" style="width:84px;"></div>
  811. <div class="rightdescspace" style="width:84px;"></div>
  812. {description}
  813. </div></div>
  814.  
  815. <div id="sidelinks">
  816. <a href="/" title="Home"><div id="sidelink" style="margin-left:1px;"></div></a>
  817. <a href="/ask" title="Ask"><div id="sidelink" style="margin-left:30px; margin-top:13px;"></div></a>
  818. <a href="/archive" title="Past"><div id="sidelink" style="margin-left:63px; margin-top:20px;"></div></a>
  819. <a href="{text:link 1 URL}" title="{text:link 1 hover}"><div id="sidelink" style="margin-left:97px; margin-top:20px;"></div></a>
  820. <a href="{text:link 2 URL}" title="{text:link 2 hover}"><div id="sidelink" style="margin-left:130px; margin-top:13px;"></div></a>
  821. <a href="{text:link 3 URL}" title="{text:link 3 hover}"><div id="sidelink" style="margin-left:159px;"></div></a>
  822. </div>
  823.  
  824.  
  825. {block:Pagination}<div id="pagination">
  826. {block:NextPage}
  827. <div id="next"><a href="{NextPage}" title="next"><l class="fa fa-chevron-right"></l></a></div>
  828. {/block:NextPage}
  829. {block:PreviousPage}
  830. <div id="previous"><a href="{PreviousPage}" title="previous"><l class="fa fa-chevron-left"></l></a></div>
  831. {/block:PreviousPage}
  832. </div>{/block:Pagination}
  833.  
  834. <!--------------------------------- POSTS --------------------------------->
  835. <div id="entries">
  836. {block:posts}
  837.  
  838. <div class="posts">
  839.  
  840. <!-- text posts -->
  841. {block:Text}
  842. {block:Title}<h1>{Title}</h1>{/block:Title}
  843. <div class="caption">{Body}</div>
  844. {/block:Text}
  845.  
  846. <!-- link posts -->
  847. {block:Link}
  848. {block:Thumbnail}<center>
  849. <a href="{Thumbnail-HighRes}">
  850. <img src="{Thumbnail}" class="photo-posts" style="margin-bottom:5px; border-radius:3px">
  851. </a>
  852. </center>{/block:Thumbnail}
  853. <div class="link-posts"><h1><a href="{URL}">
  854. {Name}&nbsp;&nbsp;&#8594;</l>
  855. </a></h1></div>
  856. {block:Description}<div class="caption">
  857. <p>{Description}</p>
  858. </div>{/block:Description}
  859. {/block:Link}
  860.  
  861. <!-- ask posts -->
  862. {block:Answer}
  863. <div class="ask-posts">
  864. <img src="{AskerPortraitURL-64}">
  865. <div class="question">
  866. <h2>{Asker} {text:Ask Verb}:</h2> {Question}
  867. </div></div><br>
  868. <div id="caption">{Answer}</div>
  869. {/block:Answer}
  870.  
  871. <!-- quote posts -->
  872. {block:Quote}
  873. <h2 class="quote-posts">
  874. <l class="fa fa-quote-left"></l>
  875. <l class="fa fa-quote-right"></l>
  876. {Quote}</h2>
  877. <div style="text-align:right; margin-right:20px">
  878. {block:Source}<b>- {Source}</b>{/block:Source}
  879. </div>
  880. {/block:Quote}
  881.  
  882. <!-- chat posts -->
  883. {block:Chat}
  884. {block:Title}<h1>{Title}</h1>{/block:Title}
  885. <ul class="chat">{block:Lines}
  886. <li class="user_{UserNumber}">{block:Label}<span class="person">{Label}</span>{/block:Label} {Line}</li>
  887. {/block:Lines}</ul>
  888. {/block:Chat}
  889.  
  890. <!-- photo posts -->
  891. {block:Photo}
  892. <center>
  893. {block:HighRes}<a href="{PhotoURL-HighRes}">{/block:HighRes}<img src="{PhotoURL-500}" class="photo-posts"/>{block:HighRes}</a>{/block:HighRes}
  894. </center>
  895. {block:Caption}<br><div class="caption">{Caption}</div>{/block:Caption}{/block:Photo}
  896.  
  897. {block:Photoset}
  898. <center>
  899. {Photoset-500}
  900. </center>
  901. {block:Caption}<br><div class="caption">{Caption}</div>{/block:Caption}{/block:Photoset}
  902.  
  903. <!-- video post -->
  904. {block:Video}
  905. {Video-500}
  906. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  907. {/block:Video}
  908.  
  909. <!-- audio post -->
  910. {block:Audio}
  911. <!--image-->
  912. {block:IndexPage}<a href="{Permalink}">{/block:IndexPage}<div id="albumart" {block:AlbumArt}style="background:none"{/block:AlbumArt}>
  913. {block:AlbumArt}<img src="{AlbumArtURL}">{/block:AlbumArt}
  914. </div>{block:IndexPage}</a>{/block:IndexPage}
  915. <!--player-->
  916. <div id="audio-player"><div style="opacity:0.66">
  917. {block:ifDarkAudioPlayer}{AudioPlayerBlack}{/block:ifDarkAudioPlayer}
  918. {block:ifNotDarkAudioPlayer}{AudioPlayerWhite}{/block:ifNotDarkAudioPlayer}
  919. </div></div>
  920. </br>
  921. <!--info-->
  922. <div id="audioinfo">
  923. {block:TrackName}<b>Track:</b> {TrackName}</br>{/block:TrackName}
  924. {block:Artist}<b>Artist:</b> {Artist}</br>{/block:Artist}
  925. {block:Album}<b>Album:</b> {Album}</br>{/block:Album}
  926. {block:PlayCount}<b>Plays:</b> {FormattedPlayCount}{/block:PlayCount}
  927. </div>
  928. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:Audio}
  929.  
  930. <!------------------------------ POST ENDING ------------------------------->
  931.  
  932. {block:PermalinkPage}{block:Date}<div id="postending">
  933.  
  934. <!-- date posted -->
  935. <a href="/day/{Year}/{MonthNumberWithZero}/{DayOfMonthWithZero}">{ShortMonth}.{DayOfMonthWithZero}.{ShortYear}</a>
  936. <!-- notes counter -->
  937. {block:NoteCount}
  938. || {NoteCountWithLabel}
  939. {/block:NoteCount}
  940. <!-- reblogged from -->
  941. {block:RebloggedFrom}<br>
  942. Via: <a href="{ReblogParentURL}">{ReblogParentName}</a>
  943. {/block:RebloggedFrom}
  944. <!-- original poster -->
  945. {block:ContentSource}
  946. || Source: <a href="{SourceURL}">{SourceTitle}</a>
  947. {/block:ContentSource}
  948. <!-- tags -->
  949. {block:HasTags}<br><div style="padding:0px 20px 0px 20px">
  950. Tags: {block:Tags}<a href="{TagURL}">{Tag}</a>, {/block:Tags}
  951. </div>{/block:HasTags}
  952.  
  953. </div>{/block:Date}{/block:PermalinkPage}
  954.  
  955. <!------------- If Circles for Index Page ------------->
  956. {block:IfInfoCirclesForIndexpage}
  957. {block:IndexPage}
  958. <div id="postinfo">
  959.  
  960. <!-- date posted -->
  961. {block:Date}
  962. <a href="{Permalink}" title="{ShortMonth}.{DayOfMonthWithZero}.{ShortYear}"><div id="postfact"></div></a>
  963. {/block:Date}
  964.  
  965. <!-- notes counter -->
  966. {block:NoteCount}
  967. <a href="{Permalink}" title="{NoteCountWithLabel}"><div id="postfact"></div></a>
  968. {/block:NoteCount}
  969.  
  970. <!-- original poster -->
  971. {block:ContentSource}
  972. <a href="{SourceURL}" title="Source"><div id="postfact"></div></a>
  973. {/block:ContentSource}
  974.  
  975. <!-- reblogged from -->
  976. {block:RebloggedFrom}
  977. <a href="{ReblogParentURL}" title="Via"><div id="postfact"></div></a>
  978. {/block:RebloggedFrom}
  979.  
  980. <!-- tags -->
  981. {block:HasTags}
  982. <a href="{Permalink}" title="# {block:Tags}{Tag}, {/block:Tags}"><div id="postfact"></div></a>
  983. {/block:HasTags}
  984.  
  985. <!-- reblog -->
  986. <a href="{ReblogURL}" title="Reblog"><div id="postfact"></div></a>
  987.  
  988. </div>
  989. {/block:IndexPage}
  990. {/block:IfInfoCirclesForIndexpage}
  991.  
  992. <!------------- If NO Circles for Index Page ------------->
  993. {block:IfNotInfoCirclesForIndexpage}
  994. {block:IndexPage}
  995. {block:Date}<div id="postending">
  996.  
  997. <!-- date posted -->
  998. <a href="{Permalink}">{ShortMonth}.{DayOfMonthWithZero}.{ShortYear}</a>
  999. <!-- notes counter -->
  1000. {block:NoteCount}
  1001. || {NoteCountWithLabel}
  1002. {/block:NoteCount}
  1003. <!-- reblogged from -->
  1004. {block:RebloggedFrom}<br>
  1005. Via: <a href="{ReblogParentURL}">{ReblogParentName}</a>
  1006. {/block:RebloggedFrom}
  1007. <!-- original poster -->
  1008. {block:ContentSource}
  1009. || Source: <a href="{SourceURL}">{SourceTitle}</a>
  1010. {/block:ContentSource}
  1011. <!-- tags -->
  1012. {block:HasTags}<br><div style="padding:0px 20px 0px 20px">
  1013. Tags: {block:Tags}<a href="{TagURL}">{Tag}</a>, {/block:Tags}
  1014. </div>{/block:HasTags}
  1015.  
  1016. </div>{/block:Date}
  1017. {/block:IndexPage}
  1018. {/block:IfNotInfoCirclesForIndexpage}
  1019.  
  1020. </div> <!-- "posts" -->
  1021. {/block:Posts}
  1022.  
  1023. <!------------------------------ PERMALINK ------------------------------->
  1024.  
  1025. {block:PostNotes}
  1026. <div id="permalink">
  1027.  
  1028. <div id="notescontainer">
  1029. {PostNotes}
  1030. </div>
  1031. </div>
  1032. {/block:PostNotes}
  1033.  
  1034. </div> <!-- "entries" -->
  1035.  
  1036. </body>
  1037. </html>
Advertisement
Add Comment
Please, Sign In to add comment