Don't like ads? PRO users don't see any ads ;-)
Public Pastes

Ghosts

By: ishvi on May 9th, 2012  |  syntax: None  |  size: 9.12 KB  |  hits: 448  |  expires: Never
download  |  raw  |  embed  |  report abuse  |  print
Text below is selected. Please press Ctrl+C to copy to your clipboard. (⌘+C on Mac)
  1. <html>
  2. <!-- Ghosts theme by ishvi.tumblr.com -->
  3. <head>
  4. <title>{block:PostTitle}{PostTitle} - {/block:PostTitle}{Title}</title>
  5. <link rel="shortcut icon" href="{Favicon}">
  6. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  7. {block:Description}
  8. <meta name="description" content="{MetaDescription}" />
  9. {/block:Description}
  10.  
  11. <meta name="color:Background" content="#ffffff" />
  12. <meta name="image:Background" content="http://static.tumblr.com/vqwkook/KB5m3s63s/dots.png" />
  13. <meta name="color:Font" content="#888888" />
  14. <meta name="color:Links" content="#555555" />
  15. <meta name="color:Navigation" content="#668877" />
  16. <meta name="color:Post Titles" content="#668877" />
  17. <meta name="color:Note Tab" content="#668877" />
  18. <meta name="color:Scrollbar" content="#000000" />
  19. <meta name="if:Infinite Scroll" content="0" />
  20. <meta name="if:Circle Icon" content="1" />
  21. <meta name="if:Show Captions" content="1" />
  22.  
  23. </head>
  24. <style>
  25. ::-webkit-scrollbar {
  26.     width: 6px;
  27. }
  28. ::-webkit-scrollbar-track {
  29.     -webkit-box-shadow: inset 0 0 0px {color:Scrollbar};
  30. }
  31. ::-webkit-scrollbar-track-piece{
  32.         background-color: {color:Background};
  33.         -webkit-border-radius: 3;
  34. }
  35. ::-webkit-scrollbar-thumb:vertical{
  36.         background: {color:Scrollbar};
  37. }
  38. body {
  39.         background: {color:Background} url('{image:Background}');
  40.         font-family:"Arial", sans-serif;
  41.         font-size: 11px;
  42.         color: {color:Font};
  43.         line-height: 20px;
  44.         text-align: center;
  45.         margin: 0;
  46.         padding: 0;
  47. }
  48. a {
  49.         text-decoration: none;
  50. }
  51. a img {
  52.         border: none;
  53. }
  54. #wrap {
  55.         margin-top: 50px;
  56.         margin-bottom: 50px;
  57.         margin-left: auto;
  58.         margin-right: auto;
  59.         width: 480px;
  60. }
  61. #top {
  62.         background: #ffffff;
  63.         width: 480px;
  64.         height: 200px;
  65.         overflow: hidden;
  66.         margin-left: auto;
  67.         margin-right: auto;
  68.         margin-bottom: 20px;
  69. }
  70. #icon {
  71.         background: url('{PortraitURL-96}') center no-repeat;
  72.         overflow: hidden;
  73.         height: 96px;
  74.         width: 96px;
  75.         margin-top: 20px;
  76.         margin-left: 30px;
  77.         float: left;
  78. {block:ifCircleIcon}
  79.         border-radius: 48px;
  80.         -moz-border-radius: 48px;
  81.         -khtml-border-radius: 48px;
  82.         -webkit-border-radius: 48px;
  83. {/block:ifCircleIcon}
  84. }
  85. #description {
  86.         float: right;
  87.         margin-top: 20px;
  88.         margin-right: 10px;
  89.         width: 305px;
  90.         height: 100px;
  91.         padding-right: 5px;
  92.         overflow: auto;
  93.         text-align: justify;
  94. }
  95. ul.navigation {
  96.         font-family: "Consolas", sans-serif;
  97.         font-size: 12px;
  98.         text-transform: uppercase;
  99.         letter-spacing: 2px;
  100.         text-align: center;
  101.         padding-right: 30px;
  102. }
  103. ul.navigation li {
  104.         list-style-type: none;
  105.         display: inline;
  106. }
  107. ul.navigation li a {
  108.         font-weight: normal;
  109.         color: {color:Navigation};
  110.         margin-right: 10px;
  111.         padding-bottom: 3px;
  112. }
  113. ul.navigation li a:hover {
  114.         border-bottom: 2px solid #eeeeee;
  115. }
  116. #content {
  117.         margin-left: auto;
  118.         margin-right: auto;
  119.         width: 480px;
  120.         text-align: justify;
  121.         line-height: 150%;
  122. }
  123. .post a {
  124.         color: {color:Links};
  125.         text-decoration: none;
  126. }
  127. .subject {
  128.         font-family: "Georgia", sans-serif;
  129.         line-height: 1;
  130.         text-align: left;
  131.         letter-spacing: 2px;
  132.         padding: 10px 5px 5px 15px;
  133.         margin: 5px;
  134. }
  135. h1 {
  136.         font-size: 22px;
  137.         color: {color:Post Titles};
  138.         padding: 0px 0 0 10px;
  139.         font-weight: normal;
  140. }
  141. h1 a {
  142.         color: {color:Post Titles};
  143.         font-weight: normal;
  144. }
  145. .postcontainer {
  146.         overflow: hidden;
  147.         position: relative;
  148.         width: 480px;
  149.         background: #ffffff;
  150. }
  151. .post {
  152.         padding: 10px;
  153. }
  154. .post img {
  155.         max-width: 400px;
  156. }
  157. .post blockquote {
  158.         border-left: 5px solid #111111;
  159.         padding-left: 6px;
  160.         margin-left: 5px;
  161. }
  162. .photo, .video {
  163.         text-align: center;
  164. }
  165. .quote {
  166.         font-family: "Georgia", sans-serif;
  167.         font-size: 30px;
  168.         float: left;
  169.         color: #111111;
  170.         line-height: 150%;
  171. }
  172. .audio {
  173.         text-align: center;
  174. }
  175. .album {
  176.         float: right;
  177.         display: block;
  178.         z-index:1;
  179. }
  180. .album_art{
  181.         width: 50px;
  182.         height: 50px;
  183.         border: 5px solid #111111;
  184. }
  185. .ask {
  186.         font-size: 10px;
  187.         font-style: italic;
  188.         background: #f5f5f5;
  189.         border: 1px solid #eeeeee;
  190.         padding: 3px;
  191. }
  192. .ask_f {
  193.         font-style: normal;
  194.         text-transform: lowercase;
  195. }
  196. .ask_icon {
  197.         height: 30px;
  198.         width: 30px;
  199.         border: 1px solid #eeeeee;
  200.         padding: 1px;
  201.         margin-right: 3px;
  202.         float: left;
  203. }
  204. .permalink {
  205.         font-family: "Courier New", sans-serif;
  206.         font-size: 10px;
  207.         text-align: center;
  208.         width: 480px;
  209.         position: relative;
  210.         text-transform: uppercase;
  211.         letter-spacing: 1px;
  212.         margin-top: 20px;
  213. }
  214. .tab {
  215.         float: right;
  216.         width: 200px;
  217.         margin-bottom: 20px;
  218.         text-align: center;
  219.         border-radius: 0 0 10px 10px;
  220.         -moz-border-radius: 0 0 10px 10px;
  221.         -khtml-border-radius: 0 0 10px 10px;
  222.         -webkit-border-radius: 0 0 10px 10px;
  223.         padding: 5px 7px 7px 7px;
  224.         background: {color:Note Tab};
  225. }
  226. .tab a {
  227.         font-famiy: "Consolas", sans-serif;
  228.         font-size: 8px;
  229.         letter-spacing:2px;
  230.         color: #ffffff;
  231.         text-transform: uppercase;
  232. }
  233. ol.notes {
  234.         list-style-type: none;
  235.         background: transparent;
  236.         border: none;
  237.         margin: 0;
  238.         padding: 0;
  239. }
  240. ol.notes li.note {
  241.         padding: 1px;
  242.         text-align: left;
  243.         letter-spacing: 0px;
  244. }
  245. .notes img{
  246.         width: 10px;
  247.         height: 10px;
  248. }
  249. .clear {
  250.         clear: both;
  251. }
  252. #jump {
  253.         position: fixed;
  254.         bottom: 10px;
  255.         right: 10px;
  256. }
  257. </style>
  258. </head>
  259. <body>
  260.  
  261. {block:ifInfiniteScroll}
  262. <script type="text/javascript" src="http://static.tumblr.com/q0etgkr/lPHlj76n8/infinitescrollingbycodysherman.js"></script>
  263. {/block:ifInfiniteScroll}
  264.  
  265. {block:ifNotInfiniteScroll}
  266. {block:Pagination}
  267. <div id="jump">
  268. {block:PreviousPage}<a href="{PreviousPage}"><img src="http://static.tumblr.com/vqwkook/J47m3l98a/arrowleft.png"></a>{/block:PreviousPage}
  269. {block:NextPage}<a href="{NextPage}"><img src="http://static.tumblr.com/vqwkook/Wc7m3l99d/arrowright.png"></a>{/block:NextPage}
  270. </div>
  271. {/block:Pagination}
  272. {/block:ifNotInfiniteScroll}
  273.  
  274. <div id="wrap">
  275. <div id="top">
  276. <div id="icon"></div>
  277. <div id="description">{Description}</div>
  278. <div class="clear"></div>
  279. <ul class="navigation">
  280. <li><a href="/">Index</a></li>
  281. <li><a href="/ask">Ask</a></li>
  282. {block:HasPages}
  283. {block:Pages}
  284. <li><a href="{URL}">{Label}</a></li>
  285. {/block:Pages}
  286. {/block:HasPages}
  287. <li><a href="http://ishvi.tumblr.com" target="_blank">Theme</a></li>
  288. </ul>
  289. </div>
  290.  
  291. <div id="content">
  292.  
  293. {block:ifInfiniteScroll}
  294. <div class="autopagerize_page_element">
  295. {/block:ifInfiniteScroll}
  296.  
  297. {block:Posts}
  298.  
  299. <div class="postcontainer">
  300. <div class="post">
  301.  
  302. <div class="subject">
  303. {block:Title}<h1>{Title}</h1>{/block:Title}
  304. </div>
  305.  
  306. {block:Text}
  307. {Body}
  308. {/block:Text}
  309.  
  310. {block:Photo}
  311. <center>{LinkOpenTag}<img src="{PhotoURL-400}" alt="{PhotoAlt}">{LinkCloseTag}</center>
  312.  
  313. {block:ifShowCaptions}
  314. {block:Caption}
  315. {Caption}
  316. {/block:Caption}
  317. {/block:ifShowCaptions}
  318.  
  319. {block:ifNotShowCaptions}
  320. {block:PermalinkPage}
  321. {block:Caption}
  322. {Caption}
  323. {/block:Caption}
  324. {/block:PermalinkPage}
  325. {/block:ifNotShowCaptions}
  326.  
  327. {/block:Photo}
  328.  
  329. {block:Photoset}
  330. <div class="photo">{Photoset-400}</div>
  331. {block:ifShowCaptions}
  332. {block:Caption}
  333. {Caption}
  334. {/block:Caption}
  335. {/block:ifShowCaptions}
  336.  
  337. {block:ifNotShowCaptions}
  338. {block:PermalinkPage}
  339. {block:Caption}
  340. {Caption}
  341. {/block:Caption}
  342. {/block:PermalinkPage}
  343. {/block:ifNotShowCaptions}
  344. {/block:Photoset}
  345.  
  346. {block:Quote}
  347. <div class="quote">{Quote}</div>
  348. {block:Source}<p align="right">&mdash; {Source}</p>{/block:Source}
  349. {/block:Quote}
  350.  
  351. {block:Link}
  352. {block:Description}{Description}{/block:Description}
  353. {/block:Link}
  354.  
  355. {block:Chat}
  356. {block:Lines}
  357. {block:Label}
  358. <b>{Label}</b>
  359. {/block:Label}
  360. {Line}<br />
  361. {/block:Lines}
  362. {/block:Chat}
  363.  
  364. {block:Audio}
  365. {block:AlbumArt}<div class="album"><img src="{AlbumArtURL}" class="album_art"></div>{/block:AlbumArt}
  366. <div class="audio">{AudioPlayerBlack}</br>
  367. {block:TrackName}"<b>{TrackName}</b>"{/block:TrackName} {block:Artist} by {Artist}{/block:Artist}
  368. </div>
  369. {block:ifShowCaptions}
  370. {block:Caption}
  371. {Caption}
  372. {/block:Caption}
  373. {/block:ifShowCaptions}
  374.  
  375. {block:ifNotShowCaptions}
  376. {block:PermalinkPage}
  377. {block:Caption}
  378. {Caption}
  379. {/block:Caption}
  380. {/block:PermalinkPage}
  381. {/block:ifNotShowCaptions}
  382. {/block:Audio}
  383.  
  384. {block:Video}
  385. <div class="video">{Video-400}</div>
  386. {block:ifShowCaptions}
  387. {block:Caption}
  388. {Caption}
  389. {/block:Caption}
  390. {/block:ifShowCaptions}
  391.  
  392. {block:ifNotShowCaptions}
  393. {block:PermalinkPage}
  394. {block:Caption}
  395. {Caption}
  396. {/block:Caption}
  397. {/block:PermalinkPage}
  398. {/block:ifNotShowCaptions}
  399. {/block:Video}
  400.  
  401. {block:Answer}
  402. <div class="ask">
  403. <img src="{AskerPortraitURL-30}" class="ask_icon">
  404. <span class="ask_f">{Asker} sent:</span> {Question}
  405. </div>
  406. <div class="clear"></div>
  407. {Answer}
  408. {/block:Answer}
  409.  
  410. {block:PermalinkPage}
  411. <div class="permalink">
  412. {block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}<br />
  413. {block:RebloggedFrom}Origin: <a href="{ReblogRootURL}">{ReblogRootName}</a>  &nbsp;|&nbsp;  Via: <a href="{ReblogParentURL}">{ReblogParentName}</a><br />{/block:RebloggedFrom}
  414. {block:HasTags}Tags: {block:Tags}<a href="{TagURL}">#{Tag}</a>&nbsp;{/block:Tags}{/block:HasTags}<br><br>
  415. {block:PostNotes}
  416. {PostNotes}
  417. {/block:PostNotes}
  418. </div>
  419. {/block:PermalinkPage}
  420.  
  421. </div>
  422. </div>
  423.  
  424. {block:IndexPage}
  425. <div class="tab">
  426. <a href="{Permalink}">{block:Date}{TimeAgo}{/block:Date} {block:NoteCount}| {NoteCountWithLabel}{/block:NoteCount}</a>
  427. </div>
  428. {/block:IndexPage}
  429.  
  430. {/block:Posts}
  431.  
  432. </div>
  433.  
  434. <div class="clear"><div>
  435.  
  436. </div>
  437. </div>
  438. </body>
  439. </html>
create a new version of this paste RAW Paste Data