API tools faq
paste
thetruththemes

Constellation - Supernova

thetruththemes
Oct 26th, 2015 (edited)
10,579
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 49.89 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <!---------------------------------------------------------------------------
  3.  
  4. ,,
  5. ,GG,
  6. GIIG
  7. Gl''lG
  8. ;G' 'G;
  9. GP YG
  10. oQ' 'Qo -Cᴏɴsᴛᴇʟʟᴀᴛɪᴏɴ ᴛʜᴇᴍᴇ ʙʏ
  11. *TGGGGGGGGGGGGQQQ, ,QQQGGGGGGGGGGGGP* ɴʏᴄᴛᴏᴛʜᴇᴍᴇs.ᴛᴜᴍʙʟʀ.ᴄᴏᴍ
  12. *TGo, '* *' ,oGP*
  13. *TGo, ɴʏᴄᴛ□ᴛʜᴇᴍᴇs ,oGP* -ᴘʟᴇᴀsᴇ ʀᴇғᴇʀ ᴛᴏ ᴏʀɪɢɪɴᴀʟ
  14. *TGio,, ,,oiGP* ᴘᴏsᴛ ʟɪɴᴋ ғᴏʀ ʀᴜʟᴇs ᴀɴᴅ ᴍɪsᴄ
  15. ;GGT' 'TGG:
  16. GG' ii 'GG -ᴅᴏ ɴᴏᴛ ʀᴇᴍᴏᴠᴇ ᴀɴʏ ᴏғ ᴛʜᴇ
  17. GG' ,GG, 'GG ᴄᴏᴅᴇ ᴄʀᴇᴅɪᴛ ᴏʀ ᴍᴏᴠᴇ ɪᴛ ᴛᴏ
  18. GG* oGGGGo. *GG ᴀ ᴘᴀɢᴇ.
  19. oG* oGG* *GGo. *Go
  20. ;GG;oGG* *GGo;GG;
  21. ,GGGT* *TGGG,
  22. ""' '""
  23.  
  24. ---------------------------------------------------------------------------->
  25.  
  26. <!-- hover title -->
  27. <link href="style-my-tooltips.css" rel="stylesheet" type="text/css" />
  28. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script><script type="text/javascript" src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script><script>(function($){$(document).ready(function(){$("[title]").style_my_tooltips();});})(jQuery);</script>
  29.  
  30. <head>
  31.  
  32. <!-- website necessities -->
  33. {block:Ifcustomfavicon}<link rel="shortcut icon" href="{image:favicon}"/>{/block:Ifcustomfavicon}
  34. {block:IfNotcustomfavicon}<link rel="shortcut icon" href="{favicon}"/>{/block:IfNotcustomfavicon}
  35.  
  36. <link rel="alternate" type="application/rss+xml" href="{RSS}"/>
  37. <title>{Title}</title>
  38. {block:Description}<meta name="description" content="{MetaDescription}"/>{/block:Description}
  39.  
  40. <!-------------------------------- IMAGES ---------------------------------->
  41. <meta name="image:Album Art" content="http://static.tumblr.com/u5vz4xb/ckEnxqkms/delete_png1.png"/>
  42. <meta name="image:Background" content=""/>
  43. <meta name="image:Custom Cursor" content="http://static.tumblr.com/u5vz4xb/UgAnxqjxd/delete_png2.png"/>
  44. <meta name="image:Custom Cursor Links" content="http://static.tumblr.com/u5vz4xb/Uibnxqjxm/delete_png3.png"/>
  45. <meta name="image:Favicon" content="http://static.tumblr.com/u5vz4xb/Mbgnv9b7u/untitled-2.png"/>
  46.  
  47. <!-------------------------------- COLORS ---------------------------------->
  48. <!-- Full Body -->
  49. <meta name="color:Background" content="#0f0f0f"/>
  50. <meta name="color:Scroll BG" content="#0f0f0f"/>
  51. <meta name="color:Scroll Gradient Top" content="#2b2b2b"/>
  52. <meta name="color:Scroll Gradient Bottom" content="#2e2155"/>
  53. <!-- Sidebar -->
  54. <meta name="color:Description BG" content="#0c0c0c"/>
  55. <meta name="color:Description Text" content="#555555"/>
  56. <meta name="color:Description Links" content="#ffffff"/>
  57. <meta name="color:Description Links Hover" content="#6d5aff"/>
  58. <meta name="color:Constellation Stars" content="#ffffff"/>
  59. <meta name="color:Constellation Connectors" content="#412f76"/>
  60. <meta name="color:Constellation Overall Glow" content="#1c1c1c"/>
  61. <meta name="color:Star Sidelinks" content="#ffffff"/>
  62. <meta name="color:Star Sidelinks Glow" content="#808080"/>
  63. <meta name="color:Star Sidelinks Hover" content="#ffffff"/>
  64. <meta name="color:Star Sidelinks Hover Glow" content="#808080"/>
  65. <!-- Posts -->
  66. <meta name="color:Posts BG" content="#121212"/>
  67. <meta name="color:Posts 2nd BG" content="#181818"/>
  68. <meta name="color:Posts Borders" content="#151515"/>
  69. <meta name="color:Posts Title" content="#cecece"/>
  70. <meta name="color:Posts Text" content="#555555"/>
  71. <meta name="color:Posts Bold" content="#606060"/>
  72. <meta name="color:Posts Italic" content="#555555"/>
  73. <meta name="color:Posts Code" content="#393939"/>
  74. <meta name="color:Posts Code BG" content="#1a1a1a"/>
  75. <meta name="color:Posts Links" content="#ffffff"/>
  76. <meta name="color:Posts Links Hover" content="#6d5aff"/>
  77. <meta name="color:Posts Blockquote" content="#3b2a6b"/>
  78. <meta name="color:Audio Player" content="#6d5aff"/>
  79. <!-- Post Endings -->
  80. <meta name="color:Post Stars" content="#ffffff"/>
  81. <meta name="color:Post Stars Glow" content="#808080"/>
  82. <meta name="color:Post Stars Hover" content="#ffffff"/>
  83. <meta name="color:Post Stars Hover Glow" content="#808080"/>
  84. <meta name="color:Post Stars Connectors" content="#3b2a6b"/>
  85. <meta name="color:Postending Text" content="#ffffff"/>
  86. <meta name="color:Postending BG" content="#1c1c1c"/>
  87. <meta name="color:Postending Links" content="#6757bb"/>
  88. <meta name="color:Postending Links Hover" content="#8c85ff"/>
  89. <!-- Permalink -->
  90. <meta name="color:Permalink Text" content="#2b2b2b"/>
  91. <meta name="color:Permalink Links" content="#333333"/>
  92. <meta name="color:Permalink Links Hover" content="#463186"/>
  93. <meta name="color:Permalink Blockquote BG" content="#121212"/>
  94. <meta name="color:Permalink Scroll Thumb" content="#2b2b2b"/>
  95. <!-- Misc. -->
  96. <meta name="color:Link Hover BG" content="#0f0f0f"/>
  97. <meta name="color:Link Hover Text" content="#f9f9f9"/>
  98. <meta name="color:Selection BG" content="#686081"/>
  99. <meta name="color:Selection Text" content="#f9f9f9"/>
  100. <meta name="color:Selection Links" content="#9d9d9d"/>
  101.  
  102. <!------------------------------- OPTIONS ---------------------------------->
  103. <meta name="select:Cursor Style" content="crosshair-cursor" title="Crosshair"/>
  104. <meta name="select:Cursor Style" content="default-cursor" title="Default"/>
  105. <meta name="select:Cursor Style" content="custom-cursor" title="Custom Images"/>
  106.  
  107. <meta name="if:Description Text Fitted" content="0"/>
  108. <meta name="if:Double Columned Posts" content="0"/>
  109. <meta name="if:Captions visible on Permalink only" content="0"/>
  110. <meta name="if:Monochrome Photos" content="1"/>
  111. <meta name="if:Fade Photos" content="1"/>
  112. <meta name="if:Postending Stars for Indexpage" content="1"/>
  113. <meta name="if:Custom Favicon" content="1"/>
  114. <meta name="if:Dark Audio Player" content="0"/>
  115. <meta name="if:Credit on the Right" content="1"/>
  116.  
  117. <!-------------------------------- TEXTS ----------------------------------->
  118. <meta name="text:Side Phrase" content="a region of space having a gravitational field so intense that no matter or radiation can escape." />
  119. <meta name="text:Link 1 URL" content="/" />
  120. <meta name="text:Link 1 Hover" content="Link 1" />
  121. <meta name="text:Link 2 URL" content="/" />
  122. <meta name="text:Link 2 Hover" content="Link 2" />
  123. <meta name="text:Link 3 URL" content="/" />
  124. <meta name="text:Link 3 Hover" content="Link 3" />
  125. <meta name="text:Ask Verb" content="wondered" />
  126.  
  127. <!-- symbol font (like the credit) -->
  128. <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">
  129. <!-- custom font 1/2 -->
  130. <link href="https://fonts.googleapis.com/css?family=Cinzel|Montserrat:400,700" rel="stylesheet">
  131.  
  132. </head>
  133.  
  134. <style type="text/css">
  135.  
  136. /* custom font 2/2 */
  137. @import 'https://fonts.googleapis.com/css?family=Cinzel|Montserrat:400,700';
  138.  
  139. /* ------------------------------ DECORATION ----------------------------- */
  140.  
  141. /* body */
  142. body {
  143. margin:0px; padding:0px;
  144. color:{color:Posts Text};
  145. background:{color:background} url('{image:background}') fixed;
  146. font: normal normal normal 11px/17px 'Montserrat', sans-serif;
  147. text-align:justify;}
  148.  
  149. /* ------------------------ CREDIT; DON'T REMOVE ------------------------- */
  150.  
  151. #credit {
  152. z-index:99999; position:fixed;
  153. bottom:10px; box-shadow:none;
  154. {block:IfNotCreditOnTheRight}left:10px;{/block:IfNotCreditOnTheRight}
  155. {block:IfCreditOnTheRight}right:20px;{/block:IfCreditOnTheRight}
  156. font-size:15px;
  157. color:{color:Post Stars};
  158. -webkit-transition: all 0.3s linear;
  159. -moz-transition: all 0.3s linear;
  160. transition: all 0.3s linear;}
  161. #credit:hover {
  162. color:{color:Post Stars Hover};
  163. -ms-transform: rotate(35deg);
  164. -webkit-transform: rotate(35deg);
  165. transform: rotate(35deg);}
  166.  
  167. /* ------------------------------ MINOR STUFF ---------------------------- */
  168.  
  169. /* hover text */
  170. #s-m-t-tooltip {
  171. z-index: 99999; display: block;
  172. margin:5px 0px 0px 30px; max-width:150px;
  173. padding: 4px 5px 3px 6px;
  174. color: {color:Link Hover Text};
  175. font: normal normal normal 10px/13px consolas;
  176. letter-spacing:1px; text-align:center;
  177. background: {color:Link Hover BG};}
  178.  
  179. /* scrollbar */
  180. ::-webkit-scrollbar {
  181. height:14px; width:14px;
  182. background: {color:Scroll BG};}
  183. ::-webkit-scrollbar-thumb {
  184. background: -webkit-linear-gradient({color:Scroll Gradient Top}, {color:Scroll Gradient Bottom});
  185. background: -o-linear-gradient({color:Scroll Gradient Top}, {color:Scroll Gradient Bottom});
  186. background: -moz-linear-gradient({color:Scroll Gradient Top}, {color:Scroll Gradient Bottom});
  187. background: linear-gradient({color:Scroll Gradient Top}, {color:Scroll Gradient Bottom});
  188. border:4px solid {color:Scroll BG};
  189. border-radius:5px;}
  190.  
  191. /* drag n' click selection */
  192. ::selection {
  193. background: {color:Selection BG};
  194. color: {color:Selection Text};}
  195. ::-moz-selection {
  196. background: {color:Selection BG};
  197. color: {color:Selection Text};}
  198. a::selection {
  199. background: {color:Selection BG};
  200. color: {color:Selection Links};}
  201. a::-moz-selection {
  202. background: {color:Selection BG};
  203. color: {color:Selection Links};}
  204.  
  205. /* ----------------------------- FONT STUFF ------------------------------ */
  206.  
  207. /* links */
  208. a:link, a:active, a:visited{
  209. text-decoration:none;
  210. box-shadow:0px 1px 0px {color:Posts Blockquote};
  211. color:{color:Posts Links};
  212. -webkit-transition: all 0.5s linear;
  213. -moz-transition: all 0.5s linear;
  214. transition: all 0.5s linear;}
  215. a:hover {
  216. color:{color:Posts Links Hover};
  217. -webkit-transition: all 0.2s linear;
  218. -moz-transition: all 0.2s linear;
  219. transition: all 0.2s linear;}
  220.  
  221. a b, b a, strong a, a strong {
  222. font-weight:bold;
  223. color:{color:Posts Links};}
  224.  
  225. /* main font decorations */
  226. b, strong{color:{color:Posts Bold}; font-weight:bold;}
  227. i, em {color:{color:Posts Italic};}
  228. pre {color:{color:Posts Code};
  229. font-size:10px;
  230. max-width:100%;
  231. font-family:consolas;
  232. background:{color:Posts Code BG};
  233. padding:4px 7px;
  234. text-align:left;
  235. white-space: pre-wrap;
  236. white-space: -moz-pre-wrap;
  237. white-space: -pre-wrap;
  238. white-space: -o-pre-wrap;
  239. word-wrap: break-word;}
  240. code {
  241. color:{color:Posts Code};
  242. font-size:10px;
  243. font-family:consolas;
  244. background:{color:Posts Code BG};
  245. padding:0px 1px 0px 1px;}
  246. sup, sub, small {font-size:9px;}
  247.  
  248. /* text and link post titles */
  249. h1 {{block:IfNotDoubleColumnedPosts}
  250. font: normal normal bold 18px/18px Cinzel;
  251. {/block:IfNotDoubleColumnedPosts}
  252. {block:IfDoubleColumnedPosts}
  253. font: normal normal bold 15px/18px Cinzel;
  254. {/block:IfDoubleColumnedPosts}
  255. color:{color:Posts Title};
  256. text-align:center; text-transform:capitalize;
  257. letter-spacing:2px;
  258. text-shadow:0px 0px 3px {color:Posts Title};}
  259. /* quote and ask post titles */
  260. h2 {
  261. {block:IfNotDoubleColumnedPosts}
  262. font: normal normal normal 17px/17px Cinzel;
  263. {/block:IfNotDoubleColumnedPosts}
  264. {block:IfDoubleColumnedPosts}
  265. font: normal normal normal 14px/17px Cinzel;
  266. {/block:IfDoubleColumnedPosts}
  267. color:{color:Posts Bold};
  268. text-align:center; text-transform:lowercase;
  269. letter-spacing:0.5px;
  270. text-shadow:0px 0px 0px {color:Posts Bold};}
  271.  
  272. h1 small, h2 small {
  273. font: normal normal normal 13px/13px Cinzel;
  274. color:{color:Posts Bold};
  275. text-align:center;
  276. text-transform:lowercase;
  277. letter-spacing:0.5px;}
  278.  
  279. /* -------------------------------- TOPBAR ------------------------------- */
  280.  
  281. /* page navigation */
  282. #pagination {
  283. z-index: 3; position:fixed;
  284. top:0px; left:50%;
  285. {block:IfNotDoubleColumnedPosts}
  286. margin-left:-51px;
  287. width:540px;
  288. {/block:IfNotDoubleColumnedPosts}
  289. {block:IfDoubleColumnedPosts}
  290. margin-left:-121px;
  291. width:600px;
  292. {/block:IfDoubleColumnedPosts}
  293. padding:10px 1px;
  294. letter-spacing:1px; text-align:center;
  295. font: normal normal normal 10px/17px consolas;
  296. background:{color:background} url('{image:background}') fixed;}
  297. .active {
  298. display:inline-block;
  299. min-width:18px;
  300. line-height:10px;
  301. padding:7px 2px 7px 2px;
  302. letter-spacing:1px;
  303. border-radius:2px;}
  304. #pagination a .active {
  305. background: {color:background};
  306. border:1px solid {color:background};
  307. -webkit-transition: all 0.3s linear;
  308. -moz-transition: all 0.3s linear;
  309. transition: all 0.3s linear;}
  310. #pagination a .active:hover {
  311. background:{color:Posts BG};
  312. border:1px solid {color:Posts Borders};}
  313.  
  314. /* -------------------------------- SIDEBAR ------------------------------ */
  315.  
  316. /* sidebar as a whole */
  317. #side {
  318. position:fixed; z-index:3;
  319. top:50%; margin-top:-250px;
  320. left:50%; margin-left:-500px;
  321. width:250px; height:500px;}
  322.  
  323. /* quote above */
  324. #quote {
  325. position:fixed; opacity:0;
  326. top:50%; margin-top:-250px;
  327. left:50%; margin-left:-480px;
  328. width:180px; text-align:center;
  329. letter-spacing:1px;
  330. -webkit-transition: all 0.5s linear;
  331. -moz-transition: all 0.5s linear;
  332. transition: all 0.5s linear;}
  333. #side:hover #quote {opacity:1;}
  334.  
  335. /* gliding constellations 1/2 */
  336. #stars {
  337. position:fixed;
  338. z-index:-2;
  339. top:50%; margin-top:-100px;
  340. left:50%; margin-left:-490px;
  341. width:200px; height:200px;
  342. background: -webkit-radial-gradient({color:Constellation Overall Glow} 0%, transparent 66%);
  343. background: -o-radial-gradient({color:Constellation Overall Glow} 0%, transparent 66%);
  344. background: -moz-radial-gradient({color:Constellation Overall Glow} 0%, transparent 66%);
  345. background: radial-gradient({color:Constellation Overall Glow} 0%, transparent 66%);
  346. border-radius:50%;
  347. overflow:hidden;}
  348.  
  349. /* sidebar links */
  350. #sidelinks {position:relative; z-index:2;}
  351. #linkbundle {}
  352.  
  353. #sidelinks a {
  354. position:fixed;
  355. top:50%; left:50%;
  356. text-decoration:none;
  357. display:inline-block;
  358. border-radius:50%;
  359. background:{color:Star Sidelinks};
  360. -webkit-transition: all 0.2s linear;
  361. -moz-transition: all 0.2s linear;
  362. transition: all 0.2s linear;}
  363. #sidelinks a:hover {
  364. background:{color:Star Sidelinks Hover};}
  365.  
  366. #linktitle {
  367. opacity:0;
  368. position:fixed; z-index:2;
  369. top:50%; margin-top:-5px;
  370. left:50%; margin-left:-450px;
  371. text-align:center; width:120px;
  372. color:{color:Posts bold};
  373. font: normal normal bold 10px/17px consolas;
  374. letter-spacing:1px;
  375. -webkit-transition: all 0.5s linear;
  376. -moz-transition: all 0.5s linear;
  377. transition: all 0.5s linear;}
  378. #linkbundle:hover #linktitle {opacity:1;}
  379.  
  380. #link1 {
  381. width:10px; height:10px;
  382. margin-left:-480px; margin-top:-90px;
  383. box-shadow: 0px 0px 0px 1px transparent,
  384. 0px 0px 10px {color:Star Sidelinks Glow};}
  385. #link1:hover {
  386. box-shadow: 0px 0px 0px 1px {color:Star Sidelinks Hover},
  387. 0px 0px 10px {color:Star Sidelinks Hover Glow};}
  388.  
  389. #link2 {
  390. width:7px; height:7px;
  391. margin-left:-340px; margin-top:-120px;
  392. box-shadow: 0px 0px 0px 0px transparent,
  393. 0px 0px 7px {color:Star Sidelinks Glow}}
  394. #link6:hover {
  395. box-shadow: 0px 0px 0px 1px {color:Star Sidelinks Hover},
  396. 0px 0px 8px {color:Star Sidelinks Hover Glow}}
  397.  
  398. #link3 {
  399. width:7px; height:7px;
  400. margin-left:-300px; margin-top:-80px;
  401. box-shadow: 0px 0px 0px 1px transparent,
  402. 0px 0px 7px {color:Star Sidelinks Glow}}
  403. #link3:hover {
  404. box-shadow: 0px 0px 0px 1px {color:Star Sidelinks Hover},
  405. 0px 0px 7px {color:Star Sidelinks Hover Glow}}
  406.  
  407. #link4 {
  408. width:5px; height:5px;
  409. margin-left:-493px; margin-top:60px;
  410. box-shadow: 0px 0px 0px 0px transparent,
  411. 0px 0px 5px {color:Star Sidelinks Hover Glow}}
  412. #link4:hover {
  413. width:5px; height:5px;
  414. box-shadow: 0px 0px 0px 1px {color:Star Sidelinks Hover},
  415. 0px 0px 6px {color:Star Sidelinks Hover Glow}}
  416.  
  417. #link5 {
  418. width:10px; height:10px;
  419. margin-left:-425px; margin-top:100px;
  420. box-shadow: 0px 0px 0px 0px transparent,
  421. 0px 0px 10px {color:Star Sidelinks Glow}}
  422. #link5:hover {
  423. box-shadow: 0px 0px 0px 1px {color:Star Sidelinks Hover},
  424. 0px 0px 11px {color:Star Sidelinks Hover Glow}}
  425.  
  426. #link6 {
  427. width:7px; height:7px;
  428. margin-left:-320px; margin-top:80px;
  429. box-shadow: 0px 0px 0px 0px transparent,
  430. 0px 0px 7px {color:Star Sidelinks Glow}}
  431. #link6:hover {
  432. box-shadow: 0px 0px 0px 1px {color:Star Sidelinks Hover},
  433. 0px 0px 8px {color:Star Sidelinks Hover Glow}}
  434.  
  435. /* description */
  436. #description {
  437. opacity:0;
  438. position:fixed; z-index:4;
  439. top:50%; margin-top:-75px;
  440. left:50%; margin-left:-465px;
  441. width:146px; height:146px;
  442. padding:2px;
  443. {block:IfNotDescriptionTextFitted}
  444. text-align:center;
  445. {/block:IfNotDescriptionTextFitted}
  446. {block:IfDescriptionTextFitted}
  447. text-align:justify;
  448. {/block:IfDescriptionTextFitted}
  449. font: normal normal normal 10px/13px consolas;
  450. border-radius:50%;
  451. color:{color:Description Text};
  452. background:{color:Description BG};
  453. overflow:hidden;
  454. -webkit-transition: all 0.5s linear;
  455. -moz-transition: all 0.5s linear;
  456. transition: all 0.5s linear;}
  457. #description:hover {opacity:1;}
  458.  
  459. #description a {color:{color:Description Links};}
  460. #description a:hover {color:{color:Description Links Hover};}
  461. #description b, #description strong, #description i, #description em {
  462. color:{color:Description Text};}
  463.  
  464. .leftdescspace {float:left; clear:left; height:13px;}
  465. .rightdescspace {float:right; clear:right; height:13px;}
  466.  
  467. /* ------------------------------- POSTS --------------------------------- */
  468. /* posts position */
  469. #entries {
  470. position:relative;
  471. left:50%;
  472. margin-top:0px;
  473. margin-bottom:30px;
  474. text-align:justify;
  475. {block:indexpage}
  476. {block:IfNotDoubleColumnedPosts}
  477. margin-left:0px;
  478. width:520px;
  479. {/block:IfNotDoubleColumnedPosts}
  480. {block:IfDoubleColumnedPosts}
  481. width:640px;
  482. margin-left:-120px;
  483. {/block:IfDoubleColumnedPosts}
  484. {/block:indexpage}
  485. {block:permalinkpage}
  486. margin-left:0px;
  487. width:520px;
  488. {/block:permalinkpage}}
  489.  
  490. /* posts themselves */
  491. .posts {
  492. display:inline-block;
  493. overflow:hidden;
  494. {block:indexpage}
  495. {block:IfNotDoubleColumnedPosts}
  496. width:500px;
  497. margin: 80px 0px 0px -50px;
  498. {/block:IfNotDoubleColumnedPosts}
  499. {block:IfDoubleColumnedPosts}
  500. width: 250px;
  501. margin: 70px 20px 0px 0px;
  502. {/block:IfDoubleColumnedPosts}
  503. {/block:indexpage}
  504. {block:permalinkpage}
  505. margin: 80px 0px 0px -50px;
  506. width:500px;
  507. {/block:permalinkpage}
  508. text-align:justify;
  509. padding:20px;
  510. background: {color:Posts BG} url('');
  511. box-shadow:0px 0px 0px 1px {color:Posts Borders} inset;
  512. border-radius:3px;}
  513.  
  514. {block:IfDoubleColumnedPosts}{block:indexpage}
  515. .posts:nth-of-type(even) {float:right; margin-right:40px;}
  516. .posts:nth-of-type(odd) {float:left;}
  517. {/block:indexpage}{/block:IfDoubleColumnedPosts}
  518.  
  519. /* ----------------------------- POST TYPES ------------------------------ */
  520.  
  521. /* text post */
  522. blockquote {
  523. padding:0px;
  524. padding-left:6px;
  525. margin:-3px 0 -1px 6px;
  526. border-left:1px solid {color:posts blockquote};}
  527. hr {display: block;
  528. margin: 20px 50px;
  529. border:1px solid transparent;
  530. border-top: 1px solid {color:posts blockquote};}
  531.  
  532. /* bullet lists */
  533. ol {margin-left:-8px;
  534. list-style-type:decimal;}
  535. ul {margin-left:-20px;
  536. list-style-type:none;}
  537. ul li::before {
  538. content:"";
  539. margin:0px 10px 2px 0px;
  540. display:inline-block;
  541. height:4px; width:4px;
  542. border-radius:50%;
  543. background:{color:posts blockquote};}
  544. li {margin-bottom:3px;}
  545.  
  546. /* text-images */
  547. .posts img {
  548. vertical-align:middle;
  549. max-width:100%;
  550. -webkit-transition-duration: 0.2s;
  551. -moz-transition-duration:0.2s;
  552. -o-transition-duration:0.2s;
  553. transition-duration:0.2s;}
  554. .posts:hover img {opacity:1;}
  555. img a{border:none; max-width:100%;}
  556. /* the credit below images that are from other people */
  557. .tmblr-full {margin:0;}
  558. .tmblr-attribution {
  559. opacity:.8;
  560. margin-top:0px;
  561. font-family:Calibri;
  562. font-size:8px; line-height:8px;
  563. text-transform:uppercase;
  564. letter-spacing:1px;}
  565. .tmblr-attribution::before {content: "└";}
  566. .tmblr-attribution::after {content: " >";}
  567.  
  568. /* link posts */
  569. .link-posts a {
  570. background: {color:Posts Links};
  571. display:inline-block;
  572. {block:indexpage}
  573. {block:IfNotDoubleColumnedPosts}
  574. width: 480px;
  575. {/block:IfNotDoubleColumnedPosts}
  576. {block:IfDoubleColumnedPosts}
  577. width: 230px;
  578. {/block:IfDoubleColumnedPosts}
  579. {/block:indexpage}
  580. {block:permalinkpage}
  581. width: 480px;
  582. {/block:permalinkpage}
  583. border-radius:3px;
  584. padding:10px;
  585. color:{color:Posts BG};}
  586. .link-posts a:hover {
  587. background: {color:Posts Links Hover}}
  588.  
  589. /* ask posts */
  590. .ask-posts img {
  591. vertical-align:middle;
  592. display:inline-block;
  593. margin-right:7px;
  594. border-radius:1px;
  595. max-width:64px;}
  596. .ask-posts .question {
  597. vertical-align:middle;
  598. display:inline-block;
  599. min-height:44px; padding:10px;
  600. {block:indexpage}
  601. {block:IfNotDoubleColumnedPosts}
  602. width: 402px;
  603. {/block:IfNotDoubleColumnedPosts}
  604. {block:IfDoubleColumnedPosts}
  605. width: 150px;
  606. {/block:IfDoubleColumnedPosts}
  607. {/block:indexpage}
  608. {block:permalinkpage}
  609. width: 402px;
  610. {/block:permalinkpage}
  611. background: {color:Posts 2nd BG};
  612. border-radius:1px;}
  613. .ask-posts h2 {text-align:left; margin:0px 0px 5px 5px;}
  614. .ask-posts h2 a {word-break:break-all;}
  615. .ask-posts h2::first-letter {text-transform:uppercase;}
  616.  
  617. /* quote posts */
  618. .quote-posts {
  619. margin:0px 0px 5px 0px;
  620. padding:10px;
  621. text-align:center}
  622. .quote {
  623. vertical-align:middle;
  624. {block:indexpage}
  625. {block:IfNotDoubleColumnedPosts}
  626. width:430px;
  627. {/block:IfNotDoubleColumnedPosts}
  628. {block:IfDoubleColumnedPosts}
  629. width:180px;
  630. {/block:IfDoubleColumnedPosts}
  631. {/block:indexpage}
  632. {block:permalinkpage}
  633. width:430px;
  634. {/block:permalinkpage}
  635. display:inline-block;}
  636. .quote-posts .fa {
  637. width:20px;
  638. vertical-align:middle;
  639. display:inline-block;
  640. color:{color:Posts Blockquote}}
  641.  
  642. /* chat posts */
  643. ul.chat, .chat ol, .chat li {
  644. list-style:none;
  645. margin:0px;
  646. padding:4px 0px 4px 2px;}
  647. ul.chat, .chat ol {margin:-2px 0px;}
  648. .chat li {
  649. border-bottom:1px solid {color:Posts Blockquote};}
  650. .chat li:first-of-type {
  651. border-top:1px solid {color:Posts Blockquote};}
  652. .chat li::before {
  653. content:""; display:none;}
  654. .person {
  655. color:{color:Posts Bold};
  656. font-weight:bold}
  657.  
  658. /* photo posts */
  659. .posts img, .posts .html_photoset, .posts #audio-pic {
  660. {block:IfFadePhotos}opacity:0.75;{/block:IfFadePhotos}
  661. {block:IfMonochromePhotos}
  662. -webkit-filter: grayscale(100%);
  663. -moz-filter: grayscale(100%);
  664. -ms-filter: grayscale(100%);
  665. -o-filter: grayscale(100%);
  666. filter: grayscale(100%);{/block:IfMonochromePhotos}
  667. -webkit-transition-duration: 0.5s;
  668. -moz-transition-duration:0.5s;
  669. -o-transition-duration:0.5s;
  670. transition-duration:0.5s;}
  671. .posts:hover img, .posts:hover .html_photoset, .posts:hover #audio-pic {
  672. opacity:1;
  673. -webkit-filter: grayscale(0%);
  674. -moz-filter: grayscale(0%);
  675. -ms-filter: grayscale(0%);
  676. -o-filter: grayscale(0%);
  677. filter: grayscale(0%);
  678. -webkit-transition-duration: 0.5s;
  679. -moz-transition-duration:0.5s;
  680. -o-transition-duration:0.5s;
  681. transition-duration:0.5s;}
  682.  
  683. /* photoset focused image background */
  684. .tmblr-lightbox {
  685. background-color:transparent !important;}
  686. .vignette {
  687. z-index:99998! important;
  688. opacity:.75 !important;
  689. background-color:{color:background} !important;
  690. background-image:none !important;}
  691. .tmblr-lightbox .lightbox-image {
  692. z-index:99999! important;
  693. border-radius:0px !important;
  694. background:{color:background} !important;
  695. box-shadow:0px 0px 0px 30px {color:background} !important;}
  696. .tmblr-lightbox .lightbox-caption {
  697. z-index:99999! important;
  698. font-family:consolas !important;
  699. font-size:10px !important;
  700. font-size: 15px !important;
  701. font-weight: bold !important;
  702. color: {color:posts title} !important;
  703. text-shadow: 0 4px 30px {color:background} !important;}
  704.  
  705. /* video posts */
  706. .caption #youtube_iframe, .caption iframe {margin:5px 0px; max-width:100%;}
  707.  
  708. /* audio posts */
  709. #audio-pic {
  710. display:inline-block;
  711. vertical-align:middle;
  712. margin-right:2px;
  713. border-radius:3px;
  714. width:135px; height:135px;
  715. background: url('{image:Default Audio Pic}');
  716. background-size:cover;}
  717. #info-container {
  718. display:inline-block;
  719. vertical-align:middle;
  720. text-align:left;
  721. font-size:8px; line-height:15px;
  722. {block:indexpage}
  723. {block:IfNotDoubleColumnedPosts}
  724. width:355px;
  725. {/block:IfNotDoubleColumnedPosts}
  726. {block:IfDoubleColumnedPosts}
  727. width:105px;
  728. {/block:IfDoubleColumnedPosts}
  729. {/block:indexpage}
  730. {block:permalinkpage}
  731. width:355px;
  732. {/block:permalinkpage}
  733. text-transform:uppercase;
  734. letter-spacing:1px;}
  735. #info-container li {
  736. display:block;
  737. border-radius:3px;
  738. padding:4px 7px;
  739. margin:0px; margin-top:4px;
  740. background:{color:Posts 2nd BG};}
  741. .posts .audio_player {
  742. {block:indexpage}
  743. {block:IfNotDoubleColumnedPosts}
  744. width:355px;
  745. {/block:IfNotDoubleColumnedPosts}
  746. {block:IfDoubleColumnedPosts}
  747. width:105px;
  748. {/block:IfDoubleColumnedPosts}
  749. {/block:indexpage}
  750. {block:permalinkpage}
  751. width:355px;
  752. {/block:permalinkpage}
  753. max-height:27px;
  754. margin:0px; border-radius:3px;
  755. background:{color:Audio Player};
  756. {block:IfMonochromePhotos}
  757. -webkit-filter: grayscale(100%);
  758. -moz-filter: grayscale(100%);
  759. -ms-filter: grayscale(100%);
  760. -o-filter: grayscale(100%);
  761. filter: grayscale(100%);{/block:IfMonochromePhotos}
  762. -webkit-transition: all 0.2s linear;
  763. -moz-transition: all 0.2s linear;
  764. transition: all 0.2s linear;}
  765. .posts:hover .audio_player {
  766. {block:IfMonochromePhotos}
  767. -webkit-filter: grayscale(0%);
  768. -moz-filter: grayscale(0%);
  769. -ms-filter: grayscale(0%);
  770. -o-filter: grayscale(0%);
  771. filter: grayscale(0%);{/block:IfMonochromePhotos}}
  772. .tumblr_audio_player {
  773. {block:indexpage}
  774. {block:IfNotDoubleColumnedPosts}
  775. width:355px;
  776. {/block:IfNotDoubleColumnedPosts}
  777. {block:IfDoubleColumnedPosts}
  778. width:105px;
  779. {/block:IfDoubleColumnedPosts}
  780. {/block:indexpage}
  781. {block:permalinkpage}
  782. width:355px;
  783. {/block:permalinkpage}
  784. opacity:.66;}
  785.  
  786. /* --------------------------- POST-INFO STARS --------------------------- */
  787.  
  788. /* container */
  789. #postinfo {
  790. position:absolute;
  791. text-align:center;
  792. height:40px;
  793. margin:20px 0px 0px -20px;
  794. {block:indexpage}
  795. {block:IfNotDoubleColumnedPosts}
  796. width:540px;
  797. {/block:IfNotDoubleColumnedPosts}
  798. {block:IfDoubleColumnedPosts}
  799. width:290px;
  800. {/block:IfDoubleColumnedPosts}
  801. {/block:indexpage}}
  802.  
  803. /* stars */
  804. #postinfo a {
  805. position:absolute;
  806. left:50%;
  807. text-decoration:none;
  808. display:block;
  809. border-radius:50%;
  810. background:{color:Post Stars};
  811. -webkit-transition: all 0.2s linear;
  812. -moz-transition: all 0.2s linear;
  813. transition: all 0.2s linear;}
  814. #postinfo a:hover {
  815. background:{color:Post Stars Hover};}
  816.  
  817. /* individual stars */
  818. #fact1 {
  819. margin-left:-105px; top:20px;
  820. width:4px; height:4px;
  821. box-shadow: 0px 0px 0px 1px transparent,
  822. 0px 0px 4px {color:Post Stars Glow};}
  823. #fact1:hover {
  824. box-shadow: 0px 0px 0px 1px {color:Post Stars Hover},
  825. 0px 0px 4px {color:Post Stars Hover Glow};}
  826.  
  827. #fact2 {
  828. margin-left:-58px; top:14px;
  829. width:5px; height:5px;
  830. box-shadow: 0px 0px 0px 1px transparent,
  831. 0px 0px 5px {color:Post Stars Glow};}
  832. #fact2:hover {
  833. box-shadow: 0px 0px 0px 1px {color:Post Stars Hover},
  834. 0px 0px 5px {color:Post Stars Hover Glow};}
  835.  
  836. #fact3 {
  837. margin-left:-30px; top:16px;
  838. width:7px; height:7px;
  839. box-shadow: 0px 0px 0px 1px transparent,
  840. 0px 0px 7px {color:Post Stars Glow};}
  841. #fact3:hover {
  842. box-shadow: 0px 0px 0px 1px {color:Post Stars Hover},
  843. 0px 0px 7px {color:Post Stars Hover Glow};}
  844.  
  845. #fact4 {
  846. margin-left:11px; top:25px;
  847. width:4px; height:4px;
  848. box-shadow: 0px 0px 0px 1px transparent,
  849. 0px 0px 4px {color:Post Stars Glow};}
  850. #fact4:hover {
  851. box-shadow: 0px 0px 0px 1px {color:Post Stars Hover},
  852. 0px 0px 4px {color:Post Stars Hover Glow};}
  853.  
  854. #fact5 {
  855. margin-left:74px; top:25px;
  856. width:4px; height:4px;
  857. box-shadow: 0px 0px 0px 1px transparent,
  858. 0px 0px 4px {color:Post Stars Glow};}
  859. #fact5:hover {
  860. box-shadow: 0px 0px 0px 1px {color:Post Stars Hover},
  861. 0px 0px 4px {color:Post Stars Hover Glow};}
  862.  
  863. #fact6 {
  864. margin-left:99px; top:14px;
  865. width:6px; height:6px;
  866. box-shadow: 0px 0px 0px 1px transparent,
  867. 0px 0px 6px {color:Post Stars Glow};}
  868. #fact6:hover {
  869. box-shadow: 0px 0px 0px 1px {color:Post Stars Hover},
  870. 0px 0px 4px {color:Post Stars Hover Glow};}
  871.  
  872. /* connectors */
  873. .connector {
  874. opacity:0;
  875. position:absolute;
  876. left:50%; z-index:-1;
  877. height:1px;
  878. background:{color:Post Stars Connectors};
  879. box-shadow:-100px 0px 0px 0px {color:background} inset;
  880. -webkit-transition: all 0.2s linear;
  881. -moz-transition: all 0.2s linear;
  882. transition: all 0.2s linear;}
  883. .posts:hover .connector {
  884. opacity:1;
  885. box-shadow:0px 0px 0px 0px {color:background} inset;}
  886.  
  887. #connect1 {
  888. width:50px;
  889. margin-left:-104px; top:19px;
  890. -webkit-transform: rotate(-7deg);
  891. -moz-transform: rotate(-7deg);
  892. -ms-transform: rotate(-7deg);
  893. -o-transform: rotate(-7deg);
  894. transform: rotate(-7deg);
  895. -webkit-transition-delay: .4s;
  896. -moz-transition-delay: .4s;
  897. -ms-transition-delay: .4s;
  898. -o-transition-delay: .4s;
  899. transition-delay: .4s;}
  900. .posts:hover #connect1 {
  901. -webkit-transition-delay: 0s;
  902. -moz-transition-delay: 0s;
  903. -ms-transition-delay: 0s;
  904. -o-transition-delay: 0s;
  905. transition-delay: 0s;}
  906. #connect2 {
  907. width:70px;
  908. margin-left:-55px; top:21px;
  909. -webkit-transform: rotate(9deg);
  910. -moz-transform: rotate(9deg);
  911. -ms-transform: rotate(9deg);
  912. -o-transform: rotate(9deg);
  913. transform: rotate(9deg);
  914. -webkit-transition-delay: .2s;
  915. -moz-transition-delay: .2s;
  916. -ms-transition-delay: .2s;
  917. -o-transition-delay: .2s;
  918. transition-delay: .2s;}
  919. #connect3 {
  920. width:90px;
  921. margin-left:13px; top:21px;
  922. -webkit-transform: rotate(-6deg);
  923. -moz-transform: rotate(-6deg);
  924. -ms-transform: rotate(-6deg);
  925. -o-transform: rotate(-6deg);
  926. transform: rotate(-6deg);
  927. -webkit-transition-delay: 0s;
  928. -moz-transition-delay: 0s;
  929. -ms-transition-delay: 0s;
  930. -o-transition-delay: 0s;
  931. transition-delay: 0s;}
  932. .posts:hover #connect3 {
  933. -webkit-transition-delay: .4s;
  934. -moz-transition-delay: .4s;
  935. -ms-transition-delay: .4s;
  936. -o-transition-delay: .4s;
  937. transition-delay: .4s;}
  938.  
  939. /* --------------------------- POST-INFO TEXT --------------------------- */
  940. #postending {
  941. padding:10px;
  942. {block:indexpage}
  943. {block:IfNotDoubleColumnedPosts}
  944. width:500px;
  945. {/block:IfNotDoubleColumnedPosts}
  946. {block:IfDoubleColumnedPosts}
  947. width:250px;
  948. {/block:IfDoubleColumnedPosts}
  949. {/block:indexpage}
  950. {block:permalinkpage}
  951. width:500px;
  952. {/block:permalinkpage}
  953. margin:15px 0px -10px -10px;
  954. font: normal normal normal 10px/13px consolas;
  955. text-align:center; letter-spacing:1px;
  956. color: {color:Postending Text};
  957. background: {color:Postending BG};
  958. border-radius:1px;}
  959. #postending a {
  960. box-shadow:none;
  961. color:{color:Postending Links};}
  962. #postending a:hover {
  963. color:{color:Postending Links Hover};}
  964.  
  965. /* ---------------------------- PERMALINK -------------------------------- */
  966.  
  967. /* permalink position */
  968. #permalink {
  969. background:; /* if you want the post-notes to have a non-transparent bg */
  970. margin:0px 0px 0px -80px;
  971. width: 500px; padding: 20px;}
  972.  
  973. /* post notes container */
  974. .notes {
  975. width: 500px; max-height:600px;
  976. overflow: auto; text-align:center;
  977. line-height:0px; font-size:0px;
  978. color:transparent; letter-spacing:0px;}
  979. .notes a {
  980. font: normal normal normal 10px/17px consolas;
  981. color:{color:Permalink Links};
  982. box-shadow:none; letter-spacing:1px;}
  983. .notes a:hover {
  984. color:{color:Permalink Links Hover};}
  985. .notes blockquote, .notes .answer_content {
  986. font: normal normal normal 10px/17px consolas;
  987. letter-spacing:1px;
  988. max-width:350px;
  989. margin:3px auto; border:none;
  990. color:{color:Permalink Links};
  991. background:{color:Permalink Blockquote BG};}
  992. .notes blockquote {
  993. display:inline-block;
  994. padding:1px 10px 0px 10px;}
  995. .notes .answer_content {
  996. display:block;
  997. padding:2px 10px 1px 10px;}
  998. .notes img {display:none;}
  999. .notes li {margin-left:-10px;}
  1000.  
  1001. /* replaced regular sentences with fa symbols */
  1002. .notes .like span a::after, .notes .reblog .tumblelog::after, .notes .reblog blockquote::before, .notes .reblog blockquote::after, .notes .answer_content::before, .notes .answer_content::after, .notes .reply .action a::after {
  1003. font-weight:normal;
  1004. vertical-align:middle;
  1005. content:"";
  1006. font-family:'FontAwesome';
  1007. display:inline-block; margin:0px 5px;
  1008. font-size:10px;
  1009. color:{color:Permalink Text};}
  1010. .notes .like span a::after {content:"\f004";}
  1011. .notes .reblog .tumblelog::after {content: "\f079";}
  1012. .notes .reblog blockquote::before, .notes .answer_content::before {content: "\f10d"; margin-top:-1px;}
  1013. .notes .reblog blockquote::after, .notes .answer_content::after {content: "\f10e"; margin-top:-1px;}
  1014. .notes .reply .action a::after {content: "\f063";}
  1015.  
  1016. /* permalink scrollbar */
  1017. #permalink ::-webkit-scrollbar {
  1018. height:5px; width:5px;
  1019. background: transparent;}
  1020. #permalink ::-webkit-scrollbar-thumb:vertical {
  1021. background: {color:Permalink Scroll Thumb};
  1022. border:none; border-radius: 1px;}
  1023.  
  1024. </style>
  1025. <body class="{select:Cursor Style}">
  1026.  
  1027.  
  1028. <!-- gliding constellations 2/2
  1029. created by jnicol: https://github.com/jnicol/particleground -->
  1030. <script type="text/javascript" src="http://static.tumblr.com/p0knose/9Ibndqi11/jquery-1.11.1.min.js"></script>
  1031. <script type="text/javascript" src="http://static.tumblr.com/p0knose/Tfkndqi4e/jquery.particleground.min.js"></script>
  1032. <script>
  1033. $(document).ready(function() {
  1034. $('#stars').particleground({
  1035. minSpeedX:.025,
  1036. maxSpeedX:.025,
  1037. minSpeedY:.025,
  1038. maxSpeedY:.025,
  1039. directionX:"center", // 'center', 'left' or 'right'. 'center' = dots bounce off edges
  1040. directionY:"center", // 'center', 'up' or 'down'. 'center' = dots bounce off edges
  1041. density:1e3, // How many particles will be generated: one particle every n pixels
  1042. dotColor: '{color:Constellation Stars}', // star color
  1043. lineColor: '{color:Constellation Connectors}', // connector color
  1044. particleRadius:1.75, // Dot size
  1045. lineWidth:0.5, // dot connector size
  1046. curvedLines:!1,
  1047. proximity:25, // How close two dots need to be before they join
  1048. parallax:!1, // If stars 'stretch' towards mouse
  1049. parallaxMultiplier:5 // The lower the number, the more extreme the parallax effect
  1050. });
  1051. });
  1052. </script>
  1053.  
  1054. <!-------------------------------- CURSOR ---------------------------------->
  1055. <style type="text/css">
  1056. .default-cursor {cursor:default;}
  1057. .default-cursor a, .default-cursor a:hover {cursor:pointer;}
  1058.  
  1059. .crosshair-cursor {cursor:crosshair;}
  1060. .crosshair-cursor a, .crosshair-cursor a:hover {cursor:crosshair;}
  1061.  
  1062. .custom-cursor {cursor: url({image:Custom Cursor}), auto;}
  1063. .custom-cursor a, .custom-cursor a:hover{cursor:url({image:Custom Cursor Links}), auto;}
  1064. </style>
  1065.  
  1066. <!-- Custom cursors don't show up on empty spaces, but this fixes that -->
  1067. <div style="position:fixed; top:0px; left:0px; width:100%; height:100%; z-index: -99999999999999;"></div>
  1068.  
  1069. <!-------------------------- CREDIT; DON'T REMOVE -------------------------->
  1070. <a href="http://nyctothemes.tumblr.com/" title="© nyctothemes" id="credit">
  1071. <l class="fa fa-star"></l>
  1072. </a>
  1073.  
  1074. <!-------------------------------- SIDEBAR --------------------------------->
  1075.  
  1076. <div id="stars"></div>
  1077.  
  1078. <div id="side">
  1079. <div id="quote"><b>{text:Side Phrase}</b></div>
  1080.  
  1081. <div id="description">
  1082. <!-- vv trim the description into a circle shape vv -->
  1083. <div class="leftdescspace" style="width:73px;"></div>
  1084. <div class="rightdescspace" style="width:73px;"></div>
  1085. <div class="leftdescspace" style="width:31px;"></div>
  1086. <div class="rightdescspace" style="width:31px;"></div>
  1087. <div class="leftdescspace" style="width:20px;"></div>
  1088. <div class="rightdescspace" style="width:20px;"></div>
  1089. <div class="leftdescspace" style="width:13px;"></div>
  1090. <div class="rightdescspace" style="width:13px;"></div>
  1091. <div class="leftdescspace" style="width:9px;"></div>
  1092. <div class="rightdescspace" style="width:9px;"></div>
  1093. <div class="leftdescspace" style="width:6px;"></div>
  1094. <div class="rightdescspace" style="width:6px;"></div>
  1095. <div class="leftdescspace" style="width:8px;"></div>
  1096. <div class="rightdescspace" style="width:8px;"></div>
  1097. <div class="leftdescspace" style="width:11px;"></div>
  1098. <div class="rightdescspace" style="width:11px;"></div>
  1099. <div class="leftdescspace" style="width:18px;"></div>
  1100. <div class="rightdescspace" style="width:18px;"></div>
  1101. <div class="leftdescspace" style="width:31px;"></div>
  1102. <div class="rightdescspace" style="width:31px;"></div>
  1103. <div class="leftdescspace" style="width:73px;"></div>
  1104. <div class="rightdescspace" style="width:73px;"></div>
  1105. <div class="leftdescspace" style="width:73px;"></div>
  1106. <div class="rightdescspace" style="width:73px;"></div>
  1107. <br>
  1108. {description}</p>
  1109. </div>
  1110.  
  1111. <!-- sidebar links -->
  1112. <div id="sidelinks">
  1113. <div id="linkbundle">
  1114. <a href="/" id="link1"></a>
  1115. <div id="linktitle">Entrance</div>
  1116. </div>
  1117.  
  1118. <div id="linkbundle">
  1119. <a href="/ask" id="link2"></a>
  1120. <div id="linktitle">Wonders</div>
  1121. </div>
  1122.  
  1123. <div id="linkbundle">
  1124. <a href="/archive" id="link3"></a>
  1125. <div id="linktitle">Memories</div>
  1126. </div>
  1127.  
  1128. <div id="linkbundle">
  1129. <a href="{text:link 1 URL}" id="link4"></a>
  1130. <div id="linktitle">{text:link 1 hover}</div>
  1131. </div>
  1132.  
  1133. <div id="linkbundle">
  1134. <a href="{text:link 2 URL}" id="link5"></a>
  1135. <div id="linktitle">{text:link 2 hover}</div>
  1136. </div>
  1137.  
  1138. <div id="linkbundle">
  1139. <a href="{text:link 3 URL}" id="link6"></a>
  1140. <div id="linktitle">{text:link 3 hover}</div>
  1141. </div>
  1142.  
  1143. </div>
  1144.  
  1145. </div> <!-- ending div tag for "side" -->
  1146.  
  1147. <!-- Page navigation -->
  1148. {block:Pagination}<div id="pagination">
  1149. {block:PreviousPage}<a href="{PreviousPage}">{/block:PreviousPage}<div class="active">◀</div>{block:PreviousPage}</a>{/block:PreviousPage}
  1150. world <b>{CurrentPage}</b> of <b>{TotalPages}</b>
  1151. {block:NextPage}<a href="{NextPage}">{/block:NextPage}<div class="active">▶</div>{block:NextPage}</a>{/block:NextPage}
  1152. </div>{/block:Pagination}
  1153.  
  1154. <!--------------------------------- POSTS ---------------------------------->
  1155.  
  1156. <div id="entries">
  1157. {block:posts}
  1158.  
  1159. <div class="posts">
  1160.  
  1161. <!-- text posts -->
  1162. {block:Text}
  1163. {block:Title}<h1>{Title}</h1>{/block:Title}
  1164. <div class="caption">{Body}</div>
  1165. {/block:Text}
  1166.  
  1167. <!-- link posts -->
  1168. {block:Link}
  1169. {block:Thumbnail}<center>
  1170. <a href="{Thumbnail-HighRes}">
  1171. <img src="{Thumbnail}" class="photo-posts" style="margin-bottom:5px; border-radius:3px">
  1172. </a>
  1173. </center>{/block:Thumbnail}
  1174. <div class="link-posts"><h1><a href="{URL}">
  1175. {Name}&nbsp;&nbsp;&#8594;</l>
  1176. </a></h1></div>
  1177. {block:Description}<div class="caption">
  1178. <p>{Description}</p>
  1179. </div>{/block:Description}
  1180. {/block:Link}
  1181.  
  1182. <!-- ask posts -->
  1183. {block:Answer}
  1184. <div class="ask-posts">
  1185. <img src="{AskerPortraitURL-64}">
  1186. <div class="question">
  1187. <h2>{Asker} {text:Ask Verb}:</h2> {Question}
  1188. </div></div><br>
  1189. <div id="caption">{Answer}</div>
  1190. {/block:Answer}
  1191.  
  1192. <!-- quote posts -->
  1193. {block:Quote}
  1194. <h2 class="quote-posts">
  1195. <l class="fa fa-quote-left"></l>
  1196. <div class="quote">{Quote}</div>
  1197. <l class="fa fa-quote-right"></l>
  1198. </h2>
  1199. <div style="text-align:right; margin-right:20px">
  1200. {block:Source}<b>- {Source}</b>{/block:Source}
  1201. </div>
  1202. {/block:Quote}
  1203.  
  1204. <!-- chat posts -->
  1205. {block:Chat}
  1206. {block:Title}<h1>{Title}</h1>{/block:Title}
  1207. <ul class="chat">{block:Lines}
  1208. <li class="user_{UserNumber}">{block:Label}<span class="person">{Label}</span>{/block:Label} {Line}</li>
  1209. {/block:Lines}</ul>
  1210. {/block:Chat}
  1211.  
  1212. <!-- photo posts -->
  1213. {block:Photo}
  1214. <center>
  1215. {block:indexpage}
  1216. {block:IfNotDoubleColumnedPosts}
  1217. {block:HighRes}<a href="{PhotoURL-HighRes}" target="_blank" style="box-shadow:none;">{/block:HighRes}
  1218. <img src="{PhotoURL-500}" class="photo-posts"/>
  1219. {block:HighRes}</a>{/block:HighRes}
  1220. {/block:IfNotDoubleColumnedPosts}
  1221. {block:IfDoubleColumnedPosts}
  1222. {block:HighRes}<a href="{PhotoURL-HighRes}" target="_blank" style="box-shadow:none;">{/block:HighRes}
  1223. <img src="{PhotoURL-250}" class="photo-posts"/>
  1224. {block:HighRes}</a>{/block:HighRes}
  1225. {/block:IfDoubleColumnedPosts}
  1226. {/block:indexpage}
  1227. {block:permalinkpage}
  1228. {block:HighRes}<a href="{PhotoURL-HighRes}" target="_blank" style="box-shadow:none;">{/block:HighRes}
  1229. <img src="{PhotoURL-500}" class="photo-posts"/>
  1230. {block:HighRes}</a>{/block:HighRes}
  1231. {/block:permalinkpage}
  1232. </center>
  1233. {block:IfNotCaptionsVisibleOnPermalinkOnly}
  1234. {block:Caption}<br><div class="caption">{Caption}</div>{/block:Caption}
  1235. {/block:IfNotCaptionsVisibleOnPermalinkOnly}
  1236. {block:IfCaptionsVisibleOnPermalinkOnly}{block:PermalinkPage}
  1237. {block:Caption}<br><div class="caption">{Caption}</div>{/block:Caption}
  1238. {/block:PermalinkPage}{/block:IfCaptionsVisibleOnPermalinkOnly}
  1239. {/block:Photo}
  1240.  
  1241. {block:Photoset}
  1242. <center>
  1243. {block:indexpage}
  1244. {block:IfNotDoubleColumnedPosts}
  1245. {Photoset-500}
  1246. {/block:IfNotDoubleColumnedPosts}
  1247. {block:IfDoubleColumnedPosts}
  1248. {Photoset-250}
  1249. {/block:IfDoubleColumnedPosts}
  1250. {/block:indexpage}
  1251. {block:permalinkpage}
  1252. {Photoset-500}
  1253. {/block:permalinkpage}
  1254. </center>
  1255. {block:IfNotCaptionsVisibleOnPermalinkOnly}
  1256. {block:Caption}<br><div class="caption">{Caption}</div>{/block:Caption}
  1257. {/block:IfNotCaptionsVisibleOnPermalinkOnly}
  1258. {block:IfCaptionsVisibleOnPermalinkOnly}{block:PermalinkPage}
  1259. {block:Caption}<br><div class="caption">{Caption}</div>{/block:Caption}
  1260. {/block:PermalinkPage}{/block:IfCaptionsVisibleOnPermalinkOnly}
  1261. {/block:Photoset}
  1262.  
  1263. <!-- video post -->
  1264. {block:Video}
  1265. {block:indexpage}
  1266. {block:IfNotDoubleColumnedPosts}
  1267. {Video-500}
  1268. {/block:IfNotDoubleColumnedPosts}
  1269. {block:IfDoubleColumnedPosts}
  1270. {Video-250}
  1271. {/block:IfDoubleColumnedPosts}
  1272. {/block:indexpage}
  1273. {block:permalinkpage}
  1274. {Video-500}
  1275. {/block:permalinkpage}
  1276.  
  1277. {block:IfNotCaptionsVisibleOnPermalinkOnly}
  1278. {block:Caption}<br><div class="caption">{Caption}</div>{/block:Caption}
  1279. {/block:IfNotCaptionsVisibleOnPermalinkOnly}
  1280. {block:IfCaptionsVisibleOnPermalinkOnly}{block:PermalinkPage}
  1281. {block:Caption}<br><div class="caption">{Caption}</div>{/block:Caption}
  1282. {/block:PermalinkPage}{/block:IfCaptionsVisibleOnPermalinkOnly}
  1283. {/block:Video}
  1284.  
  1285. <!-- audio post -->
  1286. {block:Audio}
  1287. <!--image-->
  1288. {block:IndexPage}<a href="{Permalink}" style="box-shadow:none;">{/block:IndexPage}<div id="audio-pic" {block:AlbumArt}style="background:none"{/block:AlbumArt}>
  1289. {block:AlbumArt}<img src="{AlbumArtURL}">{/block:AlbumArt}
  1290. </div>{block:IndexPage}</a>{/block:IndexPage}
  1291. <div id="info-container">
  1292. <!--player-->
  1293. {block:ifDarkAudioPlayer}{AudioPlayerBlack}{/block:ifDarkAudioPlayer}
  1294. {block:ifNotDarkAudioPlayer}{AudioPlayerWhite}{/block:ifNotDarkAudioPlayer} <!--info-->
  1295. {block:TrackName}<li><b>Track:</b> {TrackName}</li>{/block:TrackName}
  1296. {block:Artist}<li><b>Artist:</b> {Artist}</li>{/block:Artist}
  1297. {block:Album}<li><b>Album:</b> {Album}</li>{/block:Album}
  1298. {block:PlayCount}<li><b>Plays:</b> {FormattedPlayCount}</li>{/block:PlayCount}
  1299. </div>
  1300. {block:IfNotCaptionsVisibleOnPermalinkOnly}
  1301. {block:Caption}<br><div class="caption" style="margin-top:5px;">{Caption}</div>{/block:Caption}
  1302. {/block:IfNotCaptionsVisibleOnPermalinkOnly}
  1303. {block:IfCaptionsVisibleOnPermalinkOnly}{block:PermalinkPage}
  1304. {block:Caption}<br><div class="caption" style="margin-top:5px;">{Caption}</div>{/block:Caption}
  1305. {/block:PermalinkPage}{/block:IfCaptionsVisibleOnPermalinkOnly}
  1306. {/block:Audio}
  1307.  
  1308. <!------------------------------ POST ENDING ------------------------------->
  1309.  
  1310. {block:PermalinkPage}{block:Date}<div id="postending">
  1311.  
  1312. <!-- date posted -->
  1313. <a href="/day/{Year}/{MonthNumberWithZero}/{DayOfMonthWithZero}">{ShortMonth}.{DayOfMonthWithZero}.{ShortYear}</a>
  1314. <!-- notes counter -->
  1315. {block:NoteCount}
  1316. || <a href="#permalink">{NoteCountWithLabel}</a>
  1317. {/block:NoteCount}
  1318. <!-- reblogged from -->
  1319. {block:RebloggedFrom}<br>
  1320. Via: <a href="{ReblogParentURL}">{ReblogParentName}</a>
  1321. {/block:RebloggedFrom}
  1322. <!-- original poster -->
  1323. {block:ContentSource}
  1324. || Source: <a href="{SourceURL}">{SourceTitle}</a>
  1325. {/block:ContentSource}
  1326. <!-- tags -->
  1327. {block:HasTags}<br><div style="padding:0px 20px 0px 20px">
  1328. Tags: {block:Tags}<a href="{TagURL}">{Tag}</a>, {/block:Tags}
  1329. </div>{/block:HasTags}
  1330.  
  1331. </div>{/block:Date}{/block:PermalinkPage}
  1332.  
  1333. <!------------- If Circles for Index Page ------------->
  1334. {block:IfPostendingStarsForIndexpage}
  1335. {block:IndexPage}
  1336. <div id="postinfo">
  1337.  
  1338. <!-- date posted -->
  1339. {block:Date}
  1340. <a href="{Permalink}" title="{ShortMonth}.{DayOfMonthWithZero}.{ShortYear}" id="fact1"></a>
  1341. {/block:Date}
  1342. <!-- notes counter -->
  1343. {block:NoteCount}
  1344. <a href="{Permalink}" title="{NoteCountWithLabel}" id="fact2"></a>
  1345. {/block:NoteCount}
  1346. <!-- original poster -->
  1347. {block:ContentSource}
  1348. <a href="{SourceURL}" title="Source: {SourceTitle}" id="fact3"></a>
  1349. {/block:ContentSource}
  1350. <!-- reblogged from -->
  1351. {block:RebloggedFrom}
  1352. <a href="{ReblogParentURL}" title="Via: {ReblogParentName}" id="fact4"></a>
  1353. {/block:RebloggedFrom}
  1354. <!-- tags -->
  1355. {block:HasTags}
  1356. <a href="{Permalink}" title="# {block:Tags}{Tag}, {/block:Tags}" id="fact5"></a>
  1357. {/block:HasTags}
  1358. <!-- reblog -->
  1359. <a href="{ReblogURL}" title="Reblog" id="fact6"></a>
  1360.  
  1361. <div class="connector" id="connect1"></div>
  1362. <div class="connector" id="connect2"></div>
  1363. <div class="connector" id="connect3"></div>
  1364.  
  1365. </div>
  1366. {/block:IndexPage}
  1367. {/block:IfPostendingStarsForIndexpage}
  1368.  
  1369. <!------------- If NO Circles for Index Page ------------->
  1370. {block:IfNotPostendingStarsForIndexpage}
  1371. {block:IndexPage}
  1372. {block:Date}<div id="postending">
  1373.  
  1374. <!-- date posted -->
  1375. <a href="{Permalink}">{ShortMonth}.{DayOfMonthWithZero}.{ShortYear}</a>
  1376. <!-- notes counter -->
  1377. {block:NoteCount}
  1378. || <a href="{Permalink}">{NoteCountWithLabel}</a>
  1379. {/block:NoteCount}
  1380. <!-- reblogged from -->
  1381. {block:RebloggedFrom}<br>
  1382. Via: <a href="{ReblogParentURL}">{ReblogParentName}</a>
  1383. {/block:RebloggedFrom}
  1384. <!-- original poster -->
  1385. {block:ContentSource}
  1386. || Source: <a href="{SourceURL}">{SourceTitle}</a>
  1387. {/block:ContentSource}
  1388. <!-- tags -->
  1389. {block:HasTags}<br><div style="padding:0px 20px 0px 20px">
  1390. Tags: {block:Tags}<a href="{TagURL}">{Tag}</a>, {/block:Tags}
  1391. </div>{/block:HasTags}
  1392.  
  1393. </div>{/block:Date}
  1394. {/block:IndexPage}
  1395. {/block:IfNotPostendingStarsForIndexpage}
  1396.  
  1397. </div> <!-- ending div tag for "posts" -->
  1398.  
  1399. {/block:Posts}
  1400.  
  1401. <!------------------------------- PERMALINK -------------------------------->
  1402.  
  1403. {block:PostNotes}
  1404. <div id="permalink">
  1405. <div id="notescontainer">{PostNotes}</div>
  1406. </div>
  1407. {/block:PostNotes}
  1408.  
  1409. </div> <!-- ending div tag for "entries" -->
  1410.  
  1411. </body>
  1412.  
  1413. </html>
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!