API tools faq
paste
Advertisement
lizarps

Theme #007: Ghostly

lizarps
May 27th, 2015
550
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 15.84 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. <script type="text/javascript" language="javascript" src="http://assets.tumblr.com/assets/scripts/pre_tumblelog.js?_v=0fe6931f685c5a29060675a836044a62"></script>
  3.  
  4. <!--
  5. base code by adoredash
  6. with thanks to makeyoubleeds
  7. THEME EDITED FURTHER BY MORRISONSRPH
  8. edit as you please, but don't remove the credits
  9.  
  10. -->
  11.  
  12. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  13. <head>
  14. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  15. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  16.  
  17. <script>
  18. (function($){
  19. $(document).ready(function(){
  20. $("a[title]").style_my_tooltips({
  21. tip_follows_cursor:true,
  22. tip_delay_time:50,
  23. tip_fade_speed:600,
  24. attribute:"title"
  25. });
  26. });
  27. })(jQuery);
  28. </script>
  29.  
  30. <title>{Title}</title>
  31. <link rel="shortcut icon" href="{Favicon}">
  32. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  33. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  34.  
  35.  
  36. <meta name="color:Text" content="#000000"/>
  37. <meta name="color:Background" content="#ffffff"/>
  38. <meta name="color:Link" content="#000000"/>
  39. <meta name="color:Tags" content="#000000"/>
  40. <meta name="color:Hover" content="#bbbbbb"/>
  41. <meta name="color:scrollbar" content="#000000"/>
  42. <meta name="color:scrollbarbg" content="#ffffff"/>
  43. <meta name="color:Border" content="#000000"/>
  44.  
  45. <meta name="image:bg" content=""/>
  46. <meta name="image:sidebar" content=""/>
  47. <meta name="text:home link" content="home">
  48. <meta name="text:ask link" content="inbox">
  49. <meta name="text:home title" content="home">
  50. <meta name="text:ask title" content="inbox">
  51. <meta name="text:link1 url" content="/nav">
  52. <meta name="text:link1 title" content="navigation">
  53. <meta name="text:link2 url" content="/more">
  54. <meta name="text:link2 title" content="more">
  55.  
  56. <meta name="if:styledpre" content="1" />
  57.  
  58. <style type="text/css">
  59.  
  60. ::-webkit-scrollbar-thumb {
  61. height:auto;
  62. background-color:{color:Scrollbar};
  63. }
  64.  
  65. ::-webkit-scrollbar {
  66. height:9px;
  67. width:4px;
  68. background-color:{color:ScrollbarBg};
  69. }
  70.  
  71. #s-m-t-tooltip {
  72. position:absolute;
  73. margin-top:5px;
  74. font-family:helvetica;
  75. font-size:10px;
  76. padding:5px;
  77. width:auto;
  78. text-align:center;
  79. z-index: 9999999999999999;
  80. color:{color:Text};
  81. background:{color:Background};
  82. }
  83.  
  84. body {
  85. background-color:{color:Background};
  86. font-family:helvetica;
  87. background: url('{image:bg}');
  88. font-size:9px;
  89. padding-bottom:5px;
  90. padding-top:0px;
  91. padding-right:0px;
  92. padding-left:0px;
  93. text-align:justify;
  94. color:{color:Text};
  95. margin:0;
  96. }
  97. /*GHOSTIE UPDATES TAB - change the image in the CSS section*/
  98. #todos {
  99. text-align:left;
  100. font-size: 11px;
  101. position:fixed;
  102. left:5px;
  103. top:-111px;
  104. -webkit-transition: all .5s ease-in-out;
  105. -moz-transition: all .5s ease-in-out;
  106. -o-transition: all .5s ease-in-out;
  107. z-index:999;
  108. }
  109.  
  110. #todos:hover {top:0px;}
  111.  
  112. #todo {
  113. border:1px solid;
  114. border-color:#000;
  115. font-size:9px;
  116. padding: 5px 0 5px 0;
  117. background: #fff;
  118. width:200px;
  119. height:100px;
  120. z-index: 9999;
  121. }
  122.  
  123. #todotab {
  124. border:1px solid;
  125. border-color:#000;
  126. text-align:left;
  127. text-decoration:bold;
  128. height:10px;
  129. padding: 6px 0 8px 0;
  130. background:#fff;
  131. border-bottom-left-radius: 5px;
  132. -moz-border-radius-bottomleft: 5px;
  133. -webkit-border-bottom-left-radius: 5px;
  134. border-bottom-right-radius: 5px;
  135. -moz-border-radius-bottomright: 5px;
  136. -webkit-border-bottom-right-radius: 5px;
  137. width: 100px;
  138. }
  139.  
  140. a {
  141. text-decoration:none;
  142. -moz-outline-style:none;
  143. color:{color:Link};
  144. -webkit-transition: all 0.5s ease;
  145. -moz-transition: all 0.5s ease;
  146. -o-transition: all 0.5s ease
  147. }
  148.  
  149. a:hover {
  150. opacity:1;
  151. font-style:italic;
  152. -webkit-transition: all 0.5s ease;
  153. -moz-transition: all 0.5s ease;
  154. -o-transition: all 0.5s ease
  155. }
  156.  
  157. {block:ifstyledpre}
  158. pre {
  159. text-align:center;
  160. padding:6px;
  161. border:1px solid {color:Text};
  162. box-shadow:2px 2px #ccc;
  163. background:transparent;
  164. color:{color:Text};
  165. font-size:10px;
  166. word-wrap:break-word;
  167. font-family:helvetica;
  168. text-transform:uppercase;
  169. margin:10px;
  170. }
  171. {/block:ifstyledpre}
  172.  
  173. small {
  174. font-size:9px;
  175. }
  176.  
  177. h1 {
  178. font-size:12px;
  179. text-align:center;
  180. color:{color:Text};
  181. text-transform:uppercase;
  182. padding:2px;
  183. letter-spacing:1px;
  184. }
  185.  
  186. blockquote {
  187. text-align:justify;
  188. margin:10px;
  189. padding-left:19px;
  190. border-left: 1px solid {color:Text};
  191. }
  192.  
  193. blockquote img {
  194. max-width:370px!important;
  195. }
  196.  
  197. #sidebar {
  198. position:fixed;
  199. width:200px;
  200. margin-right:0px;
  201. margin-left:320px;
  202. margin-top:173px;
  203. margin-bottom:0px;
  204. opacity:1;
  205. }
  206.  
  207. .sidebarimg {
  208. position:fixed;
  209. margin-top:15px;
  210. margin-left:-49px;
  211. margin-bottom:10px;
  212. font-family:arial;
  213. height:200px;
  214. font-size:10px;
  215. font-style:normal;
  216. width:200px;
  217. padding:9px;
  218. text-align:justify;
  219. background-color: #ffffff;
  220. border:1px solid;
  221. padding:5px;
  222. }
  223.  
  224. .sidebarimg img {
  225. width:200px;
  226. height:200px;
  227. opacity:1;
  228. padding-top:1px;
  229. padding-bottom:1px;
  230. padding-right:1px;
  231. padding-left:1px;
  232. }
  233.  
  234. #blogt {
  235. font-size:15px;
  236. line-height:20px;
  237. font-weight:bold;
  238. margin-top:-41px;
  239. margin-left:-2px;
  240. padding-right:3px;
  241. color:{color:Text};
  242. text-align:right;
  243. background-color:#ffffff;
  244. text-shadow: 1px 1px #000000;
  245. margin-bottom:2px;
  246. width:160px;
  247. border:1px solid;
  248. z-index:9999999999;
  249. }
  250.  
  251. #desc {
  252. width:192px;
  253. height:124px;
  254. padding:9px;
  255. border:1px solid;
  256. margin-top:237px;
  257. margin-left:-49px;
  258. background-color: #ffffff;
  259. overflow-y:scroll;
  260. overflow-x:hidden;
  261. }
  262. #link {
  263. width:366px;
  264. border:1px solid;
  265. margin-bottom:10px;
  266. margin-left:285px;
  267. margin-top:-423px;
  268. font-size:20px;
  269. text-transform:uppercase;
  270. text-shadow: 1px 1px #000000;
  271. text-align:left;
  272. letter-spacing:13px;
  273. line-height:170%;
  274. padding:5px;
  275. background-color:#ffffff;
  276. }
  277.  
  278. #link a{
  279. padding:3px;
  280. color:#ffffff;
  281. letter-spacing:0px;
  282. text-decoration:none;
  283. -moz-transition-duration:1s;
  284. -webkit-transition-duration:1s;
  285. -o-transition-duration:1s;
  286. }
  287.  
  288. #link a:hover{
  289. color:{color:hover};
  290. -moz-transition-duration:1s;
  291. -webkit-transition-duration:1s;
  292. -o-transition-duration:1s;
  293. }
  294.  
  295.  
  296. .pagi {
  297. margin-left:-49px;
  298. margin-top:384px;
  299. font-family:helvetica;
  300. font-size:9px;
  301. text-align:center;
  302. z-index:9999999999999;
  303. width:192px;
  304. background-color: #ffffff;
  305. border:1px solid;
  306. padding:9px;
  307. }
  308.  
  309. .pagi a {
  310. font-size:9px;
  311. z-index:9999999999999;
  312. }
  313.  
  314. #photo {
  315. margin-bottom:10px;
  316. width:500px;
  317. }
  318.  
  319. #entries {
  320. padding:10px;
  321. width:500px;
  322. margin-left:30px;
  323. margin-top:10px;
  324. font-size:10px;
  325. margin-bottom:10px;
  326. }
  327.  
  328. #posts {
  329. width:500px;
  330. padding-bottom:10px;
  331. padding:10px;
  332. margin-top:0px;
  333. background-color:#ffffff;
  334. }
  335.  
  336. #con {
  337. position:fixed;
  338. width:600px;
  339. height:400px;
  340. border:1px solid;
  341. margin-top:170px;
  342. margin-left:500px;
  343. overflow-y:scroll;
  344. overflow-x:hidden;
  345. background-color:#ffffff;
  346. }
  347.  
  348. #info {
  349. border-top: 1px dotted {color:Border};
  350. width:500px;
  351. padding-top:8px;
  352. font-size:8px;
  353. margin-left:-1px;
  354. font-style:normal;
  355. text-align:left;
  356. text-transform:uppercase;
  357. color:{color:Links};
  358. -moz-transition-duration:0.5s;
  359. -webkit-transition-duration:0.5s;
  360. -o-transition-duration:0.5s;
  361. }
  362.  
  363. #info a{
  364. margin-top:-20px;
  365. color:{color:Link};
  366. }
  367.  
  368. #info a:hover{
  369. color:{color:Hover};
  370. }
  371.  
  372. .tags {
  373. font-family:helvetica;
  374. width:500px;
  375. text-align:left;
  376. padding-top:7px;
  377. text-transform: uppercase;
  378. font-size:8px;
  379. opacity:0;
  380. color:{color:Links};
  381. -moz-transition-duration:0.6s;
  382. -webkit-transition-duration:0.6s;
  383. -o-transition-duration:0.6s;
  384. }
  385.  
  386. .tags a {
  387. font-style:none;
  388. color:{color:Links};
  389. margin-right:5px;
  390. line-height:120%;
  391. }
  392.  
  393. .tags a:hover {
  394. text-decoration:italic;
  395. color:{color:Hover};
  396. }
  397.  
  398. #posts:hover .tags {
  399. opacity:1;
  400. -moz-transition-duration:0.6s;
  401. -webkit-transition-duration:0.6s;
  402. -o-transition-duration:0.6s;
  403. }
  404.  
  405. .notes {
  406. background-color:transparent;
  407. color:{color:Text};
  408. text-transform:normal;
  409. letter-spacing:0px;
  410. font-size:9px;
  411. margin-top:20px;
  412. font-style:normal;
  413. margin-left:-20px;
  414. text-align:left;
  415. line-height:30px;
  416. }
  417.  
  418. .notes img{
  419. padding:2px;
  420. border:1px solid #eee;
  421. margin-bottom:-4px;
  422. -webkit-transition:all 0.5s ease-in-out;
  423. -moz-transition:all 0.5s ease-in-out;
  424. -o-transition:all 0.5s ease-in-out;
  425. -ms-transition:all 0.5s ease-in-out;
  426. transition:all 0.5s ease-in-out;
  427. }
  428.  
  429. .quote {
  430. font-size:18px;
  431. font-family:helvetica;
  432. font-style:normal;
  433. margin-bottom:15px;
  434. text-transform:normal;
  435. text-align:left;
  436. font-weight:bold;
  437. font-style:italic;
  438. color:{color:Text};
  439. }
  440.  
  441. .quotesource {
  442. font-size:9px;
  443. text-align:right;
  444. font-style:none;
  445. text-transform:lowercase;
  446. font-family:helvetica;
  447. margin-bottom:5px;
  448. color:{color:Text};
  449. }
  450.  
  451. .audio {
  452. height:60px;
  453. margin-bottom:50px;
  454. }
  455.  
  456. .audio-album {
  457. position:absolute;
  458. width:50px;
  459. padding:3px;
  460. border:1px solid;
  461. -webkit-transition: opacity 0.1s linear;
  462. opacity: 1;
  463. }
  464.  
  465. .audio-player {
  466. opacity:1;
  467. filter:alpha(opacity=100);
  468. width:25px;
  469. height:25px;
  470. overflow:hidden;
  471. position:absolute;
  472. border:30px;
  473. z-index:2;
  474. margin-left:17px;
  475. margin-top:17px;
  476. opacity:0;
  477. -webkit-transition: all 0.6s ease-out;
  478. -o-transition: all 0.6s ease-out;
  479. -webkit-transition: all 0.6s ease-out;
  480. -moz-transition: all 0.6s ease-out;
  481. }
  482.  
  483. .audio-info {
  484. margin-top:7px;
  485. position:relative;
  486. margin-left:120px;
  487. line-height:180%;
  488. padding:2px;
  489. }
  490.  
  491. .audio:hover .audio-player {
  492. opacity:.6;
  493. -webkit-transition: all 0.6s ease-out;
  494. -o-transition: all 0.6s ease-out;
  495. -webkit-transition: all 0.6s ease-out;
  496. -moz-transition: all 0.6s ease-out;
  497. }
  498.  
  499. .audiocaption {
  500. margin-top:-45px;
  501. position:relative;
  502. margin-left:0px;
  503. padding:2px;
  504. }
  505.  
  506. .ask {
  507. font-size:20px;
  508. font-family:helvetica;
  509. letter-spacing:-2px;
  510. font-weight:bold;
  511. text-align:right;
  512. padding:6px;
  513. background:transparent;
  514. text-transform:lowercase;
  515. }
  516.  
  517. .question {
  518. letter-spacing:0px;
  519. font-style:italic;
  520. padding:4px;
  521. background:transparent;
  522. text-align:center;
  523. color:{color:Text};
  524. border:1px solid;
  525. }
  526.  
  527. .answer {
  528. width:500px;
  529. letter-spacing:0px;
  530. text-align:justify;
  531. padding-top:5px;
  532. margin-bottom:1px;
  533. color:{color:Text};
  534. }
  535.  
  536. .chat ul {
  537. list-style: none;
  538. margin: 0;
  539. padding: 0;
  540. }
  541.  
  542.  
  543. #cred{
  544. float:right;
  545. position:fixed;
  546. bottom:5px;
  547. right:10px;
  548. padding:7px;
  549. font-size:8px;
  550. text-align:center;
  551. line-height:210%;
  552. text-transform:uppercase;
  553. font-weight:bold;
  554. }
  555.  
  556. #cred a{
  557. padding:7px;
  558. color:{color:Text};
  559. border:1px solid;
  560. background-color:#ffffff;
  561. }
  562.  
  563. #cred a:hover{
  564. color:{color:Link};
  565. padding:7px;
  566. background-color:transparent;
  567. }
  568.  
  569. {CustomCSS}
  570.  
  571. </style></head>
  572. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  573. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  574. <script>
  575.  
  576. (function($){
  577.  
  578. $(document).ready(function(){
  579.  
  580. $("a[title]").style_my_tooltips({
  581.  
  582. tip_follows_cursor:true,
  583.  
  584. tip_delay_time:50,
  585.  
  586. tip_fade_speed:600,
  587.  
  588. attribute:"title"
  589.  
  590. });
  591.  
  592. });
  593.  
  594. })(jQuery);
  595.  
  596. </script>
  597.  
  598. <body>
  599.  
  600. <div id="sidebar">
  601. <div id="blogt">{Title}</div>
  602. <div class="sidebarimg"><img src="{image:sidebar}"></div>
  603. <div id="desc">{Description}</div>
  604.  
  605. <div id="link">
  606. <a href="/" title="{text:home title}">{text:home link}</a><a href="/ask" title="{text:ask title}">{text:ask link}</a><a href="/nav" title="{text:nav title}">navigation</a><a href="/more" title="{text:more title}">more</a>
  607. </div>
  608.  
  609. <div id="todos">
  610. <div id="todo"> <left>
  611.  
  612. <code>00/00</code> - update one here<br>
  613. <code>00/00</code> - update two here<br>
  614. <pre>add more stuff here</pre>
  615. Tralalalaa! This is an update, jk I'm typing so you can see what's going down gurl!
  616.  
  617. </left></div>
  618. <img src="http://i57.tinypic.com/20thu9h.png"/>
  619. </div>
  620.  
  621. {block:Pagination}
  622. <div class="pagi">
  623. {block:PreviousPage}
  624. <a href="{PreviousPage}">back ―</a>
  625. {/block:PreviousPage}
  626. {block:NextPage}
  627. <a href="{NextPage}"> forth</a>
  628. {/block:NextPage}
  629. </div>
  630. {/block:Pagination}
  631.  
  632.  
  633. </div>
  634.  
  635. <div id="con">
  636. <div id="entries">{block:Posts}<div id="posts">
  637.  
  638. {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
  639.  
  640. <div id="photo">
  641. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  642. </div>
  643.  
  644. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  645.  
  646.  
  647. {block:Photoset}{Photoset-500}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  648.  
  649.  
  650. {block:Quote}<div class="quote">“{Quote}”</div>{block:Source} <div class="quotesource">—{Source}</div>{/block:Source}{/block:Quote}
  651.  
  652.  
  653. {block:Audio}
  654. <div class="audio">
  655. {block:AlbumArt}<img class="audio-album" src="{AlbumArtURL}">{/block:AlbumArt}
  656. <div class="audio-player">{block:AudioPlayer}{AudioPlayerWhite}{/block:AudioPlayer}</div>
  657.  
  658.  
  659. <div class="audio-info">
  660. {block:TrackName}<b>Title:</b> {TrackName}<BR>{/block:TrackName}
  661. {block:Artist}<b>Artist:</b> {Artist}<BR>{/block:Artist}
  662. {block:Album}<b>Album:</b> {Album}<BR>{/block:Album}
  663. </div></div>
  664. <div class="audiocaption">{block:Caption}{Caption}{/block:Caption}</div>
  665. {/block:Audio}
  666.  
  667.  
  668. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  669.  
  670.  
  671. {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label}{Line}<br>{/block:Lines}{/block:Chat}
  672.  
  673.  
  674.  
  675. {block:Answer}<div class="question"><span style="text-transform:uppercase;font-size:9px;font-style:italic;font-weight:bold;">— {Asker}: </span>{Question}</div><left> <font face="helvetica">{Answer}</font>{/block:Answer}
  676.  
  677.  
  678. <div id="info"><a href="{Permalink}" title="{TimeAgo}"><b>{MonthNumberWithZero}/{DayOfMonthWithZero}/{ShortYear} {12HourWithZero}:{Minutes}{CapitalAmPm}</b></a>{/block:Date} —{block:RebloggedFrom} <a href="{ReblogParentURL}">via</a>{/block:RebloggedFrom}
  679. and {block:ContentSource} <a href="{SourceURL}"><a href="{SourceURL}">source</a>{/block:ContentSource}
  680. {block:RebloggedFrom} <a href="{ReblogParentURL}" target="_blank"></a>{/block:RebloggedFrom}
  681. with {NoteCountWithLabel}</a>{block:HasTags}<div id="tags">
  682. {block:Tags} <a href="/tagged/{Tag}">+ {Tag}</a>{/block:Tags}
  683. </div>{block:HasTags}
  684. </div>
  685. </div>
  686. {/block:Posts}
  687. <br><br>{block:PostNotes}<div id="notes"><left>{PostNotes}</div>{/block:PostNotes}</div></div>
  688. {/block:Posts}</div></div></div>
  689. <br><br><br><br>
  690. </div>
  691.  
  692. </div>
  693. <div id="cred"><a href="http://morrisonsrph.tumblr.com">JMO</a></div></center>
  694.  
  695. {block:ContentSource}
  696. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  697. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  698. {/block:SourceLogo}
  699. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  700. {/block:ContentSource}
  701.  
  702.  
  703. </body></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!