thetruththemes

Awaken Tumblr Theme

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