API tools faq
paste
thetruththemes

Truth Tumblr Theme

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