API tools faq
paste
Advertisement
songbirdinatrench

deanlirium THEME #10 - lighthouse

songbirdinatrench
Jul 30th, 2014
1,037
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 21.54 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3.  
  4. <head><title>{Title}</title>
  5. <link rel="shortcut icon" href="{Favicon}">
  6. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  7. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  8.  
  9.  
  10. <!----
  11.  
  12. ▣▣▣
  13. THEME #10 LIGHTHOUSE BY DEANLIRIUM
  14. ▣▣▣
  15. PLEASE like and/or reblog the theme post if you use! Edit as you want but YOU MUST leave the credit. Seriously though if you need a base code just google it!
  16. if you need anything please ask me OFF ANON so that I can reply privately! :)
  17.  
  18. Base code by llermans © tumblr.com
  19.  
  20. --->
  21.  
  22. <meta name="color:Background" content="#ffffff">
  23. <meta name="color:Post links" content="#768297">
  24. <meta name="color:Post links hover" content="#cbf5ff"/>
  25. <meta name="color:Text" content="#7b7070">
  26. <meta name="color:Description" content="#7b7070">
  27. <meta name="color:Scrollbar" content="#cee1ed">
  28. <meta name="color:Border" content="#eeeeee"/>
  29. <meta name="color:Shadow" content="#73becc"/>
  30. <meta name="color:Title" content="#ffffff"/>
  31. <meta name="color:Post info" content="#768297"/>
  32.  
  33. <meta name="image:Sidebar" content=""/>
  34.  
  35. <meta name="text:Link 1" content="">
  36. <meta name="text:Link 1 url" content="/">
  37. <meta name="text:Link 2" content="">
  38. <meta name="text:Link 2 url" content="/">
  39. <meta name="text:Link 3" content="">
  40. <meta name="text:Link 3 url" content="/">
  41. <meta name="text:Link 4" content="">
  42. <meta name="text:Link 4 url" content="/">
  43. <meta name="if:Shadow auto pilot" content="1">
  44. <meta name="if:Cursor" content="1">
  45.  
  46. <meta name="select:Title font" content="Montserrat" title="Montserrat">
  47. <meta name="select:Title font" content="Lustria" title="Lustria">
  48. <meta name="select:Title font" content="Poiret One" title="Poiret One">
  49. <meta name="select:Title font" content="Crete Round" title="Crete Round">
  50. <meta name="select:Title font" content="Oswald" title="Oswald">
  51. <meta name="select:Title font" content="Fjalla One" title="Fjalla One">
  52. <meta name="select:Title font" content="Orienta" title="Orienta">
  53. <meta name="select:Title font" content="Noto Sans" title="Noto Sans">
  54. <meta name="select:Title font" content="Helvetica" title="Helvetica">
  55. <meta name="select:Title font" content="Cambria" title="Cambria">
  56. <meta name="select:Title font" content="Bebas Neue" title="Bebas Neue">
  57. <meta name="select:Title font" content="Times New Roman" title="Times New Roman">
  58.  
  59. <meta name="select:Title size" content="20px" title="Small">
  60. <meta name="select:Title size" content="30px" title="Medium">
  61. <meta name="select:Title size" content="50px" title="Big">
  62.  
  63. <!--- CSS --->
  64. <script type="text/javascript" src="http://static.tumblr.com/t0g3sds/Xxmn9cdk0/shine.min.js"></script>
  65.  
  66.  
  67. <link href='http://fonts.googleapis.com/css?family=Lustria|Poiret+One|Crete+Round|Oswald:700|Montserrat:700|Fjalla+One|Orienta|Noto+Sans:700' rel='stylesheet' type='text/css'>
  68. <script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script>
  69. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
  70. <script>
  71. $(window).scroll(function() {
  72. if ($(this).scrollTop() > 1){
  73. $('header').addClass("sticky");
  74. }
  75. else{
  76. $('header').removeClass("sticky");
  77. }
  78. });
  79.  
  80. $(window).scroll(function() {
  81. if ($(this).scrollTop() > 1){
  82. $('#sidebarimg').addClass("sticky");
  83. }
  84. else{
  85. $('#sidebarimg').removeClass("sticky");
  86. }
  87. });
  88.  
  89. $(window).scroll(function() {
  90. if ($(this).scrollTop() > 1){
  91. $('#description').addClass("sticky");
  92. }
  93. else{
  94. $('#description').removeClass("sticky");
  95. }
  96. });
  97.  
  98. $(window).scroll(function() {
  99. if ($(this).scrollTop() > 1){
  100. $('#links').addClass("sticky");
  101. }
  102. else{
  103. $('#links').removeClass("sticky");
  104. }
  105. });
  106.  
  107. </script>
  108.  
  109.  
  110. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  111. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  112. <script>
  113. (function($){
  114. $(document).ready(function(){
  115. $("a[title]").style_my_tooltips({
  116. tip_follows_cursor:true,
  117. tip_delay_time:90,
  118. tip_fade_speed:200,
  119. attribute:"title"
  120. });
  121. });
  122. })(jQuery);
  123. </script>
  124. <style type="text/css">
  125.  
  126.  
  127. @font-face {font-family:Bebas Neue;src:url(http://static.tumblr.com/cvlbtjz/cnsln9tpp/bebasneue.otf);}
  128.  
  129. /*--scrollbar--*/
  130.  
  131. ::-webkit-scrollbar-thumb:vertical {height:5px; background-color:{color:scrollbar};}
  132. ::-webkit-scrollbar-thumb:horizontal {background-color:{color:scrollbar};}
  133. ::-webkit-scrollbar {background-color:{color:background};height:0px;width:4px;border:2px solid {color:background};}
  134. ::-webkit-scrollbar-button:start:decrement, ::-webkit-scrollbar-button:end:increment{background-color:{color:background};display:block;height:0px;border-right:0px solid {color:background};border-left:0px solid {color:background};
  135. }
  136.  
  137. ::selection {
  138. color:{color:shadow};}
  139. ::-moz-selection {
  140. color:{color:shadow};}
  141. ::-webkit-selection {
  142. color:{color:shadow};}
  143.  
  144. pre {
  145. white-space: pre-wrap;
  146. white-space: -moz-pre-wrap;
  147. white-space: -pre-wrap;
  148. white-space: -o-pre-wrap;
  149. word-wrap: break-word;}
  150.  
  151. body {
  152. background-color:{color:Background};
  153. background-image:{image:Background image};
  154. background-attachment:fixed;
  155. font-family:calibri;
  156. color:{color:Text};
  157. font-size:10px; }
  158.  
  159. a {
  160. color:{color:Post links};
  161. text-decoration:none;
  162. -webkit-transition: all 0.5s ease-out;
  163. -moz-transition: all 0.5s ease-out;
  164. transition: all 0.5s ease-out;}
  165. a:hover {
  166. color:{color:Post links hover};
  167. text-decoration:none;
  168. -webkit-transition: all 0.8s ease-out;
  169. -moz-transition: all 0.8s ease-out;
  170. transition: all 0.8s ease-out;}
  171.  
  172. img {
  173. border:none;
  174. padding-bottom:none;
  175. display: block;}
  176.  
  177. blockquote {
  178. padding-left:5px;
  179. margin-left:7px;
  180. width:95%;
  181. border-left:1px solid {color:Border};}
  182. blockquote blockquote {
  183. margin-left:7px;
  184. max-width:95%;
  185. border-left:1px solid {color:Border};}
  186.  
  187. h1 {
  188. font-size:16px;
  189. letter-spacing:2px;
  190. font-family:'cambria';
  191. font-style:italic;
  192. font-weight:normal;
  193. line-height:10px;
  194. text-align:center;}
  195.  
  196. h2 {
  197. font-family:'cambria';
  198. font-size:11px;
  199. line-height:1.3em;
  200. font-weight:normal;
  201. text-align:center;}
  202.  
  203. b {
  204. font-style:bold;}
  205.  
  206. small {font-size:8px;}
  207. big {font-size:12px;}
  208. ul {
  209. list-style:square;
  210. text-align:justify;}
  211.  
  212.  
  213. blockquote p {display:block!important;}
  214.  
  215. /* content */
  216. #content {
  217. left:50%;
  218. margin-left:-150px;
  219. position:absolute;
  220. width:400px;
  221. margin-top: 25px;
  222. margin-bottom: 25px;}
  223.  
  224. /* sidebar */
  225. #sidebar {
  226. margin-left: -200px;
  227. left:50%;
  228. overflow:hidden;
  229. line-height:15px;
  230. width: 400px;
  231. height:400px;
  232. margin-bottom: 15px;
  233. text-align: center;
  234. margin-top:-200px;}
  235. #sidebar h1 a {
  236. color: {color:text};
  237. text-decoration: none;}
  238. #sidebar h1 a:hover {
  239. color: {color:text};
  240. text-decoration: none;}
  241.  
  242. #sidebarimg img{
  243. width:400px;
  244. height:400px;
  245. margin-top:0px;
  246. -webkit-transition: all 0.6s;
  247. -moz-transition: all 0.6s;
  248. transition: all 0.6s;}
  249. #sidebarimg.sticky img{
  250. width: 100px;
  251. margin-top: 180px;
  252. margin-left: 150px;
  253. height: 100px;}
  254.  
  255. #description {
  256. width:200px;
  257. padding:100px;
  258. text-align:justify;
  259. margin-top:-80px;
  260. color:{color:description};}
  261. #description.sticky {display:none}
  262.  
  263. #links {margin-top:-220px;
  264. -webkit-transition: all 0.6s;
  265. -moz-transition: all 0.6s;
  266. transition: all 0.6s;}
  267. #links a {
  268. padding:5px;
  269. margin-right:0px;
  270. font-family:'cambria';
  271. font-style:italic;
  272. font-size:13px;
  273. color:{color:description};
  274. -webkit-transition: all 0.6s ease;
  275. -moz-transition: all 0.6s ease;
  276. transition: all 0.6s ease;}
  277. #links a:hover{
  278. text-shadow: 0 1px 1px {color:post links hover};}
  279. #links.sticky {
  280. margin-top:-85px;
  281. margin-left: 171px;
  282. width: 60px;
  283. transition: all 0.6s;}
  284. #links.sticky a{
  285. width: 10px;
  286. padding:4px;
  287. height: 10px;
  288. background: rgba({RGBcolor:background},0.5);
  289. margin: 2px;
  290. font-size:10px;
  291. border:solid 1px {color:background};
  292. color:{color:Text};
  293. display: inline-block;
  294. line-height: 10px;}
  295. #links.sticky a:hover{
  296. background: rgba({RGBcolor:background},1);}
  297.  
  298. /* pagination */
  299. #pagination {
  300. width:360px;
  301. border-top:1px solid {color:border};
  302. padding: 20px;
  303. font-size: 10px;
  304. line-height: 21px;
  305. text-align: center;
  306. margin-top: 10px;
  307. letter-spacing:1px;
  308. text-transform: lowercase;
  309. font-family: cambria;
  310. margin-bottom:10px;}
  311. #pagination a{
  312. font-style: italic;
  313. margin-right:5px}
  314.  
  315.  
  316. /*ENTRIES*/
  317.  
  318. #entries {
  319. padding: 10px;
  320. width: 450px;
  321. left: 50%;
  322. margin-left:-210px;
  323. margin-top: 480px;
  324. font-size: 10px;
  325. overflow: hidden;
  326. letter-spacing: 0px;
  327. position: relative;}
  328.  
  329. .post {
  330. width:400px;
  331. padding-bottom:0px;
  332. text-align:justify;
  333. opacity:0.9;
  334. margin-top:100px;
  335. -moz-transition-duration:0.6s;
  336. -webkit-transition-duration:0.6s;
  337. -o-transition-duration:0.6s;}
  338. .post img{
  339. max-width:100%;
  340. -webkit-filter: brightness(110%);
  341. -moz-filter: brightness(110%);
  342. -moz-transition-duration:0.6s;
  343. -webkit-transition-duration:0.6s;
  344. -o-transition-duration:0.6s;}
  345. .post:hover {
  346. opacity:1;
  347. -moz-transition-duration:0.6s;
  348. -webkit-transition-duration:0.6s;
  349. -o-transition-duration:0.6s;}
  350.  
  351. .qsource {
  352. text-align:right; margin-bottom:5px;}
  353.  
  354. /*POST INFO*/
  355.  
  356. #info {
  357. width:394px;
  358. text-align:center;
  359. font-family:'trebuchet ms';
  360. margin-top:-12px;
  361. letter-spacing:2px;
  362. font-size:7px;
  363. font-style:none;
  364. padding:3px;
  365. border-top:solid 1px {color:border};
  366. border-bottom:solid 1px {color:border};
  367. line-height:10px;
  368. min-height:10px;
  369. text-transform:uppercase;}
  370.  
  371. #info a {
  372. text-align:center;
  373. color:{color:Post info links};}
  374.  
  375. #info a:hover {
  376. -moz-transition-duration:0.3s;
  377. -webkit-transition-duration:0.3s;
  378. -o-transition-duration:0.3s;
  379. color:{color:Post links hover}}
  380.  
  381. #tags {
  382. width:388px;
  383. margin-left:-7px;
  384. text-align:left;
  385. font-size:8px;
  386. padding:5px;
  387. padding-bottom:0px;
  388. opacity:0;
  389. padding-top:10px;
  390. z-index:-2;
  391. max-height:500px;
  392. transition-duration: 0.5s;
  393. -moz-transition-duration: 0.5s;
  394. -webkit-transition-duration: 0.5s;
  395. -o-transition-duration: 0.5s;}
  396.  
  397. .post:hover #tags{
  398. opacity:1;
  399. transition-duration: 0.5s;
  400. -moz-transition-duration: 0.5s;
  401. -webkit-transition-duration: 0.5s;
  402. -o-transition-duration: 0.5s;}
  403.  
  404. #tags a {
  405. letter-spacing:1px;
  406. font-size:8px;
  407. text-align:center;
  408. margin-left:5px;
  409. font-family:'CALIBRI';
  410. text-decoration:none;
  411. display:inline;
  412. text-transform:uppercase;
  413. color:{color:Post info links};
  414. -moz-transition-duration:0.3s;
  415. -webkit-transition-duration:0.3s;
  416. -o-transition-duration:0.3s;}
  417.  
  418. #tags a:hover {
  419. -moz-transition-duration:0.3s;
  420. -webkit-transition-duration:0.3s;
  421. -o-transition-duration:0.3s;
  422. c olor:{color:Post links hover};}
  423.  
  424. /*--asks--*/
  425.  
  426. #asker img{
  427. width:40px;
  428. height:40px;
  429. padding:6px;
  430. background-color:{color:background};
  431. margin-left:168px;
  432. border-radius:100%;
  433. -moz-transition-duration:0.6s;
  434. -webkit-transition-duration:0.6s;
  435. -o-transition-duration:0.6s;
  436. -webkit-filter: brightness(100%);
  437. -moz-filter: brightness(100%);
  438. }
  439.  
  440. #ask {
  441. overflow:hidden;
  442. font-size:8px;
  443. letter-spacing:2px;
  444. font-style:none;
  445. line-height:9px;
  446. margin-left:50px;
  447. width:300px;
  448. margin-bottom:20px;
  449. background-color:{color:background};}
  450.  
  451. /*CREDIT*/
  452.  
  453. #cred {
  454. left:-60px;
  455. bottom:6px;
  456. font-size:9px;
  457. padding:5px;
  458. color:{color:Text};
  459. z-index:2147483647;
  460. text-transform:uppercase;
  461. border:1px solid transparent;
  462. position:fixed;
  463. -webkit-transition: all 0.5s ease-out;
  464. -moz-transition: all 0.5s ease-out;
  465. transition: all 0.5s ease-out;}
  466. #cred:hover {
  467. left:6px;
  468. border-bottom:1px solid {color:border};
  469. -webkit-transition: all 0.5s ease-out;
  470. -moz-transition: all 0.5s ease-out;
  471. transition: all 0.5s ease-out;}
  472. #cred:hover a{
  473. color:{color:Post links};}
  474. #cred a{
  475. color:{color:text};}
  476.  
  477. /*-- audio --*/
  478.  
  479. #whit{
  480. overflow:hidden;
  481. position:absolute;
  482. opacity:0.2;
  483. width:70px;
  484. height:70px;
  485. margin-left:13px;
  486. z-index:214748364;
  487. margin-top:6px;
  488. background-color:white;
  489. -moz-transition-duration:0.6s;
  490. -webkit-transition-duration:0.6s;
  491. -o-transition-duration:0.6s;}
  492. #player {
  493. width:28px;
  494. height:30px;
  495. opacity:1;
  496. z-index:2147483647;
  497. margin:22px;
  498. overflow:hidden;
  499. -moz-transition-duration:0.6s;
  500. -webkit-transition-duration:0.6s;
  501. -o-transition-duration:0.6s;}
  502.  
  503. .post:hover #whit{
  504. opacity:0.8;
  505. -moz-transition-duration:0.6s;
  506. -webkit-transition-duration:0.6s;
  507. -o-transition-duration:0.6s;}
  508.  
  509. #albumart {
  510. width:70px;
  511. height:70px;
  512. padding:6px;
  513. z-index:2000;
  514. background-color:{color:Shadow};
  515. margin:0px 7px;
  516. -moz-transition-duration:0.6s;
  517. -webkit-transition-duration:0.6s;
  518. -o-transition-duration:0.6s;}
  519. #albumart img{
  520. -webkit-filter: brightness(110%);
  521. -moz-filter: brightness(110%);
  522. -moz-transition-duration: 0.6s;}
  523.  
  524. #infoaudio {
  525. position:absolute;
  526. overflow:hidden;
  527. font-size:8px;
  528. letter-spacing:2px;
  529. text-transform:uppercase;
  530. font-family:'calibri';
  531. font-style:none;
  532. line-height:8px;
  533. margin-top:-82px;
  534. margin-left:7px;
  535. width:300px;
  536. max-height:62px;
  537. border-left:solid 82px transparent;
  538. z-index:-1;
  539. padding:15px;
  540. padding-top:5px;
  541. background-color:{color:Background};}
  542.  
  543. {CustomCSS}
  544.  
  545. .drag{
  546. pointer-events:none;}
  547.  
  548. #s-m-t-tooltip {
  549. max-width:300px;
  550. padding:5px;
  551. padding-top:2px;
  552. padding-bottom:2px;
  553. margin:5px 0px 0px 10px;
  554. background-color:{color:background};
  555. font-family:calibri;
  556. font-size:8px;
  557. line-height:8px;
  558. text-transform:uppercase;
  559. color:{color:text};
  560. z-index:2147483647;}
  561.  
  562. ol.notes {
  563. padding: 0px;
  564. font-family:calibri;
  565. margin: 25px 0px;
  566. list-style-type:none;
  567. border-bottom: solid 1px {color:Border};
  568. color: #777;
  569. font-size: 8px;}
  570. ol.notes a{
  571. text-transform:uppercase;
  572. letter-spacing:1px;}
  573. ol.notes li.note {
  574. border-top: solid 1px {color:Border};
  575. padding: 10px;}
  576. ol.notes li.note img.avatar {
  577. vertical-align: -4px;
  578. margin-right: 10px;
  579. width: 16px;
  580. height: 16px;
  581. display: inline-block;}
  582. ol.notes li.note span.action {
  583. font-weight: normal;}
  584. ol.notes li.note .answer_content {
  585. font-weight: normal;}
  586. ol.notes li.note blockquote {
  587. border-color: {color:Border};
  588. padding: 4px 10px;
  589. margin: 10px 0px 0px 25px;}
  590. ol.notes li.note blockquote a {
  591. text-decoration: none;}
  592.  
  593. #title {
  594. margin-left:-200px;
  595. width:400px;
  596. top:0px;
  597. padding-top:80px;
  598. font-weight:bold;}
  599.  
  600. header{
  601. position: fixed;
  602. width: 100%;
  603. top:110px;
  604. height: 190px;
  605. left:50%;
  606. margin-left:0px;
  607. -webkit-transition: all 0.6s;
  608. -moz-transition: all 0.6s;
  609. transition: all 0.6s;}
  610.  
  611. header.sticky {
  612. margin-left:-400px;}
  613.  
  614. .demo-text {
  615. color: {color:title};
  616. font-style:normal;
  617. text-align:center;
  618. text-transform:uppercase;
  619. font-family: 'Noto Sans';
  620. font-weight: 700;
  621. line-height:70px;}
  622.  
  623. .clk {
  624. -webkit-user-select: none;
  625. -khtml-user-select: none;
  626. -moz-user-select: none;
  627. -ms-user-select: none;
  628. user-select: none;}
  629.  
  630. .cont {
  631. margin:auto;
  632. width:100%;
  633. height:100%;
  634. z-index:20;
  635. width:1300px;}
  636.  
  637.  
  638. /*--Cursor code--*/
  639.  
  640. {block:ifCursor}
  641. *, body, img, a, a:hover {cursor: url("http://www.totallylayouts.com/cursors/random/tiny_cursor.png"), auto }
  642. {/block:ifCursor}
  643.  
  644. {CustomCSS}
  645.  
  646. </style></head>
  647.  
  648. <body>
  649.  
  650. <header><h1 id="title" class="demo-text" style="font-family:{select:Title font}; font-size:{select:Title size}">{title}</h1>
  651.  
  652. <div id="sidebar">
  653.  
  654. <div id="sidebarimg"><img src="{image:Sidebar}"></div>
  655.  
  656. <div id="links">
  657. <a href="/" title="home">i.</a>
  658. <a href="/ask" title="letters">ii.</a>
  659. {block:iflink1}<a href="{text:link 1 url}" title="{text:link 1}">iii.</a>{/block:iflink1}
  660. {block:iflink2}<a href="{text:link 2 url}" title="{text:link 2}">iv.</a>{/block:iflink2}
  661. {block:iflink3}<a href="{text:link 3 url}" title="{text:link 3}">v.</a>{/block:iflink3}
  662. {block:iflink4}<a href="{text:link 4 url}" title="{text:link 4}">vi</a>{/block:iflink4}
  663. </div>
  664.  
  665. <div id="description">{description}</div>
  666. </div>
  667. </header>
  668.  
  669. <div id="entries">
  670. {block:Posts}
  671. {block:ContentSource}
  672. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  673. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  674. {/block:SourceLogo}
  675. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  676. {/block:ContentSource}
  677.  
  678. <div class="post">
  679.  
  680. {block:Text}
  681. <h1>{block:Title}{Title}{/block:Title}</h1>
  682. {Body}{/block:Text}
  683.  
  684. {block:Photo}{LinkOpenTag}<center>
  685. <img src="{PhotoURL-400}">{LinkCloseTag}</center>
  686. {block:Caption}{Caption}{/block:Caption}{/block:Photo}
  687.  
  688. {block:Photoset}{Photoset-400}{block:Caption}{Caption}
  689. {/block:Caption}{/block:Photoset}
  690.  
  691. {block:Quote}<h2>"{Quote}"</h2>
  692. {block:Source}<div class="qsource">{Source}</div>
  693. {/block:Source}{/block:Quote}
  694.  
  695. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  696.  
  697. {block:Chat}{block:Title}{Title}{/block:Title}{block:Lines}{block:Label}<b><u>{Label}</u></b>{/block:Label} {Line}<br>{/block:Lines}<br>{/block:Chat}
  698.  
  699. {block:Audio}<div id="playcont"></div>
  700. <div id="whit"><div id="player">{AudioPlayerWhite} </div> </div>
  701. <div id="albumart">{block:AlbumArt}<img src="{AlbumArtURL}" width="70">{/block:AlbumArt}</div><div id="infoaudio">{block:TrackName}
  702. <p style="font-size:14px;font-weight:normal;padding:4px; margin-left:-20px; padding-left:20px; line-height:25px; font-family:'cambria'; text-transform:none;">{TrackName}</p>
  703. {/block:TrackName} {block:Artist}
  704. <p style="margin-top:-18px">by <i>{Artist}</i></p>
  705. {/block:Artist}
  706. </div>
  707. {block:caption}{caption}{/block:caption}
  708. {/block:Audio}<br>
  709.  
  710. {block:Video}{Video-400}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  711.  
  712. {block:Answer}<div id="asker"><img src="{AskerPortraitURL-40}"></div><div id="ask"><center><span style="text-transform:uppercase; font-family: calibri; font-size:9px">{Asker}</span> said:</center></p><i> {Question}</i></div> {Answer}<br>{/block:Answer}
  713.  
  714. <div id="info"><span style="float:left;">{block:NotReblog}posted {/block:NotReblog}{block:Date}<a href="{Permalink}">
  715. {TimeAgo}</a></a>{/block:Date}{block:NoteCount} | <font color="#FFB0B8">❤</font>
  716. {NoteCount}</a>{/block:NoteCount}</span>
  717. <span style="float:right;"><a href="{ReblogURL}" title="Reblog This Post">Reblog</a>{block:RebloggedFrom} | <a href="{ReblogParentURL}" title="{ReblogParentName}">via</a> | <a href="{ReblogRootURL}"title="{ReblogRootName}">Source</a>{/block:RebloggedFrom}</span>
  718. </div>{block:HasTags}<div id="tags"><center>{block:Tags} <a href="{TagURL}">{Tag}.</a>{/block:Tags}</center>
  719. </div>{block:HasTags}</div>
  720. {/block:Posts}
  721. <br><br>{block:PostNotes}<div id="notes"><left>{PostNotes}</div>{/block:PostNotes}
  722. {/block:Posts}
  723.  
  724. <div id="pagination">
  725. {block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">back</a> | {/block:PreviousPage}{block:NextPage} <a href="{NextPage}">forth</a>{/block:NextPage}{/block:Pagination}
  726. </div>
  727.  
  728.  
  729. </div></div></div></div>
  730.  
  731. <div id="cred">
  732. <a href="http://deanlirium.tumblr.com/">deanlirium <span style="font-size:12px;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;╳</span></a>
  733. </div></div></div></div></div></div></div>
  734.  
  735.  
  736. </div></div></div></div>
  737.  
  738. </body>
  739.  
  740.  
  741. <script type="text/javascript">
  742. var shine = new Shine(document.getElementById('title'));
  743.  
  744. function handleMouseMove(event) {
  745. shine.light.position.x = event.clientX;
  746. shine.light.position.y = event.clientY;
  747. shine.draw();
  748. }
  749.  
  750. window.addEventListener('mousemove', handleMouseMove, false);
  751.  
  752.  
  753. var config = new shinejs.Config({
  754. numSteps: 5,
  755. opacity: 0.5,
  756. opacityPow: 1.8,
  757. offset: 0.15,
  758. blur: 40,
  759. blurPow: 1,
  760. shadowRGB: new shinejs.Color({RGBcolor:Shadow})
  761. });
  762.  
  763. shine.config = config;
  764. shine.draw();
  765.  
  766. {block:ifShadowautopilot}
  767. function update() {
  768. window.requestAnimationFrame(update);
  769. var time = new Date().getTime();
  770. var speed = 0.00018; // 1 = 1000 rotations/s
  771. var phase = time * speed * 2.0 * Math.PI;
  772. var radiusX = window.innerWidth * 0.5;
  773. var radiusY = window.innerHeight * 0.5;
  774. shine.light.position.x = radiusX + radiusX * Math.cos(phase);
  775. shine.light.position.y = radiusY + radiusY * Math.sin(phase * 0.7);
  776. shine.draw();
  777. }
  778.  
  779. update();
  780. {/block:ifShadowautopilot}
  781.  
  782. </script>
  783.  
  784. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
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!