Advertisement
sleepythemes

Keepsake

Jan 10th, 2014
8,225
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 9.58 KB | None | 0 0
  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. <!--
  5. Theme: Keepsakes
  6. A sleepy theme, created by Shannon.
  7. @ sleepingtigers.tumblr.com
  8. -->
  9.  
  10. <head>
  11.  
  12.  
  13. <meta name="color:Text" content="#666666" />
  14. <meta name="color:Link Background" content="#f7f7f7" />
  15.  
  16. <meta name="font:Body" content="Georgia" />
  17.  
  18. <meta name="if:Display Tags" content="1" />
  19. <meta name="if:Endless Scrolling" content="0" />
  20. <meta name="if:Hide Captions" content="0" />
  21.  
  22. <meta name="text:Link One URL" content="/" />
  23. <meta name="text:Link One Title" content="link" />
  24. <meta name="text:Link Two URL" content="/" />
  25. <meta name="text:Link Two Title" content="link" />
  26. <meta name="text:Link Three URL" content="/" />
  27. <meta name="text:Link Three Title" content="link" />
  28.  
  29. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
  30.  
  31.  
  32. <title>{Title}</title>
  33.  
  34. <link rel="shortcut icon" href="{Favicon}">
  35. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  36. {block:Description}
  37. <meta name="description" content="{MetaDescription}" />
  38. {/block:Description}
  39.  
  40.  
  41. <style type="text/css">
  42. body{ background-color:{color:background}; background-image:url({image:background}); background-postition:center; background-attachment: fixed; background-repeat: repeat; color:{color:Text}; font-family:{font:Body}; font-size:9px; line-height: 15px; text-align:justify;}
  43. a:link, a:active, a:visited { border-bottom:1px solid transparent; padding-bottom:3px; color: #000; text-decoration:none; -webkit-transition:all 0.8s; -moz-transition:all 0.8s; -ms-transition:all 0.8s; -o-transition:all 0.8s; transition:all 0.8s; }
  44. a:hover { opacity: .8.5; font-style:none; -webkit-transition:all 0.8s; -moz-transition:all 0.8s; -ms-transition:all 0.8s; -o-transition:all 0.8s; transition:all 0.8s; }
  45. .right { overflow:hidden; text-align: left;}
  46. .totalright {float:right;}
  47. @import url(http://fonts.googleapis.com/css?family=Allerta);
  48. .question { padding-bottom:10px; border-bottom:solid 1px #ccc;}
  49. #container { margin:auto; margin-top:-30px; }
  50. #holder {width:400px; margin:auto; padding:20px; }
  51. #entry { overflow:hidden; width:400px; margin:auto; padding:20px; {block:IndexPage} padding-top:10px; {/block:IndexPage} padding-bottom:40px; background-color:{color:background}; {block:PermalinkPage} padding-top:20px; {/block:PermalinkPage}}
  52. #entry img { max-width:400px; }
  53. .disphoto {background-image: url({PortraitURL-64}); -moz-border-radius: 38px; -webkit-border-radius: 60px; width: 64px; height: 64px; margin: 10px;}
  54. #heading { padding:20px; width:400px; background-color:{color:background}; }
  55. #info { padding-top:10px; padding-bottom:10px; }
  56. #side { border:0px solid #ccc; width:170px; position:fixed; left:240px; top:165px; }
  57. .title { text-transform:none; font-size:10px; line-height:30px; text-align:left; letter-spacing:1px; }
  58. .linkies { position:relative; font-size:7px; font-family:times; text-align:center; margin-top:8px; margin-left:4px; text-align:justify; text-transform:uppercase; letter-spacing:1px; line-height:3px; width:157px; }
  59. .linkies a { width:30px; padding:10px; background-color: {color:Link Background}; margin-top: 3px; display:inline-block; text-align:center; -moz-transition-duration:0.5s; -webkit-transition-duration:0.5s; -o-transition-duration:0.3s; }
  60. .linkies a:hover { color:#b3b3b3; -moz-transition-duration:0.5s; -webkit-transition-duration:0.5s; -o-transition-duration:0.5s; }
  61. #navi { padding-top:10px; padding-bottom:10px; text-align:center;}
  62. #postdisq {color:#000000; margin-left:-200px; position:absolute; -webkit-transition-duration: 0.4s; padding:3px; -moz-border-radius:0px; -webkit-border-radius:5px; z-index:3; margin-top:8px;}
  63. .quote { line-height:20px; }
  64. .source { padding:5px; background-color:{color:link background}; text-align:center;}
  65. .audio {width: 250px; background-color:#000; padding:2px;}
  66. div.video embed, div.post div.video object { width:400px !important; height:275px !important;}
  67. blockquote{ -moz-border-radius: 0px 0px 10px 0px; -webkit-border-radius: 0px 0px 10px 0px; }
  68. blockquote img{ display:block; width:300px; }
  69. .photoquote { border-left: 1px dotted #DDD; -moz-border-radius: 0px 0px 0px 0px; -webkit-border-radius: 0px 0px 0px 0px;}
  70. ul.chat, .chat ol, .chat li { list-style:none; margin:0px; }
  71. ol.notes { padding: 10px; margin: 25px 0px; list-style-type:;}
  72. ol.notes li.note { padding: 2px;}
  73. ol.notes li.note img.avatar { margin-right: 10px; width:0px; height: 0px;}
  74. iframe input, iframe submit, iframe textarea, iframe div, iframe table {background-color:transparent!important;}
  75.  
  76. #post_bottom { text-transform:uppercase; font-size:8px; text-align:center; }
  77. .tags { font-style:none; text-transform:none; }
  78.  
  79.  
  80. </style>
  81.  
  82. {block:IfEndlessScrolling}
  83. <script type="text/javascript" src="http://static.tumblr.com/q0etgkr/J5bl3lkz1/tumblrautopagernopage.js"></script>
  84. {/block:IfEndlessScrolling}
  85.  
  86. <style type="text/css">{CustomCSS]</style>
  87.  
  88. </head>
  89.  
  90. <body>
  91.  
  92. <div id="side">
  93. <div class="title"><a href="/">{Title}</a></div>
  94. {block:Description}<div id="info">{Description}</div>{/block:Description}
  95. <div class="linkies">
  96. <a href="/">home</a>
  97. <a href="/ask">ask</a>
  98. <a href="/archive">past</a>
  99. {block:IfLinkOneTitle}
  100. <a href="{text:Link One URL}">{text:Link One Title}</a>
  101. {block:IfLinkOneTitle}
  102. {block:IfLinkTwoTitle}
  103. <a href="{text:Link Two URL}">{text:Link Two Title}</a>
  104. {block:IfLinkTwoTitle}
  105. {block:IfLinkThreeTitle}
  106. <a href="{text:Link Three URL}">{text:Link Three Title}</a>
  107. {block:IfLinkThreeTitle}
  108. {block:HasPages}
  109. {block:Pages}
  110. <a href="{URL}" class="page">{Label}</a>
  111. {/block:Pages}
  112. {/block:HasPages}
  113. </div>
  114. <div id="navi">{block:IfNotEndlessScrolling}
  115. {block:PreviousPage}
  116. <a href="{PreviousPage}">back</a>
  117. {/block:PreviousPage}
  118. {block:NextPage}&nbsp;&mdash;&nbsp;
  119. <a href="{NextPage}">forth</a>
  120. {/block:NextPage}
  121. {/block:IfNotEndlessScrolling}
  122. </div>
  123. </div>
  124.  
  125. <div id="container">
  126.  
  127. <div id="holder">
  128.  
  129.  
  130.  
  131. <div id="heading">
  132. <BR><BR><BR></BR></BR></BR>
  133. </div>
  134.  
  135. <BR><BR>
  136. {block:IfEndlessScrolling}
  137. <div class = "autopagerize_page_element">
  138. {/block:IfEndlessScrolling}
  139.  
  140. {block:Posts}
  141. <div id="entry">
  142.  
  143.  
  144. {block:Text}
  145.  
  146. {block:Title}
  147. <p>{Title}</p>
  148. {/block:Title}
  149.  
  150. {Body}
  151. </a>
  152.  
  153. {/block:Text}
  154.  
  155.  
  156.  
  157. {block:Photo}
  158.  
  159. {LinkOpenTag}
  160. <p><img src="{PhotoURL-400}" alt="{PhotoAlt}" width="500"></p>
  161. {LinkCloseTag}
  162.  
  163. {block:IfNotHideCaptions} {block:IndexPage}<div class="photoquote"> {block:Caption} <blockquote> {Caption} </blockquote> {/block:Caption} </div>{/block:IndexPage}
  164. {/block:IfNotHideCaptions}
  165.  
  166. {block:PermalinkPage}
  167. <div class="photoquote"><p>{block:Caption}<blockquote>{Caption}</blockquote>{/block:Caption}</p></div>
  168. {/block:PermalinkPage}
  169. {/block:Photo}
  170.  
  171.  
  172.  
  173. {block:Photoset}
  174.  
  175. {Photoset-400}
  176.  
  177. {block:IfNotHideCaptions} {block:IndexPage}<div class="photoquote"> {block:Caption} <blockquote> {Caption} </blockquote> {/block:Caption} </div>{/block:IndexPage}
  178. {/block:IfNotHideCaptions}
  179. {block:IfHideCaptions}
  180. {block:PermalinkPage}
  181. <p>{block:Caption}{Caption}{/block:Caption}</p>
  182. {/block:PermalinkPage}
  183. {/block:IfHideCaptions}
  184. {/block:Photoset}
  185.  
  186.  
  187.  
  188. {block:Quote}
  189.  
  190. <div class="quote">
  191. <p>
  192. {Quote}
  193. </p>
  194.  
  195. {block:Source}<p><div class="source">&mdash; {Source}</div></p>{/block:Source}
  196.  
  197. </div>
  198. {/block:Quote}
  199.  
  200.  
  201. {block:Link}
  202.  
  203. <a href="{URL}"><u>{Name}</u></a>
  204. <p>{block:Description}{Description}{/block:Description}</p>
  205.  
  206. {/block:Link}
  207.  
  208.  
  209. {block:Chat}
  210.  
  211. {block:Title}<b>{Title}</b>{/block:Title}
  212. <div class="lines">{block:Lines}<div class="line {Alt}">{block:Label}<b>{Label} </b>{/block:Label}{Line}</div>{/block:Lines}</div>
  213.  
  214. {/block:Chat}
  215.  
  216.  
  217. {block:Audio}
  218.  
  219. <p>
  220. {block:AlbumArt}
  221. <img src="{AlbumArtURL}" width="500">
  222. {/block:AlbumArt}
  223. </p>
  224. <div class="audio">{AudioPlayerBlack}</div>
  225. {block:Caption}{Caption}{/block:Caption}
  226.  
  227. {/block:Audio}
  228.  
  229.  
  230. <div class="video">
  231. {block:Video}
  232.  
  233. {Video-400}
  234.  
  235. {block:IfNotHideCaptions} {block:IndexPage}<div class="photoquote"> {block:Caption} <blockquote> {Caption} </blockquote> {/block:Caption} </div>{/block:IndexPage} {/block:IfNotHideCaptions}
  236. {block:IfHideCaptions} {block:PermalinkPage}<p>{block:Caption}{Caption}{/block:Caption}</p>{/block:PermalinkPage} {/block:IfHideCaptions}
  237.  
  238. {/block:Video}
  239. </div>
  240.  
  241.  
  242. {block:Answer}
  243.  
  244. <div class="question">
  245. {Asker}: {Question}
  246. </div>
  247.  
  248. {Answer}
  249.  
  250. {/block:Answer}
  251.  
  252.  
  253. <div id="post_bottom">
  254. <a href="{Permalink}">{MonthNumber} . {DayofMonth}</a> {block:Notecount}&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{NoteCount}{/block:Notecount}
  255. <p>
  256. {block:IfDisplayTags}
  257. {block:HasTags}
  258. <div class="tags">
  259. {block:Tags} <a href="{TagURL}">{Tag}</a> &nbsp; {/block:Tags}
  260. </div>
  261. {/block:HasTags}
  262. {/block:IfDisplayTags}
  263. </p>
  264. </div>
  265.  
  266.  
  267. {block:PermalinkPagination}
  268. <p>
  269. <div align="right">
  270. {block:PreviousPost}
  271. <a href="{PreviousPost}">Last Post</a>
  272. {/block:PreviousPost}
  273. {block:NextPost}
  274. &nbsp;&nbsp;&nbsp;&nbsp;
  275. <a href="{NextPost}">Next Post</a>
  276. {/block:NextPost}
  277. </div>
  278. </p>
  279. {/block:PermalinkPagination}
  280.  
  281. {block:PostNotes}{PostNotes}{/block:PostNotes}
  282.  
  283. </div> <!-- E -->
  284.  
  285. {/block:Posts}
  286.  
  287.  
  288. {block:IfEndlessScrolling}</div>{/block:IfEndlessScrolling}
  289.  
  290. <div style="position:fixed; bottom:5px; right:5px; opacity:.5;">
  291. <a href="http://sleepingtigers.tumblr.com/">s.t.</a>
  292. </div>
  293.  
  294. </div> <!-- H -->
  295.  
  296. </div> <!-- C -->
  297.  
  298. </body>
  299.  
  300. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement