thetruththemes

Destiny Islands tumblr theme - Night

Dec 5th, 2014
1,760
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 35.63 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="http://static.tumblr.com/76c30f8d035a3206aaea219970892df6/u5vz4xb/ocdng30qe/tumblr_static_2doelh35jxq8scc0sskg4owwc.gif"/>
  37. <meta name="image:Sidebar" content="http://static.tumblr.com/908af1eae2a2772c5711bc0dca1fa2d5/u5vz4xb/LYNng32er/tumblr_static_bh844nlarg8wk0s8gok4g4ksw.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/c4384838c83cc0c593977844a2b4a15a/tumblr_inline_n4cuanLrok1rg1lxe.png"/>
  40. <meta name="image:Custom Cursor 2" content="http://media.tumblr.com/bf8f98f763501fe1c3fe29dce4ef79be/tumblr_inline_n4cuatC7un1rg1lxe.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="#3a4b5c"/>
  46. <meta name="color:Content Shadows" content="#2d3d4f"/>
  47. <meta name="color:Scroll BG" content="#3a4b5c"/>
  48. <meta name="color:Scroll Thumb" content="#1f2b47"/>
  49. <!-- Sidebar -->
  50. <meta name="color:Sidebar BG" content="#2a3d59"/>
  51. <meta name="color:Sidebar Borders" content="#1f2b47"/>
  52. <meta name="color:Sidebar Shadows" content="#7e90aa"/>
  53. <meta name="color:Fishcontainer Border" content="#f5fcfc"/>
  54. <meta name="color:Description BG" content="#f5fcfc"/>
  55. <meta name="color:Description Title" content="#797369"/>
  56. <meta name="color:Description Text" content="#c9a979"/>
  57. <meta name="color:Description Links" content="#7e90aa"/>
  58. <meta name="color:Description Links Hover" content="#3e6092"/>
  59. <meta name="color:Sidelinks" content="#7e90aa"/>
  60. <meta name="color:Sidelinks Hover" content="#d1e6ea"/>
  61. <!-- Posts -->
  62. <meta name="color:Posts BG" content="#2a3d59"/>
  63. <meta name="color:Posts Title" content="#f5fcfc"/>
  64. <meta name="color:Posts Text" content="#96a5b4"/>
  65. <meta name="color:Posts Bold" content="#aabed1"/>
  66. <meta name="color:Posts Italic" content="#9cadbe"/>
  67. <meta name="color:Posts Code" content="#9cadbe"/>
  68. <meta name="color:Posts Code BG" content="#243450"/>
  69. <meta name="color:Posts Links" content="#c9a979"/>
  70. <meta name="color:Posts Links Hover" content="#f0e6b3"/>
  71. <meta name="color:Posts Blockquote" content="#243450"/>
  72. <meta name="color:Ask BG" content="#243450"/>
  73. <meta name="color:Audio Player" content="#808080"/>
  74. <!-- Post Endings -->
  75. <meta name="color:Info Circles" content="#797369"/>
  76. <meta name="color:Info Circles Hover" content="#c9a979"/>
  77. <meta name="color:Ending BG" content="#1f2b47"/>
  78. <meta name="color:Ending Text" content="#5b6a79"/>
  79. <meta name="color:Ending Links" content="#9d886a"/>
  80. <meta name="color:Ending Links Hover" content="#c9a979"/>
  81. <!-- Permalink -->
  82. <meta name="color:Permalink Text" content="#c3d0d0"/>
  83. <meta name="color:Permalink Links" content="#70899d"/>
  84. <meta name="color:Permalink Links Hover" content="#c59466"/>
  85. <meta name="color:Permalink Blockquote" content="#c3d0d0"/>
  86. <meta name="color:Permalink Scroll Thumb" content="#c3d0d0"/>
  87. <!-- Misc. -->
  88. <meta name="color:Link Hover BG" content="#625c53"/>
  89. <meta name="color:Link Hover Text" content="#f5fcfc"/>
  90. <meta name="color:Selection BG" content="#4c566e"/>
  91. <meta name="color:Selection Text" content="#5a687d"/>
  92. <meta name="color:Selection Links" content="#746a60"/>
  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/7fefe412d6435d1e30ef04aae316f262/tumblr_inline_nfvjapTktU1rg1lxe.gif);
  295. opacity:.50;
  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. /* quote posts */
  520. .quote-posts {
  521. border-top:3px solid {color:Posts Blockquote};
  522. border-bottom:3px solid {color:Posts Blockquote};
  523. margin:0px 0px 5px 0px;
  524. padding:10px;
  525. text-align:center}
  526. .fa-quote-left {float:left; color:{color:Posts Blockquote}}
  527. .fa-quote-right {float:right; color:{color:Posts Blockquote}}
  528.  
  529. /* chat posts */
  530. ul.chat, .chat ol, .chat li {
  531. list-style:none;
  532. margin:0px;
  533. padding:4px 0px 4px 2px;}
  534. ul.chat, .chat ol {margin:-2px 0px;}
  535. .chat li {
  536. border-bottom:2px solid {color:Posts Blockquote};}
  537. .chat li:first-of-type {
  538. border-top:2px solid {color:Posts Blockquote};}
  539. .person {
  540. color:{color:Posts Bold};
  541. font-weight:bold}
  542.  
  543. /* photo posts */
  544. .posts .photo-posts {
  545. {block:IfFadePhotos}opacity:0.85;{/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 .photo-posts {
  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. .posts .html_photoset {
  559. {block:IfFadePhotos}opacity:0.7;{/block:IfFadePhotos}
  560. {block:IfMonochromePhotos}-webkit-filter: grayscale(100%);{/block:IfMonochromePhotos}
  561. -webkit-transition-duration: 0.5s;
  562. -moz-transition-duration:0.5s;
  563. transition-duration:0.5s;
  564. -o-transition-duration:0.5s;}
  565. .posts:hover .html_photoset {
  566. opacity:1;
  567. -webkit-filter: grayscale(0%);
  568. -webkit-transition-duration: 0.5s;
  569. -moz-transition-duration:0.5s;
  570. transition-duration:0.5s;
  571. -o-transition-duration:0.5s;}
  572.  
  573. /* video posts */
  574. .caption #youtube_iframe, .caption iframe {
  575. margin:5px 0px 5px 0px;
  576. max-width:100%;}
  577.  
  578. /* audio posts */
  579. /* album image */
  580. #albumart {
  581. position:absolute;
  582. margin-right:10px;
  583. width:100px; height:100px;
  584. background: url('{image:Album Art}');
  585. background-size:cover;
  586. border-radius:1px;}
  587. .posts #albumart {
  588. {block:IfMonochromePhotos}-webkit-filter: grayscale(100%);{/block:IfMonochromePhotos}
  589. {block:IfFadePhotos}opacity:.7;{/block:IfFadePhotos}
  590. -webkit-transition: all 0.2s linear;
  591. -moz-transition: all 0.2s linear;
  592. transition: all 0.2s linear;}
  593. .posts:hover #albumart {
  594. -webkit-filter: grayscale(0%);
  595. opacity:1;}
  596. /* music player */
  597. .posts #audio-player {
  598. margin-left:110px;
  599. max-width:207px;
  600. max-height:27px;
  601. {block:IfMonochromePhotos}background:#808080;{/block:IfMonochromePhotos}
  602. {block:IfNotMonochromePhotos}background:{color:Audio Player};{/block:IfNotMonochromePhotos}
  603. border-radius:1px;
  604. -webkit-transition: all 0.2s linear;
  605. -moz-transition: all 0.2s linear;
  606. transition: all 0.2s linear;}
  607. .posts:hover #audio-player {
  608. background:{color:Audio Player}}
  609. /* audio information */
  610. #audioinfo {
  611. height:66px;
  612. margin:-3px 0px 5px 110px;
  613. text-transform:uppercase;
  614. font-family:Calibri;
  615. font-size:8px;
  616. line-height:13px;
  617. letter-spacing:1px;}
  618.  
  619. /* ------------------------------- POSTS INFO ---------------------------- */
  620.  
  621. /* if circles */
  622. #postinfo {
  623. margin-top:30px;
  624. position:absolute;
  625. text-align:center;
  626. margin-left:-20px;
  627. width:540px;
  628. height:10px;
  629. letter-spacing:20px;}
  630. #postinfo a {
  631. text-decoration:none;
  632. background:none;}
  633. #postfact {
  634. display:inline-block;
  635. width:10px;
  636. height:10px;
  637. border-radius:5px;
  638. background:{color:Info Circles};
  639. box-shadow:{block:IfMoreBGShadows}0 0 20px {color:Content Shadows},{/block:IfMoreBGShadows} 0 0 10px {color:Content Shadows}, 0 0 1px {color:Content Shadows};
  640. -webkit-transition: all 0.5s linear;
  641. -moz-transition: all 0.5s linear;
  642. transition: all 0.5s linear;}
  643. #postfact:hover {
  644. background:{color:Info Circles Hover};
  645. -webkit-transition: all 0.2s linear;
  646. -moz-transition: all 0.2s linear;
  647. transition: all 0.2s linear;}
  648.  
  649. /* if not circles */
  650. #postending {
  651. background:{color:Ending BG};
  652. text-align:center;
  653. border-radius:1px;
  654. margin-top:15px;
  655. padding:10px;
  656. text-transform:uppercase;
  657. font-family:Calibri;
  658. letter-spacing:1px;
  659. font-size:8px;
  660. color:{color:Ending Text};}
  661. #postending a {
  662. text-decoration:none;
  663. background:transparent;
  664. color:{color:Ending Links};
  665. text-shadow:0 0 0 {color:Ending Links};}
  666. #postending a:hover {
  667. color:{color:Ending Links Hover};
  668. text-shadow:0 0 0 {color:Ending Links Hover};}
  669.  
  670. /* -------------------------- PERMALINK ----------------------------- */
  671.  
  672. /* permalink position */
  673. #permalink {
  674. margin-top:-70px;
  675. max-height:600px;
  676. padding-top:20px;
  677. padding-bottom:20px;
  678. width: 540px;
  679. max-width: 540px;
  680. text-transform:uppercase;
  681. margin-left:-45px;
  682. font-family:Calibri;
  683. letter-spacing:1px;
  684. font-size:8px;
  685. text-align:left;
  686. text-shadow:0 0 0 {color:Permalink Text};
  687. color:{color:Permalink Text};}
  688. #permalink a {
  689. font-weight:bold;
  690. text-decoration:none;
  691. color:{color:Permalink Links};
  692. text-shadow:0 0 0 {color:Permalink Links};}
  693. #permalink a:hover {
  694. color:{color:Permalink Links Hover};
  695. text-shadow:0 0 0 {color:Permalink Links Hover};}
  696.  
  697. /* post notes container */
  698. #notescontainer {
  699. width: 500px;
  700. max-height:580px;
  701. padding-right:20px;
  702. overflow: auto;
  703. line-height:14px;}
  704. #notescontainer blockquote {
  705. margin-top:3px;
  706. margin-bottom:3px;
  707. border-left:3px solid {color:Permalink Blockquote};}
  708.  
  709. /* permalink etc */
  710. .notes img {
  711. width: 10px;
  712. position: relative;
  713. vertical-align: middle;
  714. padding-right: 5px;}
  715. ol.notes, .notes li {
  716. width: 480px;
  717. list-style: none;
  718. margin: 0px 5px 0px 5px;
  719. padding-left: 5px}
  720.  
  721. /* permalink scrollbar */
  722. #permalink ::-webkit-scrollbar {
  723. height: 5px;
  724. width: 5px;
  725. background: transparent;}
  726. #permalink ::-webkit-scrollbar-thumb:vertical {
  727. background: {color:Permalink Scroll Thumb};
  728. border:none;
  729. border-radius: 1px;}
  730.  
  731. </style>
  732. <body>
  733.  
  734. {block:ifcustomcursor}
  735. <!-- custom cursor -->
  736. <style type="text/css"> body {cursor: url({image:custom cursor 1}), auto;} a, a:hover {cursor:url({image:custom cursor 2}), auto;}
  737. </style>
  738. <!-- 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 -->
  739. <img src="http://static.tumblr.com/u5vz4xb/C4Kn6ao9p/00delete.png" style="position:fixed; width:100%; height:100%; opacity:0; z-index: -10;">
  740. {/block:ifcustomcursor}
  741.  
  742. <!------------------------- CREDIT; DON'T REMOVE ---------------------------->
  743.  
  744. <div id="credit">
  745. <a href="http://nyctothemes.tumblr.com/" title="© nyctothemes">
  746. <l class="fa fa-th"></l>
  747. </a>
  748. </div>
  749.  
  750. <!------------------------------ LOW SIDEBAR -------------------------------->
  751. <div id="side"></div>
  752.  
  753. <div id="fishcontainer">
  754. <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=99e5ff&up_fishColor8=1f1a1d&up_fishColor7=19100d&up_fishColor4=000000&up_fishColor9=19100d&up_fishColor5=1f1a1d&up_backgroundImage=https://31.media.tumblr.com/5a7798086c702f40b4211943fa1d97d5/tumblr_inline_nfvjcgrFvs1rg1lxe.png&up_numFish=10&up_fishColor3=1f1a1d&up_fishColor6=000000&up_foodColor=000000&up_fishColor10=19100d&up_fishName=Fish&up_fishColor2=000000&" width="250" height="250">
  755. <param name="movie" value="http://cdn.abowman.com/widgets/fish/fish.swf?up_fishColor1=000000&up_backgroundColor=210d07&up_fishColor8=1f1a1d&up_fishColor7=19100d&up_fishColor4=000000&up_fishColor9=19100d&up_fishColor5=1f1a1d&up_backgroundImage=http://&up_numFish=10&up_fishColor3=1f1a1d&up_fishColor6=000000&up_foodColor=000000&up_fishColor10=19100d&up_fishName=Fish&up_fishColor2=000000&"></param>
  756. <param name="AllowScriptAccess" value="always"></param>
  757. <param name="wmode" value="opaque"></param>
  758. <param name="scale" value="noscale"/>
  759. <param name="salign" value="tl"/></object>
  760. <div id="fishcontainer-water"></div>
  761. </div>
  762.  
  763. <div id="desccontainer">
  764.  
  765. <div id="desctitle">
  766. <div class="lefttitlespace" style="width:52px;"></div>
  767. <div class="righttitlespace" style="width:52px;"></div>
  768.  
  769. <div class="lefttitlespace" style="width:31px;"></div>
  770. <div class="righttitlespace" style="width:31px;"></div>
  771.  
  772. <div class="lefttitlespace" style="width:20px;"></div>
  773. <div class="righttitlespace" style="width:20px;"></div>
  774.  
  775. {text:second title}
  776. </div>
  777.  
  778. <div id="desc">
  779. <div class="leftdescspace" style="width:2px;"></div>
  780. <div class="rightdescspace" style="width:2px;"></div>
  781.  
  782. <div class="leftdescspace" style="width:2px;"></div>
  783. <div class="rightdescspace" style="width:2px;"></div>
  784.  
  785. <div class="leftdescspace" style="width:2px;"></div>
  786. <div class="rightdescspace" style="width:2px;"></div>
  787.  
  788. <div class="leftdescspace" style="width:3px;"></div>
  789. <div class="rightdescspace" style="width:3px;"></div>
  790.  
  791. <div class="leftdescspace" style="width:7px;"></div>
  792. <div class="rightdescspace" style="width:7px;"></div>
  793.  
  794. <div class="leftdescspace" style="width:13px;"></div>
  795. <div class="rightdescspace" style="width:13px;"></div>
  796.  
  797. <div class="leftdescspace" style="width:19px;"></div>
  798. <div class="rightdescspace" style="width:19px;"></div>
  799.  
  800. <div class="leftdescspace" style="width:29px;"></div>
  801. <div class="rightdescspace" style="width:29px;"></div>
  802.  
  803. <div class="leftdescspace" style="width:43px;"></div>
  804. <div class="rightdescspace" style="width:43px;"></div>
  805.  
  806. <div class="leftdescspace" style="width:58px;"></div>
  807. <div class="rightdescspace" style="width:58px;"></div>
  808.  
  809. <div class="leftdescspace" style="width:84px;"></div>
  810. <div class="rightdescspace" style="width:84px;"></div>
  811. {description}
  812. </div></div>
  813.  
  814. <div id="sidelinks">
  815. <a href="/" title="Home"><div id="sidelink" style="margin-left:1px;"></div></a>
  816. <a href="/ask" title="Ask"><div id="sidelink" style="margin-left:30px; margin-top:13px;"></div></a>
  817. <a href="/archive" title="Past"><div id="sidelink" style="margin-left:63px; margin-top:20px;"></div></a>
  818. <a href="{text:link 1 URL}" title="{text:link 1 hover}"><div id="sidelink" style="margin-left:97px; margin-top:20px;"></div></a>
  819. <a href="{text:link 2 URL}" title="{text:link 2 hover}"><div id="sidelink" style="margin-left:130px; margin-top:13px;"></div></a>
  820. <a href="{text:link 3 URL}" title="{text:link 3 hover}"><div id="sidelink" style="margin-left:159px;"></div></a>
  821. </div>
  822.  
  823.  
  824. {block:Pagination}<div id="pagination">
  825. {block:NextPage}
  826. <div id="next"><a href="{NextPage}" title="next"><l class="fa fa-chevron-right"></l></a></div>
  827. {/block:NextPage}
  828. {block:PreviousPage}
  829. <div id="previous"><a href="{PreviousPage}" title="previous"><l class="fa fa-chevron-left"></l></a></div>
  830. {/block:PreviousPage}
  831. </div>{/block:Pagination}
  832.  
  833. <!--------------------------------- POSTS --------------------------------->
  834. <div id="entries">
  835. {block:posts}
  836.  
  837. <div class="posts">
  838.  
  839. <!-- text posts -->
  840. {block:Text}
  841. {block:Title}<h1>{Title}</h1>{/block:Title}
  842. <div class="caption">{Body}</div>
  843. {/block:Text}
  844.  
  845. <!-- link posts -->
  846. {block:Link}
  847. {block:Thumbnail}<center>
  848. <a href="{Thumbnail-HighRes}">
  849. <img src="{Thumbnail}" class="photo-posts" style="margin-bottom:5px; border-radius:3px">
  850. </a>
  851. </center>{/block:Thumbnail}
  852. <div class="link-posts"><h1><a href="{URL}">
  853. {Name}&nbsp;&nbsp;&#8594;</l>
  854. </a></h1></div>
  855. {block:Description}<div class="caption">
  856. <p>{Description}</p>
  857. </div>{/block:Description}
  858. {/block:Link}
  859.  
  860. <!-- ask posts -->
  861. {block:Answer}
  862. <div class="ask-posts">
  863. <img src="{AskerPortraitURL-64}">
  864. <div class="question">
  865. <h2>{Asker} {text:Ask Verb}:</h2> {Question}
  866. </div></div><br>
  867. <div id="caption">{Answer}</div>
  868. {/block:Answer}
  869.  
  870. <!-- quote posts -->
  871. {block:Quote}
  872. <h2 class="quote-posts">
  873. <l class="fa fa-quote-left"></l>
  874. <l class="fa fa-quote-right"></l>
  875. {Quote}</h2>
  876. <div style="text-align:right; margin-right:20px">
  877. {block:Source}<b>- {Source}</b>{/block:Source}
  878. </div>
  879. {/block:Quote}
  880.  
  881. <!-- chat posts -->
  882. {block:Chat}
  883. {block:Title}<h1>{Title}</h1>{/block:Title}
  884. <ul class="chat">{block:Lines}
  885. <li class="user_{UserNumber}">{block:Label}<span class="person">{Label}</span>{/block:Label} {Line}</li>
  886. {/block:Lines}</ul>
  887. {/block:Chat}
  888.  
  889. <!-- photo posts -->
  890. {block:Photo}
  891. <center>
  892. {block:HighRes}<a href="{PhotoURL-HighRes}">{/block:HighRes}<img src="{PhotoURL-500}" class="photo-posts"/>{block:HighRes}</a>{/block:HighRes}
  893. </center>
  894. {block:Caption}<br><div class="caption">{Caption}</div>{/block:Caption}{/block:Photo}
  895.  
  896. {block:Photoset}
  897. <center>
  898. {Photoset-500}
  899. </center>
  900. {block:Caption}<br><div class="caption">{Caption}</div>{/block:Caption}{/block:Photoset}
  901.  
  902. <!-- video post -->
  903. {block:Video}
  904. {Video-500}
  905. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  906. {/block:Video}
  907.  
  908. <!-- audio post -->
  909. {block:Audio}
  910. <!--image-->
  911. {block:IndexPage}<a href="{Permalink}">{/block:IndexPage}<div id="albumart" {block:AlbumArt}style="background:none"{/block:AlbumArt}>
  912. {block:AlbumArt}<img src="{AlbumArtURL}">{/block:AlbumArt}
  913. </div>{block:IndexPage}</a>{/block:IndexPage}
  914. <!--player-->
  915. <div id="audio-player"><div style="opacity:0.66">
  916. {block:ifDarkAudioPlayer}{AudioPlayerBlack}{/block:ifDarkAudioPlayer}
  917. {block:ifNotDarkAudioPlayer}{AudioPlayerWhite}{/block:ifNotDarkAudioPlayer}
  918. </div></div>
  919. </br>
  920. <!--info-->
  921. <div id="audioinfo">
  922. {block:TrackName}<b>Track:</b> {TrackName}</br>{/block:TrackName}
  923. {block:Artist}<b>Artist:</b> {Artist}</br>{/block:Artist}
  924. {block:Album}<b>Album:</b> {Album}</br>{/block:Album}
  925. {block:PlayCount}<b>Plays:</b> {FormattedPlayCount}{/block:PlayCount}
  926. </div>
  927. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:Audio}
  928.  
  929. <!------------------------------ POST ENDING ------------------------------->
  930.  
  931. {block:PermalinkPage}{block:Date}<div id="postending">
  932.  
  933. <!-- date posted -->
  934. <a href="/day/{Year}/{MonthNumberWithZero}/{DayOfMonthWithZero}">{ShortMonth}.{DayOfMonthWithZero}.{ShortYear}</a>
  935. <!-- notes counter -->
  936. {block:NoteCount}
  937. || {NoteCountWithLabel}
  938. {/block:NoteCount}
  939. <!-- reblogged from -->
  940. {block:RebloggedFrom}<br>
  941. Via: <a href="{ReblogParentURL}">{ReblogParentName}</a>
  942. {/block:RebloggedFrom}
  943. <!-- original poster -->
  944. {block:ContentSource}
  945. || Source: <a href="{SourceURL}">{SourceTitle}</a>
  946. {/block:ContentSource}
  947. <!-- tags -->
  948. {block:HasTags}<br><div style="padding:0px 20px 0px 20px">
  949. Tags: {block:Tags}<a href="{TagURL}">{Tag}</a>, {/block:Tags}
  950. </div>{/block:HasTags}
  951.  
  952. </div>{/block:Date}{/block:PermalinkPage}
  953.  
  954. <!------------- If Circles for Index Page ------------->
  955. {block:IfInfoCirclesForIndexpage}
  956. {block:IndexPage}
  957. <div id="postinfo">
  958.  
  959. <!-- date posted -->
  960. {block:Date}
  961. <a href="{Permalink}" title="{ShortMonth}.{DayOfMonthWithZero}.{ShortYear}"><div id="postfact"></div></a>
  962. {/block:Date}
  963.  
  964. <!-- notes counter -->
  965. {block:NoteCount}
  966. <a href="{Permalink}" title="{NoteCountWithLabel}"><div id="postfact"></div></a>
  967. {/block:NoteCount}
  968.  
  969. <!-- original poster -->
  970. {block:ContentSource}
  971. <a href="{SourceURL}" title="Source"><div id="postfact"></div></a>
  972. {/block:ContentSource}
  973.  
  974. <!-- reblogged from -->
  975. {block:RebloggedFrom}
  976. <a href="{ReblogParentURL}" title="Via"><div id="postfact"></div></a>
  977. {/block:RebloggedFrom}
  978.  
  979. <!-- tags -->
  980. {block:HasTags}
  981. <a href="{Permalink}" title="# {block:Tags}{Tag}, {/block:Tags}"><div id="postfact"></div></a>
  982. {/block:HasTags}
  983.  
  984. <!-- reblog -->
  985. <a href="{ReblogURL}" title="Reblog"><div id="postfact"></div></a>
  986.  
  987. </div>
  988. {/block:IndexPage}
  989. {/block:IfInfoCirclesForIndexpage}
  990.  
  991. <!------------- If NO Circles for Index Page ------------->
  992. {block:IfNotInfoCirclesForIndexpage}
  993. {block:IndexPage}
  994. {block:Date}<div id="postending">
  995.  
  996. <!-- date posted -->
  997. <a href="{Permalink}">{ShortMonth}.{DayOfMonthWithZero}.{ShortYear}</a>
  998. <!-- notes counter -->
  999. {block:NoteCount}
  1000. || {NoteCountWithLabel}
  1001. {/block:NoteCount}
  1002. <!-- reblogged from -->
  1003. {block:RebloggedFrom}<br>
  1004. Via: <a href="{ReblogParentURL}">{ReblogParentName}</a>
  1005. {/block:RebloggedFrom}
  1006. <!-- original poster -->
  1007. {block:ContentSource}
  1008. || Source: <a href="{SourceURL}">{SourceTitle}</a>
  1009. {/block:ContentSource}
  1010. <!-- tags -->
  1011. {block:HasTags}<br><div style="padding:0px 20px 0px 20px">
  1012. Tags: {block:Tags}<a href="{TagURL}">{Tag}</a>, {/block:Tags}
  1013. </div>{/block:HasTags}
  1014.  
  1015. </div>{/block:Date}
  1016. {/block:IndexPage}
  1017. {/block:IfNotInfoCirclesForIndexpage}
  1018.  
  1019. </div> <!-- "posts" -->
  1020. {/block:Posts}
  1021.  
  1022. <!------------------------------ PERMALINK ------------------------------->
  1023.  
  1024. {block:PostNotes}
  1025. <div id="permalink">
  1026.  
  1027. <div id="notescontainer">
  1028. {PostNotes}
  1029. </div>
  1030. </div>
  1031. {/block:PostNotes}
  1032.  
  1033. </div> <!-- "entries" -->
  1034.  
  1035. </body>
  1036. </html>
Advertisement
Add Comment
Please, Sign In to add comment